:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--danger-color:#dc2626;--success-color:#16a34a;--warning-color:#ca8a04;--primary-font-weight:500;--text-main:#181818;--text-light:#6b7280;--bg-body:#f3f4f6;--bg-card:#fff;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--radius-md:.5rem;--radius-lg:.75rem}*{box-sizing:border-box;margin:0;padding:0}.body{color:#181818;background:#fff;height:100vh;margin:0;font-family:sans-serif;display:flex}button{font-family:sans-serif}.nav-link--logout_btn{color:#dc2626;border:1px solid var(--border-color);cursor:pointer;background-color:#0000;border-radius:.5em;padding:.8em 1.6em;font-weight:600;transition:all .2s;position:absolute;bottom:2em}.nav-link--logout_btn:hover{color:#fff;background-color:#dc2626}.sidebar{border-right:1px solid var(--border-color);width:16vw;color:var(--primary-color);padding:2em;position:relative}.sidebar__l-t-flex{align-items:center;gap:.75rem;margin-bottom:1.5em;display:flex}.sidebar__nav-link{color:var(--primary-color);border-radius:var(--radius-md);align-items:center;gap:.3em;padding:.4em 0;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.sidebar__nav-link:hover{opacity:.7}.sidebar__nav-link.active{background-color:#e5f1ff;padding:.4em .6em}.sidebar__nav-link.active:hover{opacity:1}.sidebar__nav-link img{margin-top:.1em}.main{flex:1;overflow-y:auto}.header{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:10;height:64px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:1.5em 2.5em;display:flex;position:sticky;top:0}.logo-link{align-items:center;gap:.75rem;display:flex}