/* V29 — visual system shared with Creative Core Finance */
@font-face{font-family:Inter;src:url('/inter.woff2');font-weight:100 900;font-display:swap}
:root,body.theme-brand{color-scheme:light;--navy:#eef3fb;--navy-deep:#dfe8f5;--navy-card:#fff;--white:#10213b;--gray:#8694a7;--gray-light:#5f6f87;--gold:#10213b;--orange:#ff4a12;--orange-light:#ff6b24;--line:rgba(24,49,82,.11);--surface-subtle:#f7f9fd;--accent-soft:rgba(255,74,18,.1);--input-bg:#f7f9fd;--shadow:0 16px 40px rgba(12,34,66,.065);--sidebar-bg:linear-gradient(165deg,#0b2250,#061226);--sidebar-line:rgba(160,185,220,.13);--sidebar-text:#a8b6ce;--sidebar-width:278px;--metric-green:#15c99a;--metric-blue:#61a9ff;--metric-gold:#ffbf4d;--metric-red:#ff6b7a;--metric-orange:#ff5b25}
body.theme-dark{color-scheme:dark;--navy:#061226;--navy-deep:#020918;--navy-card:#0b1b33;--white:#f5f8ff;--gray:#71829e;--gray-light:#a8b6ce;--gold:#f5f8ff;--line:rgba(160,185,220,.13);--surface-subtle:#10233f;--accent-soft:rgba(255,74,18,.13);--input-bg:#10233f;--shadow:none;--sidebar-bg:linear-gradient(165deg,#06182f,#041023)}
html,body{margin:0;min-height:100%;background:var(--navy)}body,body.theme-dark{background:var(--navy);color:var(--white);font-family:Vazirmatn,Inter,system-ui,sans-serif;line-height:1.7}body:before{display:none}[dir=ltr] body,[dir=ltr] input,[dir=ltr] textarea,[dir=ltr] select,[dir=ltr] button{font-family:Inter,Vazirmatn,system-ui,sans-serif}.core-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block;flex-shrink:0}
.sidebar{position:fixed;inset-block:0;inset-inline-start:0;inset-inline-end:auto;width:var(--sidebar-width);background:var(--sidebar-bg);border:0;border-inline-end:1px solid var(--sidebar-line);padding:0;display:flex;flex-direction:column;overflow:hidden;z-index:30}.brand{height:90px;min-height:90px;padding:18px 24px;margin:0;border:0;border-bottom:1px solid var(--sidebar-line);gap:12px}.brand img{width:48px;height:48px;border-radius:13px;background:#020918;padding:3px;border:1px solid var(--sidebar-line)}.brand h2{font-size:16px;color:#f5f8ff;letter-spacing:0;font-weight:800}.brand span{color:#71829e;font-size:11px}.workspace-nav{flex:1;min-height:0;overflow-y:auto;padding:12px 14px 22px;scrollbar-width:thin;scrollbar-color:#29405f transparent}.nav-group{margin:10px 0 18px}.nav-group-title{color:#71829e;font-size:10px;font-weight:700;padding:10px 16px 8px}.nav-btn{width:100%;display:flex;align-items:center;gap:12px;color:var(--sidebar-text);padding:13px 14px;margin:3px 0;min-height:46px;border:0;border-radius:13px;font-size:12px;font-weight:650;text-align:start;background:transparent}.nav-btn .nav-icon{width:21px;height:21px;display:flex;align-items:center}.nav-btn:hover{background:rgba(255,255,255,.035);color:#f5f8ff}.sidebar .nav-btn[data-section=agent]{background:transparent;color:var(--sidebar-text);margin:3px 0;border:0}.sidebar .nav-btn.active{background:linear-gradient(90deg,rgba(255,74,18,.20),rgba(255,74,18,.07));color:#fff;box-shadow:inset -3px 0 var(--orange)}[dir=ltr] .sidebar .nav-btn.active{box-shadow:inset 3px 0 var(--orange)}.sidebar-footer{margin:8px 12px 14px;padding:14px 12px;display:flex;align-items:center;gap:10px;color:#f5f8ff;background:rgba(255,255,255,.035);border:1px solid var(--sidebar-line);border-radius:15px}.sidebar-footer strong{display:block;font-size:11px}.sidebar-footer small{display:block;color:#71829e;font-size:10px;margin-top:2px}.storage-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(53,216,161,.08);color:#35d8a1}.connection-dot{width:7px;height:7px;background:#35d8a1;border-radius:50%;box-shadow:0 0 0 5px #35d8a112;margin-inline-start:auto}
.main{margin:0;margin-inline-start:var(--sidebar-width);padding:122px 28px 32px;max-width:none;min-width:0;min-height:100vh}.topbar{position:fixed;top:0;inset-inline-start:var(--sidebar-width);inset-inline-end:0;min-height:90px;margin:0;padding:17px 28px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;background:var(--navy-card);border:0;border-bottom:1px solid var(--line);border-radius:0;z-index:20}.page-heading{min-width:120px}.breadcrumb{font-size:9px;color:var(--gray);display:flex;gap:8px;margin-bottom:4px}.breadcrumb span:last-child{color:var(--metric-gold)}.topbar h1{font-size:21px;color:var(--white);line-height:1.4;font-weight:800;letter-spacing:-.5px}.topbar-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.topbar-actions .btn{height:44px;padding:0 12px;font-size:12px;border-radius:12px}.header-date{display:flex;align-items:center;gap:9px;padding:0 12px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface-subtle);font-size:10px;white-space:nowrap;color:var(--gray-light)}.header-date .core-icon{color:var(--metric-gold);width:18px;height:18px}.topbar-actions .quick-create{background:var(--orange);color:#fff;box-shadow:0 12px 24px #ff4a1222;font-weight:750;padding:0 15px}.icon-button{min-width:42px}.sync-status{position:absolute;bottom:3px;inset-inline-end:30px;font-size:9px;color:var(--gray)}.current-user-chip{background:transparent;padding:0 5px;border:0;border-radius:0;min-width:120px;display:flex;gap:9px}.current-user-chip .avatar{width:37px;height:37px;border-radius:12px;background:linear-gradient(135deg,#142d5e,#ff4a12);color:#fff;border:0}.current-user-chip strong{font-size:10px;color:var(--white);font-weight:700}.current-user-chip small{font-size:9px;color:var(--gray)}
.card{background:var(--navy-card);border:1px solid var(--line);border-radius:21px;padding:22px;box-shadow:var(--shadow);margin-bottom:20px}.card h3{font-size:16px;font-weight:800;color:var(--white);margin-bottom:16px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:0}.grid>.card{margin-bottom:0}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:18px;margin-top:20px}.metric-card{min-height:170px;padding:22px 20px;position:relative;isolation:isolate;overflow:hidden}.metric-card:after{content:'';position:absolute;width:118px;height:118px;bottom:-72px;inset-inline-end:-49px;background:currentColor;opacity:.035;border-radius:50%;z-index:-1}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.metric-top .label{color:var(--gray-light);font-size:11px;font-weight:650;margin:0}.metric-icon{height:43px;width:43px;display:grid;place-items:center;border-radius:13px;flex-shrink:0}.metric-icon.green{color:var(--metric-green);background:#15c99a18}.metric-icon.blue{color:var(--metric-blue);background:#61a9ff18}.metric-icon.gold{color:var(--metric-gold);background:#ffbf4d18}.metric-icon.red{color:var(--metric-red);background:#ff6b7a18}.metric-icon.orange{color:var(--metric-orange);background:#ff5b2518}.kpi .value{font-size:29px;line-height:1.3;letter-spacing:-1px;color:var(--white);font-weight:850;text-align:start;direction:inherit}.metric-caption{font-size:10px;color:var(--gray);margin-top:8px}.workspace-filter{background:transparent;border:0;box-shadow:none;padding:0;margin:4px 0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.workspace-filter h3{font-size:24px;font-weight:850;margin:0 0 4px}.workspace-filter p{font-size:11px!important}.workspace-filter .month-picker{max-width:230px;width:100%}.workspace-filter .month-picker select{height:44px}.workspace-filter .month-picker label{font-size:10px}.workspace-filter .month-picker input{height:44px}.agent-dashboard-entry{margin-bottom:24px;border:1px solid var(--line);background:var(--navy-card);box-shadow:none;padding:15px 20px;border-radius:14px}.agent-dashboard-entry strong{color:var(--orange)}.agent-dashboard-entry span{color:var(--gray-light)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-weight:750;min-height:38px}.btn.secondary{background:var(--surface-subtle);color:var(--white);border-color:var(--line)}.btn.small{border-radius:7px;min-height:28px}.btn .core-icon{width:19px;height:19px}input,select,textarea,body.theme-dark input,body.theme-dark select,body.theme-dark textarea{border:1px solid var(--line);background:var(--input-bg);color:var(--white);border-radius:10px;min-height:42px;padding:10px 12px;font-size:12px}input:focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff4a1212}label{color:var(--gray-light);font-size:11px;font-weight:650}.form-actions{display:flex;flex-wrap:wrap}.table-wrap{border:1px solid var(--line);border-radius:13px}th,td{text-align:start;border-bottom:1px solid var(--line);font-size:11px;padding:13px 12px}th{font-size:10px!important}.badge{border-radius:6px;font-size:10px}.b-done{color:#1c9870;background:#35d8a118}.b-pending{color:#bb912a;background:#ffbf4d18}.b-progress{color:#4383bf;background:#61a9ff18}.b-late{color:#de596a;background:#ff6b7a18}.alert{background:var(--surface-subtle);border:1px solid var(--line);padding:16px;border-radius:12px}.agent-hero{border:1px solid var(--line);padding:28px;background:var(--navy-card)}.agent-hero h2{font-size:27px;font-weight:850}.agent-tag{color:var(--orange)}.agent-layout{margin-top:20px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px}.agent-check input{min-height:0;width:18px;height:18px}.agent-action dl{grid-template-columns:110px minmax(0,1fr)}.agent-action dt,.agent-action dd{text-align:start}.agent-action dd{margin:0}.agent-examples .btn{background:var(--surface-subtle);color:var(--gray-light)}.quick-options{display:flex;gap:12px;flex-wrap:wrap;padding:14px 0}.login-page{background:var(--navy)}.login-card{position:relative;border-radius:24px;padding:32px 38px;box-shadow:var(--shadow);width:440px}.login-toolbar{display:flex;gap:8px;justify-content:flex-end;margin:-6px -10px 20px}.login-toolbar .btn{width:38px;min-height:36px;padding:7px;border-radius:10px}.login-logo{width:72px;height:72px;margin-bottom:22px}.login-logo img{height:72px;width:72px;border-radius:19px}.login-card h1{font-size:25px;letter-spacing:-.5px}.login-card #loginBtn{height:46px;font-weight:800;background:var(--orange);box-shadow:0 10px 24px #ff4a121d}.login-card #connectionStatus{font-size:10px}.login-error{line-height:1.8}.login-card input{direction:inherit}#loginUsername,#loginPassword,#setupCode,#recoveryCode{direction:ltr;text-align:start}
[dir=ltr] .floating-chat{right:24px;left:auto}[dir=ltr] .bubble.me{margin-right:0;margin-left:auto}[dir=ltr] .bubble.other{margin-left:0;margin-right:auto}[dir=ltr] .agent-dashboard-entry .btn{margin-right:0;margin-left:auto}[dir=ltr] .sidebar-footer{text-align:left}[dir=ltr] .current-user-chip{text-align:left}[dir=ltr] .metric-top .label{font-size:10px}[dir=ltr] .topbar h1{font-size:19px}[dir=ltr] .nav-btn{font-size:11px}[dir=ltr] .metric-card .value{text-align:left}
@media(min-width:1600px){:root{--sidebar-width:302px}.main{padding:132px 32px 38px}.topbar{min-height:98px;padding:20px 32px}.brand{min-height:98px;height:98px}.metric-card{min-height:186px;padding:24px}.metric-icon{width:48px;height:48px}.metric-top{margin-bottom:24px}.grid{gap:20px}.card{border-radius:23px}}
@media(max-width:1250px){:root{--sidebar-width:240px}.topbar{padding:16px 20px}.header-date{display:none}.main{padding-inline:22px}.current-user-chip{min-width:90px}.topbar-actions{gap:6px}.metric-top{gap:7px}.metric-top .label{font-size:10px}.metric-card{padding:17px}.metric-icon{width:36px;height:36px}.nav-btn{font-size:11px}.brand{padding-inline:18px}}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.agent-layout{grid-template-columns:minmax(0,1fr)}.topbar .current-user-chip{display:none}.topbar h1{font-size:17px}.topbar-actions .quick-create{font-size:11px;padding:0 10px}.topbar-actions .btn{height:38px;min-width:36px;padding:0 9px}.topbar{gap:10px}.breadcrumb{font-size:8px}.workspace-filter{align-items:flex-start}.workspace-filter h3{font-size:21px}.workspace-filter .month-picker{max-width:175px}}
@media(max-width:760px){:root{--sidebar-width:0px}.sidebar{position:relative;inset:auto;width:100%;height:auto;max-height:none;display:block;overflow:visible}.brand{height:68px;min-height:68px;padding:12px 18px}.brand div{display:block}.brand img{width:38px;height:38px}.brand h2{font-size:14px}.workspace-nav{display:flex;overflow-x:auto;padding:8px 12px;gap:7px;scrollbar-width:none}.nav-group{display:contents}.nav-group-title{display:none}.nav-btn{width:auto;flex-shrink:0;white-space:nowrap;padding:10px 12px;margin:0;min-height:40px;gap:8px}.sidebar .nav-btn[data-section=agent]{margin:0}.nav-icon .core-icon{width:18px;height:18px}.sidebar-footer{display:none}.topbar{position:relative;inset:auto;min-height:86px;padding:16px;flex-direction:column;align-items:stretch;gap:12px;margin:-20px -16px 24px}.topbar-actions{justify-content:flex-start;gap:7px}.topbar h1{font-size:20px}.topbar .sync-status{inset-inline-end:16px;bottom:9px;font-size:8px}.main{margin:0;padding:20px 16px 28px}.card{border-radius:17px;padding:18px}.metric-card{min-height:162px;padding:17px}.metric-top{margin-bottom:22px}.metric-top .label{font-size:10px}.metric-card .value{font-size:27px}.metric-caption{font-size:9px}.grid-2{grid-template-columns:minmax(0,1fr);gap:16px}.workspace-filter{display:block;padding:0;border:0}.workspace-filter .month-picker{margin-top:14px;max-width:100%}.workspace-filter h3{font-size:22px}.agent-hero{padding:22px}.agent-hero h2{font-size:24px}.agent-dashboard-entry{padding:14px;gap:10px}.agent-dashboard-entry span{display:none}.agent-dashboard-entry .btn{margin-inline-start:auto}.login-card{padding:28px;width:min(440px,100%)}.login-page{padding:24px 16px}.agent-action dl{grid-template-columns:88px minmax(0,1fr)}.form-grid{grid-template-columns:minmax(0,1fr)}.quick-options .btn{flex:1}.floating-chat-panel{max-width:calc(100vw - 24px)}}
@media print{.sidebar,.topbar,.floating-chat,#agentNotice{display:none!important}.main{margin:0;padding:0}.card{break-inside:avoid;box-shadow:none}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}