@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--primary:#6366f1;--primary-dark:#4338ca;--secondary:#475569;--bg-body:#f1f5f9;--bg-card:#fff;--text-main:#0f172a;--border:#e2e8f0;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-main);height:100vh;font-family:Plus Jakarta Sans,sans-serif;overflow:hidden}#root{width:100%;height:100%}.app-layout{width:100vw;height:100vh;display:flex}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);flex-direction:column;width:260px;padding-top:20px;display:flex}.sidebar-header{color:var(--primary);text-align:center;margin-bottom:30px;font-size:1.5rem;font-weight:800}.menu-label{color:#94a3b8;letter-spacing:1px;margin-top:10px;padding:10px 20px;font-size:.75rem;font-weight:700}.sidebar a{color:var(--secondary);border-left:4px solid #0000;align-items:center;gap:12px;padding:12px 20px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar a:hover{color:var(--primary);background:#f8fafc}.sidebar a.active{color:var(--primary);border-left-color:var(--primary);background:#eef2ff;font-weight:700}.menu-footer{margin-top:auto;padding:20px}.btn-logout{border:1px solid var(--danger);width:100%;color:var(--danger);cursor:pointer;background:0 0;border-radius:6px;padding:10px;font-weight:600}.btn-logout:hover{background:var(--danger);color:#fff}.main-content{flex:1;padding:30px;overflow-y:auto}h2{margin-bottom:20px;font-size:1.8rem}input,select{border:1px solid var(--border);border-radius:6px;width:100%;padding:10px}button{cursor:pointer;border:none;border-radius:6px;padding:10px 15px;font-weight:600;transition:all .2s}