@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&family=Quicksand:wght@500;600;700&display=swap";:root{--portal-primary: #845EC2;--portal-primary-hover: #6B3FA0;--portal-primary-light: rgba(132,94,194,.1);--portal-accent-orange: #FF8C42;--portal-accent-pink: #FF6F91;--portal-accent-teal: #4BC0C8;--portal-accent-green: #00C9A7;--portal-accent-yellow: #FFD93D;--portal-bg: #ffffff;--portal-surface: #ffffff;--portal-surface-warm: #FFF8F2;--portal-border: #EDE8F5;--portal-text: #2D2A32;--portal-text-muted: #8A8494;--portal-text-dim: #B8B2C0;--portal-sidebar-bg: linear-gradient(180deg, #845EC2 0%, #6B3FA0 100%);--portal-shadow-sm: 0 2px 8px rgba(132,94,194,.08);--portal-shadow-md: 0 4px 16px rgba(132,94,194,.12);--portal-shadow-lg: 0 8px 32px rgba(132,94,194,.16);--portal-radius: 16px;--portal-radius-sm: 10px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,system-ui,-apple-system,sans-serif;background:var(--portal-bg);color:var(--portal-text);-webkit-font-smoothing:antialiased}.portal-layout{display:flex;height:100vh}.portal-sidebar{width:270px;background:var(--portal-sidebar-bg);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #6b3fa026}.portal-sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;inset:0;background:#2d2a3266;backdrop-filter:blur(4px);z-index:99;display:none}.portal-main{flex:1;display:flex;flex-direction:column;margin-left:270px}.portal-header{height:68px;background:var(--portal-surface);border-bottom:1px solid var(--portal-border);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.portal-content{flex:1;overflow-y:auto;padding:28px}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.15)}.sidebar-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.sidebar-logo-icon{font-size:2.2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.sidebar-logo-text{font-family:Quicksand,sans-serif;font-size:1.6rem;font-weight:800;color:#fff;letter-spacing:-.5px}.sidebar-logo-badge{font-size:.65rem;background:var(--portal-accent-orange);color:#fff;padding:2px 8px;border-radius:12px;margin-left:6px;font-weight:700;letter-spacing:.5px}.sidebar-nav{flex:1;overflow-y:auto;padding:20px 12px}.nav-section{margin-bottom:24px}.nav-section-title{font-size:.7rem;font-weight:700;color:#ffffff73;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;padding:0 14px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--portal-radius-sm);text-decoration:none;color:#ffffffb3;font-weight:600;font-size:.92rem;transition:all .2s ease;margin-bottom:4px}.nav-item:hover{background:#ffffff1f;color:#fff;transform:translate(3px)}.nav-item.active{background:#fff3;color:#fff;font-weight:700;box-shadow:inset 3px 0 0 var(--portal-accent-orange)}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.15)}.sidebar-user{display:flex;align-items:center;gap:12px}.sidebar-user-avatar{width:42px;height:42px;background:var(--portal-accent-orange);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;box-shadow:0 2px 8px #ff8c424d}.sidebar-user-info{flex:1}.sidebar-user-name{font-weight:700;font-size:.9rem;color:#fff}.sidebar-user-role{font-size:.75rem;color:#fff9}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--portal-text)}.header-right,.header-left{display:flex;align-items:center;gap:12px}.page-header{margin-bottom:28px}.page-title{font-family:Quicksand,sans-serif;font-size:1.9rem;font-weight:800;margin-bottom:4px;color:var(--portal-text);letter-spacing:-.3px}.page-subtitle{color:var(--portal-text-muted);font-size:.95rem;font-weight:500}.card{background:var(--portal-surface);border-radius:var(--portal-radius);padding:24px;box-shadow:var(--portal-shadow-sm);border:1px solid var(--portal-border);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--portal-shadow-md)}.card-header{margin-bottom:16px}.card-title{font-family:Quicksand,sans-serif;font-size:1.2rem;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px}.stat-card{background:var(--portal-surface);border-radius:var(--portal-radius);padding:22px;box-shadow:var(--portal-shadow-sm);border:1px solid var(--portal-border);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--portal-primary);border-radius:var(--portal-radius) var(--portal-radius) 0 0;opacity:0;transition:opacity .2s}.stat-card:hover:before{opacity:1}.stat-card-icon{font-size:2.2rem;margin-bottom:12px}.stat-card-value{font-family:Quicksand,sans-serif;font-size:2.2rem;font-weight:800;margin-bottom:4px}.stat-card-label{color:var(--portal-text-muted);font-size:.88rem;font-weight:600}.stat-card:nth-child(1):before{background:var(--portal-accent-teal);opacity:1}.stat-card:nth-child(2):before{background:var(--portal-accent-orange);opacity:1}.stat-card:nth-child(3):before{background:var(--portal-accent-pink);opacity:1}.stat-card:nth-child(4):before{background:var(--portal-accent-green);opacity:1}.btn{padding:10px 22px;border-radius:var(--portal-radius-sm);font-family:Nunito,sans-serif;font-weight:700;cursor:pointer;transition:all .2s ease;border:none;font-size:.92rem;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:var(--portal-primary);color:#fff;box-shadow:0 2px 8px #845ec240}.btn-primary:hover{background:var(--portal-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #845ec259}.btn-primary:disabled{opacity:.6;transform:none;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--portal-text);border:1.5px solid var(--portal-border)}.btn-ghost:hover{background:var(--portal-primary-light);border-color:var(--portal-primary);color:var(--portal-primary)}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-full{width:100%;justify-content:center}.form-group{margin-bottom:18px}.form-label{display:block;margin-bottom:6px;font-weight:600;color:var(--portal-text);font-size:.9rem}.form-input{width:100%;padding:11px 14px;border:1.5px solid var(--portal-border);border-radius:var(--portal-radius-sm);font-family:Nunito,sans-serif;font-size:.95rem;font-weight:500;transition:all .2s ease;background:#fff}.form-input:focus{outline:none;border-color:var(--portal-primary);box-shadow:0 0 0 3px #845ec21f}.form-input::placeholder{color:var(--portal-text-dim)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.stat-card{animation:fadeInUp .4s ease both}.stat-card:nth-child(1){animation-delay:.05s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.card{animation:fadeInUp .4s ease both;animation-delay:.15s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--portal-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--portal-text-dim)}@media (max-width: 768px){.portal-sidebar{transform:translate(-100%)}.portal-sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.portal-main{margin-left:0}.menu-toggle{display:block}.portal-content{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.page-title{font-size:1.5rem}}