@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap";:root{font-family:Nunito,sans-serif;color:#393348;background:#f8f6fc;font-synthesis:none;text-rendering:optimizeLegibility;--purple: #8b70bd;--purple-dark: #7256a5;--lavender: #eee8f8;--text: #393348;--muted: #918a9e;--white: #fff;--border: #eeeaf3;--surface: #fff;--page: #f8f6fc}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--page)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #c9b8e5;outline-offset:2px}.app{display:flex;min-height:100vh;background:var(--page);color:var(--text)}.sidebar{width:270px;min-height:100vh;padding:24px 16px 18px;background:var(--surface);border-right:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;transition:width .25s ease,padding .25s ease}.brand{display:flex;align-items:center;justify-content:center;min-height:76px;margin:0 4px 20px}.brand img{display:block;width:100%;max-width:218px;max-height:76px;object-fit:contain;object-position:left center}.sidebar-toggle{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;padding:10px 12px;margin-bottom:14px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:12px;font-weight:700}.sidebar-toggle:hover{background:var(--lavender);color:var(--purple-dark)}.navigation{flex:1}.nav-group{margin-top:19px}.nav-heading{margin:0 10px 9px;color:#aaa3b3;font-size:10px;font-weight:800;letter-spacing:1.4px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:11px 12px;margin:3px 0;border:0;border-radius:12px;color:#777183;background:transparent;text-align:left;font-size:13px;font-weight:600;transition:background .2s ease,color .2s ease}.nav-item svg,.sidebar-toggle svg{flex-shrink:0}.nav-item:hover,.nav-item.active{color:var(--purple-dark);background:var(--lavender)}.sidebar-bottom{margin-top:20px}.profile{display:flex;align-items:center;gap:10px;padding:14px 8px 0;margin-top:12px;border-top:1px solid var(--border);font-size:13px}.profile-info{min-width:0}.profile b{display:block}.profile small{display:block;color:var(--muted);font-size:11px}.avatar{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:var(--lavender);color:var(--purple-dark);font-weight:800}.sidebar-collapsed .sidebar{width:82px;padding-right:10px;padding-left:10px}.sidebar-collapsed .brand img{width:46px;height:46px;object-fit:contain}.sidebar-collapsed .brand{margin-right:0;margin-left:0}.sidebar-collapsed .sidebar-toggle{justify-content:center;padding:12px 5px}.sidebar-collapsed .sidebar-toggle span,.sidebar-collapsed .nav-heading,.sidebar-collapsed .nav-item span,.sidebar-collapsed .profile-info{display:none}.sidebar-collapsed .nav-item{justify-content:center;padding-right:5px;padding-left:5px}.sidebar-collapsed .profile{justify-content:center;padding-right:0;padding-left:0}.main-area{flex:1;min-width:0}.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 30px;background:var(--surface);border-bottom:1px solid var(--border)}.mobile-brand{display:none}.search{display:flex;align-items:center;gap:10px;width:min(440px,60%);padding:11px 14px;border:1px solid #ebe6f1;border-radius:13px;background:#fbfaff;color:var(--muted)}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text)}.actions{display:flex;align-items:center;gap:12px}.actions button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--purple-dark)}.actions button:hover{background:var(--lavender)}.content{width:100%;max-width:1500px;margin:0 auto;padding:34px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{display:flex;align-items:center;gap:7px;margin-bottom:9px;color:var(--purple);font-size:11px;font-weight:800;letter-spacing:1.3px}.welcome h1,.module-placeholder h1{margin:0 0 8px;font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-1px}.welcome h1 em{color:var(--purple);font-style:normal}.welcome p,.module-placeholder p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:0;border-radius:12px;background:var(--purple);color:#fff;font-size:13px;font-weight:700}.primary:hover{background:var(--purple-dark)}.banner{display:flex;align-items:center;gap:18px;padding:23px 26px;margin-bottom:30px;border:1px solid #e9e0f5;border-radius:18px;background:linear-gradient(110deg,#f0eafa,#faf8fd);color:var(--purple-dark)}.banner>svg{width:35px;height:35px;flex-shrink:0}.banner b{display:block;margin-bottom:5px}.banner p{margin:0;color:#81758f;font-size:13px;line-height:1.6}.banner span{margin-left:auto;font-size:22px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:30px 0 16px}.section-title h2{margin:0 0 4px;font-size:18px}.section-title p{margin:0;color:var(--muted);font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat{min-width:0;padding:20px;border:1px solid var(--border);border-radius:17px;background:var(--surface);box-shadow:0 3px 14px #51416b08}.stat>div{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--purple);font-size:13px}.stat strong{display:block;margin:12px 0 5px;font-size:25px}.stat small{color:var(--muted);font-size:11px}.columns{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-top:20px}.panel{min-width:0;padding:22px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.panel h2{margin:0 0 6px;font-size:16px}.panel>p{margin:0;color:var(--muted);font-size:12px}.empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 12px;color:var(--purple);text-align:center}.empty>svg{width:34px;height:34px;opacity:.7}.empty b{color:var(--text);font-size:13px}.empty small,.reading small{color:var(--muted);font-size:12px;line-height:1.6}.reading{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.reading>svg{color:var(--purple)}.reading b{font-size:13px}.reading button,.secondary{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:0;border-radius:10px;background:var(--lavender);color:var(--purple-dark);font-size:12px;font-weight:700}.module-placeholder{max-width:700px;padding:30px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}.module-placeholder h1{margin-top:12px}.secondary{margin-top:22px}footer{padding:30px 10px 15px;color:var(--muted);text-align:center;font-size:11px}.dark{--text: #eee9f5;--muted: #aaa1b7;--border: #40364f;--surface: #2b2537;--page: #211d2b;background:var(--page);color:var(--text)}.dark .search{background:#352d43;border-color:#493d5b;color:#c9b8e5}.dark .search input{color:var(--text)}.dark .nav-item{color:#c0b6ce}.dark .nav-item:hover,.dark .nav-item.active{background:#403451;color:#d8c4f5}.dark .banner{background:#352d43;border-color:#493d5b}.dark .banner p{color:#c0b6ce}.dark .sidebar-toggle:hover{background:#403451}@media(max-width:1100px){.sidebar{width:245px}.content{padding:26px 22px}.topbar{padding:14px 20px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sidebar{width:220px}.content{padding:22px 16px}.columns{grid-template-columns:1fr}.welcome{align-items:flex-start;flex-direction:column}.topbar{gap:10px;padding:12px}.search{width:100%}.actions{gap:6px}.actions button{width:36px;height:36px}}@media(max-width:560px){.sidebar{width:76px;padding:16px 8px}.brand{min-height:52px;margin:0 0 18px}.brand img{width:46px;height:46px;object-fit:contain}.sidebar-toggle{justify-content:center;padding:11px 4px}.sidebar-toggle span,.nav-heading,.nav-item span,.profile-info{display:none}.nav-item{justify-content:center;padding:12px 4px}.profile{justify-content:center;padding-right:0;padding-left:0}.welcome h1{font-size:25px}.banner{padding:17px}.banner span{display:none}.stats{grid-template-columns:1fr}.mobile-brand{display:none}.topbar .search{min-width:0}}.brand{min-height:88px;margin-bottom:22px}.brand img{max-width:245px;max-height:88px}.empty>div{display:flex;flex-direction:column;align-items:center;gap:9px;width:100%;max-width:340px}.empty b{display:block;line-height:1.5}.empty small{display:block;line-height:1.7;max-width:320px}@media(min-width:761px)and (max-width:1100px){.columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.panel{padding:20px}.reading{min-width:0}}@media(max-width:760px){.empty>div{max-width:100%}}