:root{--primary:#0a66c2;--primary-dark:#004182;--accent:#00c2ff;--dark:#0d1b2a;--bg:#0f0f13;--bg-card:#1a1a24;--bg-card-hover:#22222f;--border:#2a2a3a;--text:#e8e8f0;--text-muted:#8892a0;--green:#22c55e;--orange:#ff6b35;--red:#ef4444;--amber:#f59e0b;--sidebar-width:240px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}.app-shell{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;padding:2rem;overflow-x:hidden}@keyframes page-slide-in{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}.page-transition{will-change:transform, opacity;animation:.65s cubic-bezier(.25,.46,.45,.94) both page-slide-in}.hamburger-btn{display:none}@media (max-width:768px){.hamburger-btn{justify-content:center;align-items:center;display:flex}}.sidebar{transition:transform .3s}@media (max-width:768px){.sidebar--closed{transform:translate(-100%)}.sidebar--open{transform:translate(0)}.main-content{margin-left:0!important;padding:1rem!important}.grid-responsive{grid-template-columns:1fr!important}.grid-responsive-2{grid-template-columns:repeat(2,1fr)!important}.flex-responsive{flex-direction:column!important;align-items:stretch!important}.page-header-responsive{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.toolbar-responsive{flex-wrap:wrap!important;gap:8px!important}.img-responsive{width:100%!important;max-width:100%!important}button,a,select,input{min-height:44px}select{font-size:16px!important}.page-title{font-size:20px!important}.table-scroll-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.modal-content-responsive{border-radius:12px 12px 0 0!important;width:100%!important;max-width:100%!important;max-height:85vh!important;margin:0!important;padding:20px!important;overflow-y:auto!important}.modal-overlay-responsive{align-items:flex-end!important;padding:0!important}.login-card-responsive{width:calc(100% - 32px)!important;max-width:100%!important;padding:24px 16px!important}}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 12px}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none}
