.logo-container{align-items:center;gap:12px;display:flex}.logo-icon{color:#fff;background:#4f46e5;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 8px 20px #4f46e540}.logo-text{flex-direction:column;line-height:1;display:flex}.logo-text span:first-child{color:#9fbcfc;font-size:1rem;font-weight:700}.logo-text span:last-child{color:#6b7280;font-size:.85rem}.auth-logo{justify-content:center;margin-top:2rem;display:flex}.navbar-container{background:var(--surface);border-bottom:1px solid var(--border);z-index:500;justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex;position:sticky;top:0}.navbar-left{align-items:center;display:flex}.navbar-right{align-items:center;gap:1.5rem;display:flex}.icon-btn{cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .25s;display:flex}.icon-btn svg{color:var(--text-primary);font-size:18px}.icon-btn:hover{background:var(--primary);transform:translateY(-2px)}.icon-btn:hover svg{color:#fff}.notification-btn{position:relative}.notification-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:10px}.navbar-user{align-items:center;gap:.8rem;display:flex}.navbar-user-info{flex-direction:column;display:flex}.navbar-user-info span{color:var(--text-secondary);font-size:.8rem}.navbar-user-info h4{color:var(--text-primary);font-size:.95rem}@media (width<=768px){.navbar-container{padding:0 1rem}.navbar-user-info{display:none}}.menu-btn{cursor:pointer}@media (width>=769px){.menu-btn{display:none}}.avatar{color:#fff;-webkit-user-select:none;user-select:none;cursor:pointer;background:#5b4bdb;border-radius:50%;justify-content:center;align-items:center;font-weight:700;transition:all .2s;display:flex}.avatar:hover{transform:scale(1.05);box-shadow:0 6px 16px #5b4bdb40}.sidebar{color:#fff;z-index:1200;background:#111827;border-right:1px solid #ffffff0d;flex-direction:column;width:270px;min-height:100vh;padding:1.5rem 1rem;transition:all .3s;display:flex}.logo{justify-content:center;align-items:center;margin-bottom:2.5rem;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;display:flex}.sidebar a{border-radius:var(--radius-md);color:#e5e7eb;align-items:center;gap:14px;padding:.9rem 1rem;font-weight:500;transition:all .25s;display:flex}.sidebar a svg{min-width:20px;font-size:18px}.sidebar a:hover{color:#fff;background:#1f2937;transform:translate(3px)}.sidebar a.active{background:var(--primary);color:#fff;font-weight:600;box-shadow:0 6px 16px #5b4bdb40}.logout-btn{border-radius:var(--radius-md);color:#e5e7eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:14px;width:100%;margin-top:auto;padding:.9rem 1rem;font-size:15px;font-weight:500;transition:all .25s;display:flex}.logout-btn:hover{color:#fff;background:#dc2626}.sidebar-overlay{z-index:1100;background:#00000073;position:fixed;inset:0}@media (width<=992px){.sidebar{width:240px}}@media (width<=768px){.sidebar{z-index:1200;width:270px;height:100vh;position:fixed;top:0;left:-280px}.sidebar.open{left:0}}.app-layout{background:var(--background);min-height:calc(100vh - 70px);display:flex}.app-main{flex:1;width:100%;padding:30px;overflow-y:auto}@media (width<=992px){.app-main{padding:1.5rem}}@media (width<=768px){.app-layout{display:block}.app-main{width:100%;padding:1rem}}.loader-container{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:70vh;display:flex}.loader-circle{border:6px solid #e5e7eb;border-top-color:#5b4bdb;border-radius:50%;width:64px;height:64px;animation:.8s linear infinite spin}.loader-container h2{color:#1f2937;margin:0;font-size:22px;font-weight:700;animation:.4s fadeIn}.loader-container p{color:#6b7280;margin:0;font-size:15px;font-weight:500;animation:.4s fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2)format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2)format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2)format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2)format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2)format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary:#5b4bdb;--primary-hover:#4338ca;--primary-dark:#4338ca;--background:#eceff5;--surface:#fff;--text-primary:#111827;--text-secondary:#6b7280;--border:#e5e7eb;--success:#16a34a;--danger:#dc2626;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow:0 4px 12px #0f172a0f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select,button{font-family:inherit}img{max-width:100%;display:block}.page-container{width:min(1400px,95%);margin:0 auto;padding:30px 0}.section-title{color:var(--text-primary);margin-bottom:20px;font-size:22px;font-weight:700}.app-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:all .25s}.app-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.primary-btn{background:var(--primary);color:#fff;border-radius:var(--radius-md);border:none;padding:12px 20px;font-weight:600;transition:all .25s}.primary-btn:disabled{opacity:.7;cursor:not-allowed}.primary-btn:hover{background:var(--primary-hover)}.secondary-btn{border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-md);background:0 0;padding:12px 20px;font-weight:600;transition:all .25s}.secondary-btn:hover{background:#f3f4f6}.app-input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);outline:none;width:100%;padding:12px 16px;transition:all .2s}.app-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5b4bdb26}.loading-state{min-height:70vh;color:var(--text-secondary);justify-content:center;align-items:center;font-size:1.2rem;font-weight:600;display:flex}