:root{font-family:Segoe UI,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--sidebar-bg: #1e293b;--sidebar-text: #f1f5f9;--main-bg: #f8fafc;--primary-color: #093844;--accent-color: #3b82f6}body{margin:0;padding:0;background-color:var(--main-bg);color:#334155;height:100vh;overflow:hidden}.app-container{display:flex;width:100vw;height:100vh;overflow:hidden}.sidebar{width:260px;min-width:260px;background-color:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;padding:20px;box-shadow:2px 0 10px #0000001a;height:100vh;overflow-y:auto;z-index:10}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.menu-category{font-size:.75em;text-transform:uppercase;letter-spacing:1px;color:#64748b;margin-top:20px;margin-bottom:10px;font-weight:700}.menu-item{padding:10px 15px;margin-bottom:5px;cursor:pointer;border-radius:8px;transition:all .2s ease;font-size:.95em;display:flex;align-items:center;gap:10px}.menu-item:hover{background-color:#ffffff1a;transform:translate(5px)}.menu-item.active{background-color:var(--accent-color);color:#fff;font-weight:600;box-shadow:0 4px 12px #3b82f666}.btn-logout{background-color:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.5);padding:8px;border-radius:6px;cursor:pointer;transition:.2s}.btn-logout:hover{background-color:#ef4444;color:#fff}.main-content{flex:1;background-color:var(--main-bg);padding:30px;overflow-y:auto;height:100vh;box-sizing:border-box}.card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #e2e8f0;margin-bottom:20px}h2,h3{color:var(--primary-color)}button{cursor:pointer}input,select,textarea{border:1px solid #cbd5e1;padding:8px 12px;border-radius:6px;font-family:inherit;font-size:.95em}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-color);border-color:transparent}.btn-primary{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:700;transition:.2s}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}