*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root,html.light{--background:#f8fafc;--surface:#fff;--surface-hover:#f1f5f9;--text:#1e293b;--text-muted:#64748b;--text-light:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--primary:#1e3a5f;--accent:#00b4d8;--scrollbar-track:#f1f5f9;--scrollbar-thumb:#e2e8f0;--scrollbar-thumb-hover:#94a3b8;--selection-bg:rgba(0,180,216,.2);--selection-color:#1e3a5f;--card-shadow:rgba(0,0,0,.08)}html.dark{--background:#0a1628;--surface:#0f2847;--surface-hover:#1e3a5f;--text:#f1f5f9;--text-muted:#94a3b8;--text-light:#64748b;--border:#1e3a5f;--border-light:#2d4a6f;--primary:#0f2847;--accent:#00b4d8;--scrollbar-track:#0f2847;--scrollbar-thumb:#1e3a5f;--scrollbar-thumb-hover:#2d4a6f;--selection-bg:rgba(0,180,216,.3);--selection-color:#f1f5f9;--card-shadow:rgba(0,0,0,.4)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--background);color:var(--text);line-height:1.5;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.spin{animation:spin 1s linear infinite}.fade-in{animation:fadeIn .3s ease-out}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--card-shadow)}input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(0,180,216,.15);outline:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:not(:disabled):hover{filter:brightness(1.05)}button:not(:disabled):active{transform:scale(.98)}a{color:inherit;text-decoration:none}@media (max-width:1024px){.main-content{margin-left:0!important}.sidebar{transform:translateX(-100%)}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-overlay{display:block!important}.mobile-menu-btn{display:flex!important}}@media (max-width:768px){.hide-mobile{display:none!important}}::selection{background-color:var(--selection-bg);color:var(--selection-color)}::placeholder{color:var(--text-muted);opacity:1}html.dark input::placeholder,html.dark textarea::placeholder{color:var(--text-light)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.card,aside,button,header,input,main,select,textarea{transition:background-color .3s ease,border-color .3s ease,color .3s ease}@media print{.no-print,.sidebar{display:none!important}.main-content{margin-left:0!important}}:root{--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--safe-area-inset-right:env(safe-area-inset-right,0px)}@media (display-mode:standalone){body{padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}header{padding-top:calc(12px + var(--safe-area-inset-top))}.bottom-nav{padding-bottom:calc(16px + var(--safe-area-inset-bottom))}}@media (max-width:768px){.touchable,a,button{min-height:44px}input,select,textarea{font-size:16px!important;padding:14px 16px}button{padding:12px 16px}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.no-pull-refresh{overscroll-behavior-y:contain}*{-webkit-tap-highlight-color:transparent}@media (max-width:768px){::-webkit-scrollbar{display:none}*{scrollbar-width:none}}html.dark{background-color:#0a1628}html{background-color:var(--background)}.no-select,button{-webkit-user-select:none;-moz-user-select:none;user-select:none}.scroll-smooth{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media (hover:none){.touchable:active,a:active,button:active{opacity:.7;transform:scale(.98)}}@media (max-width:768px){header{padding:12px 16px!important}header h2{font-size:18px!important}.card,.main-content>div>div{padding:16px!important}.welcome-title{font-size:20px!important}table{display:block;overflow-x:auto;white-space:nowrap}td:nth-child(2),th:nth-child(2){display:none}.button-group{flex-direction:column!important;gap:8px!important}.notification-dropdown{width:calc(100vw - 32px)!important;max-width:380px;right:-60px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.stats-card{padding:12px!important}.stats-card .icon{width:40px!important;height:40px!important}.stats-card .value{font-size:24px!important}}@media (max-width:375px){header{padding:10px 12px!important}header h2{font-size:16px!important}.main-content>div>div{padding:12px!important}.stats-grid{grid-template-columns:1fr!important}}@media (max-height:500px) and (orientation:landscape){header{padding:8px 16px!important}.sidebar{padding-top:8px;padding-bottom:8px}}