:root{--bg:#f3f5f8;--panel:#fff;--ink:#121926;--muted:#667085;--line:#e4e8ef;--nav:#0b1220;--blue:#2376ff;--green:#15966a;--red:#c94d57;--radius:17px;--bottom:env(safe-area-inset-bottom,0px);--top:env(safe-area-inset-top,0px)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}.hidden{display:none!important}button{border:0;cursor:pointer;background:var(--blue);color:white;padding:9px 13px;border-radius:9px;font-size:12px;font-weight:700}.ghost{background:#fff!important;color:#475467!important;border:1px solid var(--line)!important}.wide{width:100%}.auth-screen{min-height:100vh;background:radial-gradient(circle at 18% 10%,#244675 0,transparent 28%),#08101e;display:grid;place-items:center;padding:24px}.auth-shell{width:min(470px,100%)}.auth-brand{display:flex;align-items:center;gap:14px;color:#fff;margin-bottom:18px}.auth-brand strong{display:block;font-size:25px}.auth-brand span{display:block;color:#91a1ba;font-size:12px;margin-top:4px}.logo{width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#3789ff,#0f5ad0);display:grid;place-items:center;color:#fff;font-weight:900}.logo.large{width:58px;height:58px;border-radius:17px;font-size:20px}.auth-card{background:#fff;border-radius:21px;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.auth-card h1{margin:0 0 7px;font-size:23px}.auth-card p{color:var(--muted);font-size:13px;line-height:1.5}.auth-card button{width:100%;margin-top:5px;padding:12px}.auth-error{color:var(--red);font-size:12px;min-height:18px;margin-top:10px}.auth-foot{text-align:center;color:#72839e;font-size:11px}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:linear-gradient(180deg,#0b1220,#080e18);color:#dce4f0;padding:20px 14px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:10px;align-items:center;padding:0 9px 20px;border-bottom:1px solid rgba(255,255,255,.07)}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{font-size:10px;color:#798aa4;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:4px;padding-top:16px}.nav{background:transparent;color:#8e9db4;text-align:left;display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px}.nav span{width:20px;text-align:center;font-size:17px}.nav b{font-size:12px}.nav:hover,.nav.active{background:rgba(35,118,255,.14);color:#fff}.nav.active{box-shadow:inset 3px 0 #68a4ff}.sidebar-foot{margin-top:auto;font-size:10px;color:#71819a;display:flex;gap:7px;align-items:center;padding:10px}.sidebar-foot i{width:7px;height:7px;border-radius:50%;background:#35c38c}main{margin-left:238px;padding:24px 29px 100px;min-height:100vh}.topbar,.section-head,.toolbar,.panel-title,.modal-head,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.topbar{margin-bottom:25px}.eyebrow{margin:0 0 5px;font-size:9px;letter-spacing:.13em;font-weight:800;color:#8593a6}.topbar h1{margin:0;font-size:26px}.topbar #subtitle{margin:5px 0 0;color:var(--muted);font-size:12px}.top-actions{display:flex;gap:8px}.icon-btn{width:38px;height:38px;padding:0;background:#fff;color:#475467;border:1px solid var(--line);font-size:18px}.user-chip{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:6px 8px}.avatar{width:33px;height:33px;border-radius:10px;background:#e9f2ff;color:#1762d1;display:grid;place-items:center;font-weight:800;font-size:11px}.user-chip b,.user-chip small{display:block}.user-chip b{font-size:11px}.user-chip small{font-size:9px;color:var(--muted)}.link-btn,.text-action{background:none;color:#2376ff;padding:5px;font-size:10px}.view{display:none}.view.active{display:block}.section-head{margin-bottom:16px}.section-head h2,.toolbar h2{margin:0;font-size:19px}.section-head p,.toolbar p,.panel-title p{margin:4px 0 0;color:var(--muted);font-size:11px}.live-pill{background:#e8f8f1;color:#137856;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:700}.live-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#1fb27c;margin-right:5px}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:11px;margin-bottom:14px}.kpi{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;min-height:125px;cursor:pointer;transition:.15s}.kpi:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(16,24,40,.07)}.kpi span{font-size:10px;color:#59677b;font-weight:700}.kpi strong{display:block;font-size:22px;margin:15px 0 5px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.kpi small{font-size:9px;color:#8a97a9}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:17px}.panel h3{margin:0;font-size:14px}.dashgrid{display:grid;grid-template-columns:1.5fr .85fr;gap:14px}.chart-wrap{height:230px;position:relative}.chart-wrap canvas{width:100%;height:100%}.chart-tooltip{position:absolute;background:#111827;color:#fff;border-radius:8px;padding:7px 9px;font-size:9px;opacity:0;pointer-events:none;transform:translate(-50%,-110%)}.legend{display:flex;gap:12px;color:var(--muted);font-size:9px}.legend i{display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:4px}.legend .cin{background:#2f7df0}.legend .cout{background:#b7c2d1}.flow-summary,.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid var(--line);padding-top:11px}.flow-summary span,.health-grid span{display:block;color:var(--muted);font-size:9px}.flow-summary b,.health-grid b{display:block;margin-top:4px;font-size:13px}.health{margin-top:14px}.health-grid{grid-template-columns:repeat(4,1fr);border:0;padding:0}.health-grid>div{background:#f7f9fb;padding:11px;border-radius:10px}.deadline-row{display:grid;grid-template-columns:60px 1fr auto;gap:8px;padding:9px 0;border-bottom:1px solid #edf0f4}.deadline-row:last-child{border:0}.deadline-row .d{font-size:9px;color:#728197;font-weight:800}.deadline-row .t{font-size:10px;font-weight:700}.deadline-row .m{font-size:9px;color:#8b97a8;margin-top:3px}.deadline-row .a{font-size:10px;font-weight:800}.two-col,.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.job,.employee{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px}.job h3,.employee h3{margin:9px 0 5px}.job p,.employee p{font-size:10px;color:var(--muted);margin:4px 0}.tag,.badge{display:inline-flex;background:#eef2f7;color:#59677b;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:800}.badge.safe{background:#e7f8f0;color:#147957}.tablepanel{padding:0}.tablepanel .panel-title{padding:16px 16px 0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th{font-size:8px;color:#7c899b;text-transform:uppercase;text-align:left;padding:10px 12px;background:#fafbfd;border-bottom:1px solid var(--line)}td{font-size:10px;padding:11px 12px;border-bottom:1px solid #edf0f4}.num{text-align:right}.toolbar{margin-bottom:14px}.calnav{display:flex;align-items:center;gap:7px}.calnav h2{min-width:155px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.cal-head{font-size:9px;font-weight:800;text-align:center;background:#f8fafc;padding:9px;border-bottom:1px solid var(--line)}.day{min-height:115px;padding:7px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.day.other{background:#fafbfd;color:#a7b0bd}.day.today{box-shadow:inset 0 0 0 2px #76a8f2}.daynum{font-size:10px;font-weight:800}.event{font-size:8px;margin-top:4px;padding:4px 5px;border-radius:5px;background:#eef2f7}.event.in{background:#e9f8f2;color:#137657}.event.out{background:#fff0f1;color:#a64149}.segmented{display:flex;background:#e8edf3;padding:3px;border-radius:9px}.seg{background:transparent;color:#64738a;padding:6px 10px}.seg.active{background:#fff;color:#1b293b;box-shadow:0 1px 4px rgba(0,0,0,.08)}.list-row{display:grid;grid-template-columns:85px 1fr auto;gap:8px;padding:9px 0;border-bottom:1px solid #edf0f4}.list-row span:first-child{font-size:8px;color:#8b98aa}.list-row b{font-size:10px}.module-hero{background:linear-gradient(120deg,#0e1828,#182a45);color:#fff;border-radius:19px;padding:26px;display:flex;gap:17px;align-items:center;margin-bottom:14px}.module-hero>span{font-size:35px}.module-hero h2{margin:0 0 6px}.module-hero p:last-child{color:#a8b7cc;font-size:11px;line-height:1.5}.placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.placeholder-grid p{font-size:10px;color:var(--muted)}.drop{display:flex;flex-direction:column;align-items:center;gap:6px;border:1.5px dashed #b7c2d0;border-radius:13px;padding:22px;margin:14px 0;background:#fafbfd;cursor:pointer}.drop strong{font-size:12px}.drop span{font-size:9px;color:var(--muted)}.pipeline>div{display:flex;gap:10px;padding:7px 0}.pipeline b{width:29px;height:29px;border-radius:8px;background:#edf4ff;color:#1767df;display:grid;place-items:center;font-size:9px}.pipeline span{font-size:10px;font-weight:700}.pipeline small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.imports-table{margin-top:14px}.import-action{background:none;color:#1768e5;padding:3px}.import-action.danger{color:#b5424b}.user-item,.role-item{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #edf0f4;border-radius:11px;padding:11px;margin:7px 0}.user-item b,.role-item b{font-size:10px}.user-item small,.role-item small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.pathbox{background:#f6f8fb;border:1px solid #e7ebf1;border-radius:10px;padding:11px;font-family:ui-monospace,Menlo,monospace;font-size:9px;overflow-wrap:anywhere}.warning{background:#fff8e8;color:#8b661f;border-radius:9px;padding:9px;font-size:9px;line-height:1.4}.switchrow{display:flex!important;justify-content:space-between;align-items:center}.switchrow span b,.switchrow span small{display:block}.switchrow span small{color:var(--muted);font-size:8px}.switchrow input{display:none}.switchrow i{width:42px;height:23px;background:#cbd4df;border-radius:99px;position:relative}.switchrow i:after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;background:white;border-radius:50%;transition:.2s}.switchrow input:checked+i{background:#2376ff}.switchrow input:checked+i:after{left:22px}.phone{display:flex;align-items:center;gap:10px;background:#f6f8fb;border-radius:10px;padding:11px}.phone>div{width:43px;height:43px;border-radius:11px;background:#2376ff;color:white;display:grid;place-items:center;font-weight:900}.phone b,.phone small{display:block}.phone small{color:var(--muted);font-size:8px;margin-top:3px}label{display:block;font-size:9px;font-weight:750;color:#55637a;margin-top:9px}input,select,textarea{width:100%;margin-top:5px;padding:9px;border:1px solid #d7dde6;border-radius:8px;background:white;outline:0}input:focus,select:focus{border-color:#76a6ee;box-shadow:0 0 0 3px rgba(35,118,255,.08)}.hint{font-size:9px;color:var(--muted);line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid .full{grid-column:1/-1}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.permission-grid label{display:flex;align-items:center;gap:6px;background:#f7f9fb;padding:6px;border-radius:7px}.permission-grid input{width:auto;margin:0}dialog{width:min(630px,94vw);border:0;border-radius:18px;padding:0;box-shadow:0 30px 80px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(9,16,28,.55)}#modal-form{padding:19px}.modal-actions{justify-content:flex-end;margin-top:16px}#toast{position:fixed;right:22px;bottom:22px;background:#101828;color:#fff;padding:10px 13px;border-radius:10px;font-size:10px;opacity:0;pointer-events:none;transition:.18s;z-index:99}#toast.show{opacity:1}.mobile-nav{display:none}@media(max-width:1250px){.kpis{grid-template-columns:repeat(3,1fr)}.dashgrid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:880px){.sidebar{width:76px;padding:15px 8px}.brand>div:last-child,.nav b,.sidebar-foot{display:none}.nav{justify-content:center}.nav span{font-size:19px}main{margin-left:76px;padding:20px}.two-col,.settings-grid{grid-template-columns:1fr}}@media(max-width:680px){.sidebar{display:none}main{margin:0;padding:calc(13px + var(--top)) 12px calc(82px + var(--bottom))}.topbar{margin-bottom:18px}.topbar h1{font-size:22px}.topbar #subtitle,.top-actions>.icon-btn,.user-chip>div:nth-child(2),.user-chip .link-btn{display:none}.user-chip{border:0;background:transparent;padding:0}.kpis{grid-template-columns:repeat(2,1fr);gap:8px}.kpi{min-height:116px;padding:13px}.kpi strong{font-size:18px}.panel{padding:13px}.chart-wrap{height:195px}.health-grid{grid-template-columns:1fr 1fr}.cards,.placeholder-grid{grid-template-columns:1fr}.calendar{min-width:700px}.view#calendar{overflow:auto}.toolbar{align-items:flex-start;flex-wrap:wrap}.calnav{width:100%;justify-content:space-between}.calnav h2{min-width:auto;font-size:14px}.form-grid,.permission-grid{grid-template-columns:1fr}.mobile-nav{display:flex;position:fixed;z-index:40;left:8px;right:8px;bottom:calc(8px + var(--bottom));height:60px;background:rgba(9,16,28,.96);border-radius:17px;padding:5px;gap:2px;overflow-x:auto}.mobile-nav button{min-width:53px;background:transparent;color:#8796ad;padding:6px}.mobile-nav button.active{background:#1768e5;color:white}.mobile-nav span,.mobile-nav small{display:block}.mobile-nav small{font-size:7px;margin-top:2px}.auth-card{padding:20px}}
.exchange-contract{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;padding:18px 20px;border:1px solid rgba(28,119,137,.18);border-radius:18px;background:linear-gradient(120deg,rgba(230,249,247,.88),rgba(241,247,252,.72))}.exchange-contract div{display:grid;gap:3px}.exchange-contract span{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--accent)}.exchange-contract b{font-size:1rem;color:var(--ink)}.exchange-contract small{color:var(--muted)}
.integration-map{margin:18px 0}.integration-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.integration-link{border:1px solid var(--line);border-radius:15px;padding:14px;background:#fbfcfe}.integration-link header{display:flex;align-items:center;gap:8px}.integration-link header i{width:8px;height:8px;border-radius:50%;background:#99a4b3}.integration-link.healthy header i{background:#18a474}.integration-link.warning header i{background:#d99927}.integration-link header b{font-size:12px;flex:1}.integration-link header span{font-size:8px;font-weight:800;text-transform:uppercase;color:var(--muted)}.integration-link>div{display:grid;grid-template-columns:auto 1fr auto auto 1fr;align-items:center;gap:7px;margin:13px 0}.integration-link small{font-size:7px;color:var(--muted);font-weight:800}.integration-link strong{font-size:10px}.integration-link em{font-style:normal;color:#4482d8}.integration-link p,.integration-link details{font-size:9px;color:var(--muted)}.integration-link footer{display:flex;gap:6px;flex-wrap:wrap}.integration-link footer span{background:#eef2f7;border-radius:99px;padding:4px 7px;font-size:8px;font-weight:700}.integration-link details{margin-top:10px}.integration-link summary{cursor:pointer;font-weight:750}@media(max-width:900px){.integration-links{grid-template-columns:1fr}}@media(max-width:680px){.exchange-contract{align-items:flex-start}.integration-links{padding:10px}.integration-link>div{grid-template-columns:1fr auto 1fr}.integration-link>div small{display:none}}