@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap");:root,[data-theme=dark]{--bg-primary:#0f1117;--bg-secondary:#161b26;--bg-tertiary:#1c2333;--bg-hover:#232b3e;--border:hsla(0,0%,100%,.07);--border-strong:hsla(0,0%,100%,.12);--text-primary:#e2e8f0;--text-secondary:#8892a4;--text-muted:#4a5568;--accent:#4ecdc4;--accent-dim:rgba(78,205,196,.1);--accent-hover:rgba(78,205,196,.18);--gold:#f7b731;--gold-dim:rgba(247,183,49,.1);--purple:#b197fc;--purple-dim:rgba(177,151,252,.1);--blue:#74c0fc;--blue-dim:rgba(116,192,252,.1);--green:#51cf66;--green-dim:rgba(81,207,102,.1);--red:#ff6b6b;--red-dim:hsla(0,100%,71%,.1);--sidebar-bg:#0f1117;--sidebar-text:#8892a4;--sidebar-hover:hsla(0,0%,100%,.05);--sidebar-active:rgba(78,205,196,.12);--input-bg:#1c2333;--input-border:hsla(0,0%,100%,.1);--shadow:0 2px 8px rgba(0,0,0,.35);--shadow-lg:0 8px 32px rgba(0,0,0,.5);--scrollbar:hsla(0,0%,100%,.12)}[data-theme=light]{--bg-primary:#f0f2f5;--bg-secondary:#fff;--bg-tertiary:#f5f7fa;--bg-hover:#eef0f4;--border:rgba(0,0,0,.08);--border-strong:rgba(0,0,0,.14);--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#a0aec0;--accent:#0ea5a0;--accent-dim:rgba(14,165,160,.1);--accent-hover:rgba(14,165,160,.18);--gold:#d69e2e;--gold-dim:rgba(214,158,46,.1);--purple:#805ad5;--purple-dim:rgba(128,90,213,.1);--blue:#3182ce;--blue-dim:rgba(49,130,206,.1);--green:#38a169;--green-dim:rgba(56,161,105,.1);--red:#e53e3e;--red-dim:rgba(229,62,62,.1);--sidebar-bg:#1a202c;--sidebar-text:#a0aec0;--sidebar-hover:hsla(0,0%,100%,.06);--sidebar-active:rgba(14,165,160,.15);--input-bg:#fff;--input-border:rgba(0,0,0,.12);--shadow:0 1px 6px rgba(0,0,0,.08);--shadow-lg:0 6px 24px rgba(0,0,0,.12);--scrollbar:rgba(0,0,0,.15)}html{transition:background .25s ease,color .25s ease}*,:after,:before{transition:background-color .2s ease,border-color .2s ease,color .15s ease;box-sizing:border-box;margin:0;padding:0}.animate-fade,.animate-pulse,.animate-spin{transition:none!important}body,html{height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--font-body:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"Space Mono","Courier New",monospace;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:20px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-fade{animation:fadeIn .25s ease-out}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:blink 2s ease-in-out infinite;display:inline-block}.card-hover{transition:border-color .15s,background .15s}.card-hover:hover{border-color:var(--border-strong)!important;background:var(--bg-hover)!important}.tr-hover{transition:background .1s;cursor:pointer}.tr-hover:hover{background:var(--bg-tertiary)!important}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:var(--input-bg)!important;border-color:var(--input-border)!important;color:var(--text-primary)!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:var(--text-muted)!important}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);font-size:11px;padding:4px 8px;border-radius:4px;white-space:nowrap;z-index:100;pointer-events:none}.mono{font-family:var(--font-mono)}.status-active{color:var(--green)}.status-pending{color:var(--gold)}.status-error{color:var(--red)}.status-completed{color:var(--accent)}.status-cancelled{color:var(--text-muted)}.show-mobile{display:none!important}.hide-mobile{display:flex!important}.mobile-only{display:none!important}.desktop-only{display:flex!important}.page-content{flex:1 1;overflow-y:auto;padding:20px 24px 24px}.grid-4{grid-template-columns:repeat(4,1fr);grid-gap:12px}.grid-3,.grid-4{display:grid;gap:12px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:12px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:997;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;z-index:998;background:var(--bg-secondary);border-right:1px solid var(--border);overflow-y:auto;animation:slideInLeft .25s ease-out;box-shadow:4px 0 24px rgba(0,0,0,.4)}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)!important}.grid-2-1{grid-template-columns:1fr!important}.page-content{padding:16px 18px}}@media (max-width:768px){.show-mobile{display:flex!important}.hide-mobile{display:none!important}.mobile-only{display:block!important}.desktop-only{display:none!important}.page-content{padding:12px 14px}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)!important}.grid-2{grid-template-columns:1fr!important}.sidebar-overlay{display:block}.hui-header{padding:0 14px!important;height:48px!important;min-height:48px!important}.hui-header h1{font-size:13px!important}.header-clock{display:none!important}.kpi-card{padding:12px 14px!important}.kpi-value{font-size:20px!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-box{border-radius:20px 20px 0 0!important;max-height:90vh;overflow-y:auto}.modal-box,.profile-drawer{width:100%!important;max-width:100%!important}table{font-size:11px!important}td,th{padding:8px 10px!important}.col-hide-mobile{display:none!important}button{min-height:36px}.btn-sm{padding:6px 12px!important;font-size:11px!important}.filter-row{flex-direction:column!important;align-items:stretch!important}.filter-row input,.filter-row select{width:100%!important}.tab-bar{overflow-x:auto!important;padding-bottom:2px;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important}.tab-bar::-webkit-scrollbar{display:none}}@media (max-width:480px){.grid-3,.grid-4{grid-template-columns:1fr 1fr!important}.page-content{padding:10px 12px}table{font-size:10px!important}td,th{padding:6px 8px!important}}