@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#dce7f1;background:#06101c;font-synthesis:none;--bg:#07111f;--panel:#0c1928;--panel2:#101f30;--line:#1b3044;--muted:#7790a6;--teal:#2dd4bf;--cyan:#38bdf8;--amber:#fbbf24;--red:#fb7185;--green:#4ade80}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.boot{height:100vh;display:grid;place-content:center;font:800 1.5rem Manrope;letter-spacing:.2em}.boot span{color:var(--teal);font-size:.75rem;text-align:center;margin-top:.5rem}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:radial-gradient(circle at 20% 35%,#123a4c 0,transparent 38%),#06101c}.login-brand,.login-card{padding:clamp(3rem,7vw,8rem);display:flex;flex-direction:column;justify-content:center}.brand-mark{width:62px;height:62px;border:1px solid #5eead4;display:grid;place-items:center;font:800 2rem Manrope;color:#5eead4;transform:skew(-7deg);box-shadow:0 0 40px #14b8a633}.brand-mark.small{width:38px;height:38px;font-size:1.2rem}.login-brand>p{font:700 .75rem Manrope;letter-spacing:.28em;margin:1.4rem 0 2.5rem;color:#8ca6b8}.login-brand h1{font:800 clamp(2.7rem,5vw,5.8rem)/1.02 Manrope;max-width:820px;margin:0;letter-spacing:-.055em}.login-pulse{margin-top:4rem;color:#a9c0d1;font-size:.88rem}.login-pulse span{display:inline-block;width:8px;height:8px;background:var(--teal);border-radius:50%;margin-right:10px;box-shadow:0 0 18px var(--teal)}.login-card{background:#f5f7f8;color:#10202e}.login-card>div:first-child small,.page-title span,.panel-head span,.office-top span,.modal>span{font-size:.72rem;font-weight:700;letter-spacing:.16em;color:#138d86}.login-card h2{font:800 2.4rem Manrope;margin:.7rem 0}.login-card p{color:#647585}.login-card form{display:grid;gap:1.2rem;margin-top:2rem}.login-card label,.settings-card label{display:grid;gap:.55rem;font-weight:600;font-size:.82rem}.login-card input,.settings-card input{padding:1rem;border:1px solid #cbd5dc;border-radius:4px;background:#fff;color:#10202e;font-size:1rem}.primary{border:0;background:#0f766e;color:#fff;padding:1rem 1.2rem;font-weight:700;border-radius:4px}.primary:hover{background:#0d9488}.primary.compact{padding:.75rem 1rem}.form-error{color:#b42318;background:#fee4e2;padding:.8rem;border-radius:4px}.demo-credentials{margin-top:2rem;padding:1rem;border:1px dashed #b9c8d2;display:grid;gap:.3rem;font-size:.82rem;color:#667886}.demo-credentials b{color:#0f766e}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}aside{background:#081420;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;width:250px;display:flex;flex-direction:column;padding:1.3rem}.logo{display:flex;align-items:center;gap:.85rem;padding:.2rem .3rem 1.9rem}.logo b{font:800 1.05rem Manrope;letter-spacing:.09em}.logo span{display:block;color:#7f95a9;font-size:.62rem;letter-spacing:.18em;margin-top:.15rem}nav{display:grid;gap:.25rem}nav button,.sidebar-foot button{border:0;background:transparent;color:#8ea2b4;display:flex;align-items:center;gap:.85rem;padding:.82rem .85rem;border-radius:5px;text-align:left;font-size:.88rem}nav button>span{font-size:1.15rem;width:1.2rem;text-align:center}nav button.active{background:#12303b;color:#e9ffff;box-shadow:inset 2px 0 var(--teal)}nav button:hover{color:#fff;background:#102331}nav em{font-style:normal;background:#e45064;color:#fff;margin-left:auto;border-radius:10px;padding:.05rem .4rem;font-size:.7rem}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:1rem}.environment{color:#5eead4;background:#0e252a;padding:.7rem .8rem;border-radius:4px;font-size:.69rem;font-weight:700;letter-spacing:.1em}.environment i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);margin-right:.5rem}.workspace{grid-column:2;min-width:0}.workspace>header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;background:#07111ff2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10}.workspace>header>div:first-child p{margin:0 0 .2rem;font-weight:700}.workspace>header>div:first-child span{font-size:.72rem;color:var(--muted)}.header-actions,.profile{display:flex;align-items:center;gap:.9rem}.search{background:#0c1a28;border:1px solid var(--line);color:#7c93a7;padding:.55rem .8rem;border-radius:4px;display:flex;gap:.6rem}.search kbd{font-size:.65rem;border:1px solid #2a4053;padding:.1rem .3rem}.notification{position:relative;background:transparent;border:0;color:#b8c7d3;font-size:1.3rem}.notification i{position:absolute;background:#e8566c;color:#fff;border-radius:50%;font-size:.55rem;font-style:normal;padding:.1rem .28rem;right:-4px;top:-4px}.profile{border-left:1px solid var(--line);padding-left:1rem;display:grid;grid-template-columns:auto 34px}.profile b,.profile span{display:block;font-size:.75rem}.profile span{color:var(--muted);font-size:.62rem}.profile div{grid-row:1/3;grid-column:2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1d4952;color:#bffcf2;font-size:.68rem}.mobile-menu{display:none}.content{padding:1.6rem 2rem 4rem;max-width:1800px;margin:auto}.demo-banner{font-size:.72rem;padding:.55rem .8rem;border:1px solid #6a551b;background:#2c260e;color:#d9c67e;margin-bottom:1.6rem;border-radius:4px}.demo-banner b{color:#ffe58b;margin-right:.6rem}.page-title{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 1.5rem}.page-title h1,.office-top h1{font:800 2rem Manrope;margin:.3rem 0 0;letter-spacing:-.035em}.outline{background:transparent;border:1px solid #2a4357;color:#b8ccdb;padding:.7rem .9rem;border-radius:4px}.outline:hover{border-color:#4c758e;color:#fff}.kpi-grid{display:grid;grid-template-columns:repeat(9,minmax(120px,1fr));gap:.65rem;margin-bottom:1rem}.kpi{background:linear-gradient(150deg,#101f30,#0b1724);border:1px solid var(--line);padding:1rem;min-height:116px;display:flex;flex-direction:column;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;width:34px;height:2px;background:#537189;right:0;top:0}.kpi.warning:after{background:var(--amber)}.kpi.critical:after{background:var(--red)}.kpi.good:after{background:var(--green)}.kpi span{color:#8298aa;font-size:.63rem;letter-spacing:.04em;min-height:2rem}.kpi strong{font:800 1.65rem Manrope;margin:.4rem 0}.kpi small{color:#546b7d;font-size:.62rem;margin-top:auto}.dash-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.7fr);gap:1rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:4px}.panel.loading{padding:4rem;text-align:center;color:var(--muted)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.4rem;border-bottom:1px solid var(--line)}.panel-head h2{font:700 1.1rem Manrope;margin:.25rem 0 0}.panel-head button{background:transparent;border:0;color:#91a8b8}.priority-group{padding:1rem 1.25rem 0}.priority-group h3{display:flex;align-items:center;gap:.5rem;font-size:.68rem;letter-spacing:.09em;color:#8fa4b5}.priority-group h3 i{width:6px;height:6px;border-radius:50%;background:#60788c}.priority-group.critical h3 i{background:var(--red)}.priority-group.warning h3 i{background:var(--amber)}.priority-group.review h3 i{background:var(--cyan)}.priority-group h3 em{font-style:normal;color:#50677a}.priority-group article{display:flex;align-items:center;gap:1rem;padding:.9rem 0;border-top:1px solid #142a3b}.priority-group article>div{flex:1}.priority-group b,.priority-group span{display:block;font-size:.82rem}.priority-group span{color:#71899c;font-size:.7rem;margin-top:.3rem}.priority-group code{font-size:.58rem;color:#658299;background:#0a1622;padding:.3rem}.priority-group article>button{border:0;background:transparent;color:#6c8496}.agent-status{padding-bottom:.5rem}.agent-row{display:grid;grid-template-columns:40px 1fr auto;gap:.8rem;padding:1rem 1.25rem;align-items:center;border-bottom:1px solid #142a3b}.agent-avatar{width:40px;height:40px;display:grid;place-items:center;background:#18313d;color:#8ef4e8;border:1px solid #235363;font-size:.7rem;border-radius:4px}.agent-avatar.warning,.agent-avatar.waiting_approval{color:#ffd467;border-color:#67511f;background:#2b250f}.agent-row b,.agent-row span{display:block;font-size:.76rem}.agent-row span{color:#71889a;font-size:.66rem;margin:.25rem 0}.progress{height:3px;background:#1e3546;border-radius:2px;overflow:hidden}.progress i{display:block;height:100%;background:var(--teal)}.status{font-size:.57rem;padding:.28rem .4rem;border:1px solid #2b5f60;color:#60ddcf;border-radius:3px;white-space:nowrap}.status.warning,.status.waiting_approval{color:#f4c95d;border-color:#665222}.status.error{color:#f89;border-color:#702838}.status.success{color:#6ee7a0;border-color:#266343}.toolbar,.tabs{padding:1rem;display:flex;gap:.55rem;border-bottom:1px solid var(--line)}.toolbar label{background:#081521;border:1px solid #203a4e;padding:.55rem;color:#6f889b;margin-right:auto}.toolbar input{border:0;background:transparent;color:#fff;outline:0;min-width:210px}.toolbar button,.tabs button{background:#0b1926;border:1px solid #20384b;color:#8fa6b6;padding:.55rem .75rem;border-radius:3px}.tabs button.active{border-color:#1b9d93;color:#8ef1e7;background:#0f2a2c}.table-panel{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th{text-align:left;font-size:.62rem;letter-spacing:.07em;color:#6f879a;background:#0a1723;padding:.85rem 1rem}td{padding:1rem;border-top:1px solid #152c3d;font-size:.78rem;color:#a9bdca}td b,td small{display:block;color:#e4edf3}td small{color:#6f8799;margin-top:.35rem;font-size:.65rem}.pill{display:inline-flex;padding:.28rem .45rem;font-size:.58rem;border-radius:3px;background:#172b3a;color:#97acbb}.pill.aktif,.pill.matched,.pill.approved{background:#0e3027;color:#5ce3a2}.pill.delayed,.pill.commission_difference,.pill.pending,.pill.kontrol{background:#3b2023;color:#ff8c9b}.pill.ship_today,.pill.pending_finalization,.pill.taslak{background:#382e13;color:#f5cc67}.negative{color:#ff8192}.finance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.finance-summary article{background:var(--panel);border:1px solid var(--line);padding:1.2rem}.finance-summary span,.finance-summary b{display:block}.finance-summary span{color:#71899b;font-size:.7rem}.finance-summary b{font:800 1.5rem Manrope;margin-top:.6rem}.finance-summary .difference b{color:#ff8595}.agent-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.agent-cards article{background:linear-gradient(145deg,#102334,#091621);border:1px solid var(--line);padding:1.15rem;display:grid;grid-template-columns:44px 1fr auto;gap:.7rem}.agent-cards article>div:nth-child(2) span{font-size:.55rem;color:#668397}.agent-cards h3{font:700 .85rem Manrope;margin:.2rem 0}.agent-cards p{grid-column:1/4;min-height:2.5rem;color:#8299a9;font-size:.73rem}.progress.large{grid-column:1/4;height:5px}.agent-cards footer{grid-column:1/4;display:flex;justify-content:space-between;font-size:.65rem;color:#738b9e}.approvals>article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:1rem 1.4rem;border-top:1px solid var(--line)}.approvals>article span{font-size:.58rem;color:#f1bc55}.approvals h3{margin:.3rem 0;font-size:.88rem}.approvals p{margin:0;color:#7790a3;font-size:.7rem}.approvals .panel-head em{font-style:normal;color:#819aab;font-size:.7rem}.modal-backdrop{position:fixed;inset:0;background:#020912cc;z-index:50;display:grid;place-items:center;padding:1rem}.modal{width:min(620px,100%);background:#0c1b29;border:1px solid #29465b;padding:1.7rem;box-shadow:0 30px 100px #000}.modal h2{font:800 1.5rem Manrope}.modal p{color:#8fa5b5}.change-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.change-grid>div{background:#07121d;padding:1rem;border:1px solid var(--line)}pre{white-space:pre-wrap;color:#a8e8df}.modal-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.3rem}.danger{background:#3b1720;color:#ff94a4;border:1px solid #6a2635;padding:.8rem 1rem}.list-view>article{display:flex;align-items:center;gap:1rem;padding:1rem 1.3rem;border-bottom:1px solid var(--line)}.alert-icon{width:36px;height:36px;display:grid;place-items:center;background:#352b12;color:#ffd164}.alert-icon.critical{background:#3c1d25;color:#ff8797}.list-view article>div:nth-child(2){flex:1}.list-view b{font-size:.82rem}.list-view p{margin:.3rem 0;color:#7e95a6;font-size:.72rem}.list-view code{font-size:.58rem;color:#5abeb5}.list-view button{border:0;background:transparent;color:#88a0b2}.settings-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:1rem}.settings-card{padding-bottom:1.4rem}.settings-card>label,.settings-card>.field-row,.settings-card>.security-note,.settings-card>.outline,.test-result{margin:1rem 1.4rem 0}.settings-card input{background:#081521;border-color:#20384a;color:#9cb0be}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.security-note{font-size:.7rem;color:#688194;padding:.7rem;background:#081522;border-left:2px solid var(--teal)}.health-row,.schedule>div:not(.panel-head){display:flex;justify-content:space-between;padding:.9rem 1.4rem;border-bottom:1px solid var(--line);font-size:.75rem}.health-row .up{color:#64e6a1}.health-row .demo{color:#f6ce6b}.schedule>div:not(.panel-head) span{color:#758da0}.schedule>div:not(.panel-head) b{font-weight:500}.office-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1rem}.office-controls{display:flex;gap:.4rem}.office-controls button{background:#0a1724;border:1px solid #21394c;color:#768ea1;padding:.55rem .7rem;font-size:.65rem}.office-controls button.active{color:#8ffff0;border-color:#258d84}.office-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;height:calc(100vh - 190px);min-height:600px;border:1px solid var(--line);background:#06101a}.office-stage{position:relative;min-width:0}.office-stage canvas{width:100%!important;height:100%!important}.agent-detail{position:static;width:auto;background:#0b1927;border-left:1px solid var(--line);padding:1.5rem}.agent-detail .close{float:right;background:transparent;border:0;color:#7791a5;font-size:1.4rem}.agent-detail>span{font-size:.6rem;color:#4bc8bd;letter-spacing:.1em}.agent-detail h2{font:800 1.35rem Manrope}.agent-detail dl{margin-top:1.5rem}.agent-detail dt{font-size:.58rem;color:#5e778a;margin-top:1.1rem}.agent-detail dd{margin:.3rem 0;color:#b7c8d4;font-size:.75rem}.agent-detail>strong{display:block;text-align:right;font-size:.72rem;margin-top:.4rem}.detail-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.35rem;margin:1.5rem 0}.detail-actions button{background:#0d2131;border:1px solid #244157;color:#7f9bae;padding:.5rem;font-size:.55rem}.agent-detail>.primary{width:100%}.office-legend{position:absolute;bottom:1rem;left:1rem;display:flex;gap:1rem;background:#07121de0;padding:.6rem;border:1px solid #193346;font-size:.55rem;color:#7890a1}.office-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:.35rem}.office-legend .working{background:var(--teal)}.office-legend .waiting{background:var(--amber)}.office-legend .warning{background:#fb923c}.office-2d{height:100%;padding:2rem;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr 1fr;gap:1rem;background:linear-gradient(#071726aa,#071726aa),linear-gradient(90deg,#10293a 1px,transparent 1px),linear-gradient(#10293a 1px,transparent 1px);background-size:auto,40px 40px,40px 40px}.control-wall{grid-column:1/3;text-align:center;background:#082535;border:1px solid #17576a;padding:1rem;box-shadow:inset 0 0 30px #0b6d7138}.control-wall b,.control-wall span{display:block}.control-wall b{letter-spacing:.12em}.control-wall span{color:#63c8c3;font-size:.7rem;margin-top:.5rem}.desk-2d{position:relative;background:#0e2030;border:1px solid #234359;color:#d5e1e9;text-align:left;padding:1.3rem}.desk-2d i{position:absolute;right:1rem;top:1rem;width:8px;height:8px;border-radius:50%;box-shadow:0 0 12px currentColor}.desk-2d b,.desk-2d span,.desk-2d em{display:block}.desk-2d span{font-size:.6rem;color:#6d879b;margin:.35rem 0}.desk-2d em{font-style:normal;font-size:.58rem;color:#63d9cd}.test-result{color:#f6ce6b;font-size:.72rem}@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.agent-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.app-shell{grid-template-columns:78px 1fr}.workspace{grid-column:2}.app-shell>aside{width:78px;padding:1rem .65rem}.logo>div:nth-child(2),nav button:not(.active):after,nav button{font-size:0}.logo{padding-left:.15rem}.brand-mark.small{width:36px;height:36px}nav button{justify-content:center}.sidebar-foot{display:none}.dash-grid,.settings-grid,.office-shell{grid-template-columns:1fr}.agent-detail{position:absolute;right:0;top:0;bottom:0;width:320px}.search span,.search kbd,.profile>b,.profile>span{display:none}.profile{grid-template-columns:34px;padding-left:.4rem}.profile div{grid-column:1}.content{padding:1.2rem}.workspace>header{padding:0 1.2rem}}@media(max-width:650px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-card{padding:2rem}.kpi-grid{grid-template-columns:repeat(2,1fr)}.agent-cards,.finance-summary{grid-template-columns:1fr}.page-title{align-items:flex-start;gap:1rem}.page-title h1{font-size:1.55rem}.toolbar{overflow:auto}.office-shell{height:680px}.office-controls button:first-child{display:none}.change-grid{grid-template-columns:1fr}.approvals>article{grid-template-columns:1fr auto}.approvals>article button{grid-column:1/3}.field-row{grid-template-columns:1fr}}body,.boot,.brand-mark,.login-brand>p,.login-brand h1,.login-card h2,.logo b,.page-title h1,.office-top h1,.kpi strong,.panel-head h2,.finance-summary b,.agent-cards h3,.modal h2,.agent-detail h2{font-family:Segoe UI,system-ui,sans-serif!important}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(min-width:1650px){.kpi-grid{grid-template-columns:repeat(9,minmax(0,1fr))}}:root{color:#17324d;background:#f3f6fa;--bg:#f3f6fa;--panel:#fff;--panel2:#f7f9fc;--line:#dbe4ee;--muted:#6f8296;--teal:#087f8c;--cyan:#1769aa;--amber:#b7791f;--red:#d9384f;--green:#168a5b}body{background:#f3f6fa;color:#17324d}.login-shell{background:linear-gradient(135deg,#edf4fb,#f8fbfe 58%,#e6eef8)}.login-brand{color:#17324d;border-right:1px solid #d5e1ec}.login-logo{width:min(330px,75%);height:auto;object-fit:contain;margin-bottom:1.4rem}.login-brand>p{color:#5f7690;margin-top:0}.login-brand h1{color:#17324d}.login-pulse{color:#58718a}.login-card{background:#fff;color:#17324d;box-shadow:-24px 0 70px #1d4e7a12}.login-card p{color:#6b7f92}.login-card input{border-color:#cbd8e5;background:#f9fbfd;color:#17324d}.login-card input:focus{border-color:#1f5ba6;box-shadow:0 0 0 3px #1f5ba615}.primary{background:#1f5ba6}.primary:hover{background:#174980}.demo-credentials{background:#f5f8fc;border-color:#c7d5e3}.demo-credentials b{color:#1f5ba6}.app-shell>aside{background:#fff;border-right-color:#d9e3ed;box-shadow:4px 0 18px #193b5d0a}.logo{display:block;padding:.3rem .45rem 1.45rem}.logo img{display:block;width:172px;height:48px;object-fit:contain;object-position:left center}.logo>span{display:block;color:#68809a;font-size:.58rem;font-weight:700;letter-spacing:.22em;margin:.25rem 0 0 .25rem}nav button,.sidebar-foot button{color:#5f7388}nav button.active{background:#eaf2fb;color:#1f5ba6;box-shadow:inset 3px 0 #1f5ba6;font-weight:700}nav button:hover{color:#1f5ba6;background:#f2f6fb}nav em{background:#e6142d}.sidebar-foot{border-top-color:#dbe4ee}.environment{color:#176b63;background:#e6f5f2}.workspace>header{background:#ffffffed;border-bottom-color:#dbe4ee;box-shadow:0 2px 14px #143b5d0a}.workspace>header>div:first-child p{color:#183651}.workspace>header>div:first-child span{color:#71869a}.search{background:#f6f9fc;border-color:#d7e1ea;color:#6f8497}.search kbd{border-color:#c8d4df;background:#fff}.notification{color:#355b7a}.profile{border-left-color:#d9e3ec}.profile b{color:#24445f}.profile span{color:#72879a}.profile div{background:#dcebf8;color:#1d5b92}.content{background:#f3f6fa}.demo-banner{border-color:#f1d491;background:#fff9e8;color:#785b14}.demo-banner b{color:#9b6904}.page-title h1,.office-top h1{color:#17324d}.page-title span,.panel-head span,.office-top span,.modal>span{color:#1769aa}.outline{background:#fff;border-color:#c9d7e4;color:#315b7e}.outline:hover{background:#eef5fb;border-color:#8eadc8;color:#173d60}.kpi{background:#fff;border-color:#dce5ee;box-shadow:0 6px 18px #173b5f09}.kpi:after{background:#76a2c6}.kpi span{color:#6b8095}.kpi strong{color:#17324d}.kpi small{color:#8697a8}.panel{background:#fff;border-color:#dce5ee;box-shadow:0 8px 22px #173b5f08}.panel-head{border-bottom-color:#e1e8ef}.panel-head h2{color:#1d3b55}.panel-head button{color:#4f718d}.priority-group h3{color:#59748b}.priority-group article,.agent-row{border-color:#e6edf3}.priority-group b,.agent-row b{color:#243f58}.priority-group span,.agent-row span{color:#7b8fa1}.priority-group code{background:#eef4f8;color:#56748b}.priority-group article>button{color:#46718f}.agent-avatar{background:#e7f4f3;color:#087f78;border-color:#a8d8d3}.agent-avatar.warning,.agent-avatar.waiting_approval{background:#fff6dc;color:#9a6505;border-color:#ead18b}.progress{background:#dce6ee}.status{background:#e8f5f3;color:#08766f;border-color:#9dd5ce}.status.warning,.status.waiting_approval{background:#fff7df;color:#946303;border-color:#e8cd7c}.status.error{background:#fff0f2;color:#c6243d;border-color:#e8aab4}.status.success{background:#eaf7ef;color:#14784f;border-color:#9bd2b5}.toolbar,.tabs{border-bottom-color:#e0e8ef}.toolbar label,.toolbar button,.tabs button{background:#f7f9fc;border-color:#d5e0e9;color:#5e768b}.toolbar input{color:#17324d}.tabs button.active{border-color:#4d83b4;color:#1f5ba6;background:#eaf2fb}th{background:#f5f8fb;color:#647c91}td{border-color:#e6edf3;color:#536d82}td b{color:#253f57}td small{color:#8495a5}.pill{background:#edf2f6;color:#61788c}.pill.aktif,.pill.matched,.pill.approved{background:#e8f6ee;color:#147a50}.pill.delayed,.pill.commission_difference,.pill.pending,.pill.kontrol{background:#fff0f2;color:#c42c43}.pill.ship_today,.pill.pending_finalization,.pill.taslak{background:#fff7df;color:#946303}.finance-summary article{background:#fff;border-color:#dce5ee;box-shadow:0 6px 18px #173b5f08}.finance-summary span{color:#6d8296}.finance-summary b{color:#17324d}.agent-cards article{background:#fff;border-color:#dce5ee;box-shadow:0 6px 18px #173b5f08}.agent-cards h3{color:#23415a}.agent-cards p,.agent-cards footer{color:#71879a}.approvals>article{border-color:#e4ebf1}.approvals p{color:#73889a}.modal-backdrop{background:#132d46a6}.modal{background:#fff;border-color:#cfdbe5;box-shadow:0 30px 100px #14304d38}.modal h2{color:#17324d}.modal p{color:#6d8295}.change-grid>div{background:#f6f9fc;border-color:#dbe5ed}.change-grid pre{color:#214f6b}.list-view>article{border-color:#e3ebf2}.list-view b{color:#233f57}.list-view p{color:#748a9d}.settings-card input{background:#f7f9fc;border-color:#d7e1ea;color:#536d82}.security-note{background:#eef6fb;color:#52728a;border-left-color:#1f6da6}.health-row,.schedule>div:not(.panel-head){border-color:#e3eaf0}.office-controls button{background:#fff;border-color:#cad8e3;color:#5d7589}.office-controls button.active{color:#1f5ba6;border-color:#5790bd;background:#eaf2fb}.office-shell{border-color:#cddbe6;box-shadow:0 10px 26px #15385712}.test-result{color:#8c6508}@media(max-width:900px){.logo{padding:.2rem 0 1.25rem}.logo img{width:58px;height:42px}.logo>span{font-size:.42rem;letter-spacing:.08em;text-align:center;margin:.15rem 0}.app-shell>aside{background:#fff}.content{background:#f3f6fa}}