:root {
  --navy-950:#061026;
  --navy-900:#0b1739;
  --navy-850:#10204a;
  --navy-800:#142a5e;
  --navy-700:#1b3a78;
  --gold-600:#a98214;
  --gold-500:#c9a227;
  --gold-400:#dfbd55;
  --yellow-400:#f4c84a;
  --white:#fff;
  --paper:#f8fafc;
  --canvas:#f2f5fa;
  --ink:#172036;
  --muted:#667085;
  --muted-2:#98a2b3;
  --line:#e3e8f0;
  --line-strong:#d0d7e4;
  --success:#157347;
  --success-bg:#e9f8f0;
  --danger:#b42318;
  --danger-bg:#fff0ee;
  --warning:#9a6700;
  --warning-bg:#fff8df;
  --info:#175cd3;
  --info-bg:#edf4ff;
  --radius-xs:8px;
  --radius-sm:12px;
  --radius-md:18px;
  --radius-lg:24px;
  --shadow-xs:0 1px 2px rgba(10,23,57,.05);
  --shadow-sm:0 8px 24px rgba(10,23,57,.08);
  --shadow-md:0 18px 46px rgba(10,23,57,.12);
  --shadow-lg:0 30px 70px rgba(10,23,57,.18);
  --sidebar:286px;
  --topbar:86px;
  --font:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;
  --rx:0deg;
  --ry:0deg;
  --pointer-x:0;
  --pointer-y:0;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.55;min-height:100vh;overflow-x:hidden}
button,input,select,textarea{font:inherit}
a{color:inherit;text-decoration:none}
img,svg{display:block}
button{cursor:pointer}
[hidden]{display:none!important}
::selection{background:rgba(244,200,74,.45);color:var(--navy-950)}
:focus-visible{outline:3px solid rgba(244,200,74,.65);outline-offset:2px}

.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.icon-sm{width:16px;height:16px}.icon-lg{width:26px;height:26px}.icon-xl{width:36px;height:36px}

.motion-orb{position:fixed;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:-1;opacity:.2;transform:translate3d(calc(var(--pointer-x) * 18px),calc(var(--pointer-y) * 18px),0);transition:transform .2s ease-out}
.orb-one{width:460px;height:460px;background:radial-gradient(circle,rgba(201,162,39,.55),rgba(201,162,39,0) 68%);top:-220px;left:-150px}
.orb-two{width:620px;height:620px;background:radial-gradient(circle,rgba(20,42,94,.2),rgba(20,42,94,0) 72%);bottom:-360px;right:-220px}

.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}
.sidebar{position:fixed;inset:0 0 0 auto;width:var(--sidebar);height:100vh;background:linear-gradient(165deg,var(--navy-950),var(--navy-900) 45%,#0f2453);color:#eaf0ff;z-index:50;display:flex;flex-direction:column;box-shadow:-16px 0 42px rgba(6,16,38,.18);overflow:hidden}
.sidebar:before{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(223,189,85,.13);border-radius:40%;transform:rotate(30deg);left:-190px;top:85px}
.brand{height:112px;padding:24px 22px;display:flex;align-items:center;gap:13px;border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:1}
.brand-mark{width:45px;height:45px;position:relative;transform:rotate(-8deg);flex:0 0 auto}
.brand-mark span{position:absolute;border:2px solid var(--gold-400);border-radius:8px;transform:rotate(45deg)}
.brand-mark span:nth-child(1){inset:2px 14px 14px 2px;background:rgba(201,162,39,.14)}
.brand-mark span:nth-child(2){inset:13px 3px 3px 13px;border-color:var(--yellow-400)}
.brand-mark span:nth-child(3){width:9px;height:9px;top:18px;left:18px;background:var(--gold-500);border:0;border-radius:2px}
.brand-copy{min-width:0}.brand-copy strong{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-copy small{display:block;color:#9fb0d6;font-size:11px;letter-spacing:.2px;margin-top:1px}
.sidebar-close{display:none!important;margin-inline-start:auto}
.main-nav{flex:1;overflow:auto;padding:16px 13px 26px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent;position:relative;z-index:1}
.nav-section{font-size:11px;color:#8296c2;font-weight:600;padding:16px 13px 7px;letter-spacing:.3px}
.nav-link{height:48px;display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:12px;color:#cdd8f0;position:relative;overflow:hidden;margin:2px 0;transition:background .18s ease,color .18s ease,transform .18s ease}
.nav-link .icon{width:19px;height:19px;position:relative;z-index:1}.nav-link span:not(.nav-glow){position:relative;z-index:1;font-weight:500}
.nav-link:hover{background:rgba(255,255,255,.065);color:#fff;transform:translateX(-2px)}
.nav-link.active{background:linear-gradient(90deg,rgba(201,162,39,.22),rgba(244,200,74,.09));color:#fff;box-shadow:inset -3px 0 0 var(--yellow-400),0 8px 24px rgba(0,0,0,.12)}
.nav-link.active .icon{color:var(--yellow-400)}
.nav-glow{position:absolute;inset:auto -15px -38px auto;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(244,200,74,.18),transparent 70%)}
.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.08)}
.system-pulse{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.045);padding:12px;border-radius:13px}.system-pulse>span{width:10px;height:10px;border-radius:50%;background:#42d58b;box-shadow:0 0 0 6px rgba(66,213,139,.11)}.system-pulse strong,.system-pulse small{display:block}.system-pulse strong{font-size:12px}.system-pulse small{color:#91a5cf;font-size:10px}
.sidebar-overlay{display:none}
.workspace{grid-column:2;min-width:0}
.topbar{height:var(--topbar);position:sticky;top:0;z-index:35;background:rgba(248,250,252,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(208,215,228,.75);padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.topbar-start,.topbar-actions{display:flex;align-items:center;gap:14px}.page-heading{min-width:0}.page-heading .eyebrow{display:block;font-size:11px;color:var(--gold-600);font-weight:600}.page-heading h1{font-size:22px;line-height:1.25;margin:1px 0 0;color:var(--navy-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.icon-btn{width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid var(--line);background:#fff;color:var(--navy-800);border-radius:12px;box-shadow:var(--shadow-xs);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.icon-btn:hover{transform:translateY(-2px);border-color:#bbc5d6;box-shadow:var(--shadow-sm)}
.menu-toggle{display:none}.quick-action{height:42px;padding:0 16px;border-radius:12px;background:var(--navy-900);color:#fff;display:flex;align-items:center;gap:8px;font-weight:600;box-shadow:0 8px 22px rgba(11,23,57,.18);transition:transform .16s ease,box-shadow .16s ease}.quick-action:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(11,23,57,.25)}.quick-action .icon{color:var(--yellow-400)}
.user-menu{position:relative}.user-trigger{height:48px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:4px 6px 4px 12px;display:flex;align-items:center;gap:9px;color:var(--ink)}.user-trigger .avatar{width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,var(--navy-800),var(--navy-950));color:var(--yellow-400);display:grid;place-items:center;font-weight:700}.user-trigger strong,.user-trigger small{display:block;text-align:right;white-space:nowrap}.user-trigger strong{font-size:12px}.user-trigger small{font-size:10px;color:var(--muted)}.user-trigger>.icon{width:15px;height:15px;color:var(--muted)}
.user-dropdown{position:absolute;top:58px;left:0;width:240px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow-md);padding:9px;opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transition:.18s ease;z-index:60}.user-dropdown.open{opacity:1;transform:none;pointer-events:auto}.user-dropdown>div{padding:10px;border-bottom:1px solid var(--line);margin-bottom:6px}.user-dropdown strong,.user-dropdown small{display:block}.user-dropdown small{font-size:11px;color:var(--muted);direction:ltr;text-align:right}.user-dropdown a{display:flex;align-items:center;gap:8px;padding:10px;border-radius:9px;color:var(--danger);font-weight:600}.user-dropdown a:hover{background:var(--danger-bg)}
.page-content{padding:28px;max-width:1800px;margin:0 auto;width:100%}

.page-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.page-actions-start,.page-actions-end,.inline-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.page-intro{margin:0}.page-intro h2{font-size:24px;color:var(--navy-900);margin:0 0 4px}.page-intro p{margin:0;color:var(--muted)}

.card,.panel{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}
.card{padding:20px}.panel{overflow:hidden}.panel-header{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(180deg,#fff,#fbfcfe)}.panel-header h2,.panel-header h3{margin:0;color:var(--navy-900);font-size:17px}.panel-header p{margin:2px 0 0;color:var(--muted);font-size:12px}.panel-body{padding:20px}.panel-footer{padding:15px 20px;border-top:1px solid var(--line);background:#fbfcfe}
.card-3d,.card-tilt,.metric-card,.launch-card{transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card-3d:hover,.card-tilt:hover,.metric-card:hover,.launch-card:hover{box-shadow:var(--shadow-md);border-color:#ccd4e2}
.surface-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.span-12{grid-column:span 12}.span-9{grid-column:span 9}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-6{grid-column:span 6}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.span-3{grid-column:span 3}

.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.metric-card{position:relative;overflow:hidden;min-height:150px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:19px;box-shadow:var(--shadow-sm)}.metric-card:before{content:"";position:absolute;inset:-80px auto auto -60px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,39,.15),transparent 70%)}.metric-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.metric-icon{width:43px;height:43px;border-radius:13px;background:var(--navy-900);color:var(--yellow-400);display:grid;place-items:center;box-shadow:0 8px 20px rgba(11,23,57,.2)}.metric-label{font-size:12px;color:var(--muted);font-weight:600}.metric-value{display:block;font-size:28px;font-weight:700;color:var(--navy-900);margin-top:19px;line-height:1.2;direction:ltr;text-align:right}.metric-note{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);margin-top:7px}.metric-note.positive{color:var(--success)}.metric-note.negative{color:var(--danger)}
.kpi-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kpi-item{padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:#fbfcfe}.kpi-item span,.kpi-item strong{display:block}.kpi-item span{font-size:11px;color:var(--muted)}.kpi-item strong{font-size:19px;color:var(--navy-900);margin-top:3px}

.btn{min-height:42px;border:1px solid transparent;border-radius:11px;padding:9px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;line-height:1.2;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn .icon{width:18px;height:18px}
.btn-primary{background:var(--navy-900);color:#fff;box-shadow:0 8px 20px rgba(11,23,57,.16)}.btn-primary:hover{background:var(--navy-800);box-shadow:0 10px 26px rgba(11,23,57,.23)}
.btn-gold{background:linear-gradient(135deg,var(--gold-500),var(--yellow-400));color:var(--navy-950);box-shadow:0 8px 20px rgba(201,162,39,.2)}
.btn-secondary{background:#fff;color:var(--navy-900);border-color:var(--line-strong)}.btn-secondary:hover{background:#f8fafc;border-color:#aeb9ca}
.btn-ghost{background:transparent;color:var(--navy-800);border-color:transparent}.btn-ghost:hover{background:#eef2f7}
.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-warning{background:var(--warning-bg);color:var(--warning);border-color:#f1dc98}.btn-info{background:var(--info-bg);color:var(--info);border-color:#c7dbff}
.btn-sm{min-height:34px;padding:7px 10px;border-radius:9px;font-size:12px}.btn-lg{min-height:50px;padding:12px 20px;font-size:16px}.btn-block{width:100%}.btn[disabled],.btn.disabled{opacity:.55;pointer-events:none;transform:none}
.icon-action{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:#fff;display:inline-grid;place-items:center;color:var(--navy-800);transition:.15s}.icon-action:hover{background:#f4f6fa;border-color:#b9c3d2;transform:translateY(-1px)}.icon-action.danger{color:var(--danger)}.icon-action.success{color:var(--success)}

.alert{display:flex;align-items:flex-start;gap:10px;border:1px solid;border-radius:13px;padding:13px 14px;margin-bottom:15px;box-shadow:var(--shadow-xs);background:#fff;transition:opacity .2s ease,transform .2s ease}.alert>span:nth-child(2){flex:1}.alert button{border:0;background:transparent;color:inherit;padding:2px}.alert-icon{margin-top:1px}.alert-success{color:var(--success);background:var(--success-bg);border-color:#b8e6cc}.alert-warning{color:var(--warning);background:var(--warning-bg);border-color:#f2df9f}.alert-danger{color:var(--danger);background:var(--danger-bg);border-color:#ffc9c4}.alert-info{color:var(--info);background:var(--info-bg);border-color:#cbdfff}.alert-leave{opacity:0;transform:translateY(-6px)}

.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.3;border:1px solid transparent}.badge-success{background:var(--success-bg);color:var(--success);border-color:#bce8ce}.badge-danger{background:var(--danger-bg);color:var(--danger);border-color:#ffc8c1}.badge-warning{background:var(--warning-bg);color:var(--warning);border-color:#f4dfa0}.badge-info{background:var(--info-bg);color:var(--info);border-color:#c9dcff}.badge-neutral{background:#f1f3f7;color:#596273;border-color:#e1e5eb}.badge-gold{background:#fff8df;color:#80600a;border-color:#ead38b}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-success{background:var(--success)}.dot-danger{background:var(--danger)}.dot-warning{background:#f3b700}.dot-neutral{background:#98a2b3}

.form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.field{grid-column:span 4;min-width:0}.field-12{grid-column:span 12}.field-9{grid-column:span 9}.field-8{grid-column:span 8}.field-6{grid-column:span 6}.field-4{grid-column:span 4}.field-3{grid-column:span 3}.field-2{grid-column:span 2}
.field label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#344054;font-weight:600;margin-bottom:7px}.field label .optional{font-size:10px;color:var(--muted-2);font-weight:400}.required:after{content:" *";color:var(--danger)}
.input,.select,.textarea{width:100%;border:1px solid var(--line-strong);background:#fff;color:var(--ink);border-radius:11px;padding:10px 12px;min-height:43px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.textarea{min-height:96px;resize:vertical}.input:hover,.select:hover,.textarea:hover{border-color:#aeb8c8}.input:focus,.select:focus,.textarea:focus{outline:0;border-color:var(--gold-500);box-shadow:0 0 0 4px rgba(201,162,39,.13)}.input[readonly],.input:disabled,.select:disabled,.textarea:disabled{background:#f4f6f9;color:#667085;cursor:not-allowed}
.input-invalid{border-color:var(--danger)!important;box-shadow:0 0 0 4px rgba(180,35,24,.08)!important}.field-help{display:block;color:var(--muted);font-size:10px;margin-top:5px}.field-error{display:block;color:var(--danger);font-size:11px;margin-top:5px}
.input-icon{position:relative}.input-icon>.icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.input-icon .input{padding-right:40px}.input-icon>button{position:absolute;left:5px;top:5px;width:34px;height:34px;border:0;background:transparent;border-radius:8px;color:var(--muted)}
.input-group{display:flex}.input-group .input,.input-group .select{border-radius:0}.input-group>:first-child{border-radius:0 11px 11px 0}.input-group>:last-child{border-radius:11px 0 0 11px}.input-group .btn{border-radius:11px 0 0 11px}
.checkbox,.switch{display:inline-flex;align-items:center;gap:9px;cursor:pointer;user-select:none}.checkbox input{width:17px;height:17px;accent-color:var(--navy-900)}.switch input{position:absolute;opacity:0}.switch-ui{width:42px;height:23px;background:#cfd6e2;border-radius:999px;position:relative;transition:.18s}.switch-ui:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;right:3px;top:3px;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:.18s}.switch input:checked+.switch-ui{background:var(--navy-800)}.switch input:checked+.switch-ui:after{right:22px}.switch-copy strong,.switch-copy small{display:block}.switch-copy strong{font-size:12px}.switch-copy small{font-size:10px;color:var(--muted)}
.segmented{display:inline-flex;background:#eef1f5;padding:4px;border-radius:11px;gap:3px}.segmented label{position:relative}.segmented input{position:absolute;opacity:0}.segmented span{display:block;padding:7px 11px;border-radius:8px;font-size:12px;color:var(--muted);cursor:pointer}.segmented input:checked+span{background:#fff;color:var(--navy-900);box-shadow:var(--shadow-xs);font-weight:600}
.form-actions{position:sticky;bottom:12px;z-index:20;margin-top:18px;padding:12px 14px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.form-actions .action-group{display:flex;gap:8px;flex-wrap:wrap}

.filter-bar{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:16px;box-shadow:var(--shadow-xs)}.filter-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:11px;align-items:end}.filter-field{grid-column:span 2}.filter-field.wide{grid-column:span 4}.filter-field label{display:block;font-size:10px;font-weight:600;color:var(--muted);margin-bottom:5px}.filter-actions{grid-column:span 2;display:flex;gap:7px}

.table-wrap{width:100%;overflow:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:780px}.data-table th{font-size:11px;color:#667085;font-weight:600;background:#f7f9fc;border-bottom:1px solid var(--line);padding:11px 13px;text-align:right;white-space:nowrap;position:sticky;top:0;z-index:2}.data-table td{padding:12px 13px;border-bottom:1px solid #edf0f4;vertical-align:middle}.data-table tbody tr{transition:background .14s ease}.data-table tbody tr:hover{background:#fbfcff}.data-table tbody tr:last-child td{border-bottom:0}.data-table .numeric{direction:ltr;text-align:left;font-variant-numeric:tabular-nums}.data-table .center{text-align:center}.data-table .actions-cell{white-space:nowrap}.data-table tfoot td{background:#f7f9fc;font-weight:700;border-top:1px solid var(--line-strong);border-bottom:0}.row-title{display:flex;align-items:center;gap:9px}.row-title .mini-icon{width:33px;height:33px;border-radius:9px;background:#eef2f8;color:var(--navy-800);display:grid;place-items:center}.row-title strong,.row-title small{display:block}.row-title small{font-size:10px;color:var(--muted)}
.empty-state{padding:52px 20px;text-align:center}.empty-icon{width:70px;height:70px;border-radius:22px;background:#f1f4f9;color:var(--navy-700);display:grid;place-items:center;margin:0 auto 14px}.empty-icon .icon{width:32px;height:32px}.empty-state h3{margin:0;color:var(--navy-900)}.empty-state p{color:var(--muted);max-width:450px;margin:7px auto 17px}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid var(--line)}.pagination-links{display:flex;gap:5px}.page-link{min-width:34px;height:34px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;background:#fff;font-size:12px}.page-link.active{background:var(--navy-900);color:#fff;border-color:var(--navy-900)}.page-link.disabled{opacity:.45;pointer-events:none}

.account-layout{display:grid;grid-template-columns:minmax(440px,1.1fr) minmax(340px,.9fr);gap:18px;min-height:650px}.account-tree-panel{min-width:0}.account-tree-tools{display:flex;gap:8px;flex-wrap:wrap}.tree-search{padding:13px;border-bottom:1px solid var(--line)}.account-tree{padding:8px 8px 18px;max-height:720px;overflow:auto}.tree-node{position:relative}.tree-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:6px;padding:7px 8px;border-radius:10px;transition:.14s}.tree-row:hover{background:#f3f6fa}.tree-row.selected{background:linear-gradient(90deg,#edf2ff,#fff8df);box-shadow:inset -3px 0 var(--gold-500)}.tree-toggle{width:28px;height:28px;border:0;background:transparent;border-radius:7px;color:var(--muted);display:grid;place-items:center}.tree-toggle:hover{background:#e9edf4}.tree-toggle .icon{width:15px;height:15px;transition:transform .15s}.tree-node.collapsed>.tree-row .tree-toggle .icon{transform:rotate(90deg)}.tree-children{padding-right:22px;position:relative}.tree-children:before{content:"";position:absolute;right:13px;top:0;bottom:9px;width:1px;background:#e3e8f0}.tree-node.collapsed>.tree-children{display:none}.tree-account{min-width:0}.tree-account strong,.tree-account small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-account strong{font-size:12px}.tree-account small{font-size:10px;color:var(--muted);direction:ltr;text-align:right}.tree-status{display:flex;gap:4px}.account-detail{position:sticky;top:calc(var(--topbar) + 18px);align-self:start}.detail-hero{padding:22px;background:linear-gradient(145deg,var(--navy-900),var(--navy-800));color:#fff;position:relative;overflow:hidden}.detail-hero:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;border:35px solid rgba(244,200,74,.07);left:-70px;bottom:-90px}.detail-hero .code{font-size:12px;color:#b7c5e2;direction:ltr;text-align:right}.detail-hero h2{font-size:22px;margin:6px 0 2px}.detail-hero p{color:#b7c5e2;margin:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.detail-item{padding:14px;background:#fff}.detail-item span,.detail-item strong{display:block}.detail-item span{font-size:10px;color:var(--muted)}.detail-item strong{font-size:13px;margin-top:3px}.balance-display{font-size:26px!important;direction:ltr;text-align:right;color:var(--navy-900)}

.journal-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.journal-identity{display:flex;align-items:center;gap:10px}.entry-number{font-size:18px;font-weight:700;color:var(--navy-900);direction:ltr}.period-chip{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:9px;background:#f4f6fa;color:var(--muted);font-size:11px}.period-chip.open{background:var(--success-bg);color:var(--success)}.period-chip.closed{background:var(--danger-bg);color:var(--danger)}
.journal-header-card{padding:18px}.journal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#f7f9fc;border:1px solid var(--line);border-radius:12px;margin-bottom:11px;flex-wrap:wrap}.journal-toolbar .toolbar-group{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.keyboard-hint{font-size:10px;color:var(--muted)}kbd{font-family:inherit;border:1px solid #cbd2dd;background:#fff;border-bottom-width:2px;border-radius:6px;padding:2px 6px;font-size:10px;color:#475467}
.journal-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}.journal-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1440px}.journal-table th{position:sticky;top:0;background:var(--navy-900);color:#dce5fa;font-size:10px;padding:10px 8px;text-align:right;z-index:4;white-space:nowrap}.journal-table td{padding:7px;border-bottom:1px solid #edf0f4;background:#fff;vertical-align:middle}.journal-table tr:hover td{background:#fbfcff}.journal-table tr.line-error td{background:#fff6f5}.journal-table .line-no{width:42px;text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}.journal-table .line-check{width:38px;text-align:center}.journal-table input,.journal-table select{min-height:37px;border-radius:8px;padding:7px 9px;font-size:12px}.journal-table .account-cell{min-width:285px}.journal-table .description-cell{min-width:220px}.journal-table .amount-cell{min-width:130px}.journal-table .optional-cell{min-width:160px}.journal-table .delete-cell{width:48px;text-align:center}.account-picker{position:relative}.account-picker-display{display:flex;align-items:center;gap:6px}.account-picker-display .input{padding-left:40px}.account-picker-display button{position:absolute;left:4px;top:4px}.account-suggestions{position:absolute;inset:42px 0 auto 0;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-md);max-height:260px;overflow:auto;z-index:20}.account-suggestion{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-bottom:1px solid #edf0f4;cursor:pointer}.account-suggestion:hover{background:#f4f7fb}.account-suggestion strong,.account-suggestion small{display:block}.account-suggestion small{font-size:10px;color:var(--muted);direction:ltr;text-align:right}.account-suggestion em{font-style:normal;font-size:10px;color:var(--muted)}
.balance-dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:12px}.balance-item{background:#fff;padding:12px 15px}.balance-item span,.balance-item strong{display:block}.balance-item span{font-size:10px;color:var(--muted)}.balance-item strong{font-size:20px;margin-top:3px;direction:ltr;text-align:right;color:var(--navy-900)}.balance-item.status{display:flex;align-items:center;gap:10px}.balance-light{width:13px;height:13px;border-radius:50%;background:#aeb6c3;box-shadow:0 0 0 5px rgba(174,182,195,.15)}.balance-dock.balanced .balance-light{background:var(--success);box-shadow:0 0 0 5px rgba(21,115,71,.13)}.balance-dock.unbalanced .balance-light{background:var(--danger);box-shadow:0 0 0 5px rgba(180,35,24,.12)}

.drawer{position:fixed;inset:0;z-index:80;pointer-events:none}.drawer.open{pointer-events:auto}.drawer-backdrop{position:absolute;inset:0;background:rgba(6,16,38,.5);opacity:0;transition:.2s}.drawer.open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;top:0;bottom:0;left:0;width:min(620px,94vw);background:#fff;box-shadow:var(--shadow-lg);transform:translateX(-102%);transition:transform .25s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.drawer.open .drawer-panel{transform:none}.drawer-header{padding:18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.drawer-body{padding:16px;overflow:auto;flex:1}.drawer-footer{padding:14px;border-top:1px solid var(--line)}
.account-tree-picker{max-height:560px;overflow:auto}.picker-node{margin-bottom:2px}.picker-row{display:grid;grid-template-columns:28px 22px minmax(0,1fr) auto;gap:6px;align-items:center;padding:7px;border-radius:9px}.picker-row:hover{background:#f3f6fa}.picker-row input{accent-color:var(--navy-900)}.picker-children{padding-right:26px}.picker-node.collapsed>.picker-children{display:none}

.voucher-paper{max-width:1120px;margin:0 auto}.voucher-banner{background:linear-gradient(140deg,var(--navy-950),var(--navy-800));color:#fff;border-radius:22px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;overflow:hidden}.voucher-banner:after{content:"";position:absolute;width:250px;height:250px;border:50px solid rgba(244,200,74,.08);border-radius:50%;left:-100px;bottom:-170px}.voucher-banner h2{font-size:26px;margin:0}.voucher-banner p{margin:4px 0 0;color:#b9c8e7}.voucher-number{text-align:left;position:relative;z-index:1}.voucher-number span,.voucher-number strong{display:block}.voucher-number span,.voucher-number label{display:block;font-size:10px;color:#b9c8e7}.voucher-number strong{font-size:22px;color:var(--yellow-400);direction:ltr}.voucher-number-input{display:block;width:220px;max-width:100%;border:0;background:transparent;color:var(--yellow-400);font:700 22px/1.3 var(--font);direction:ltr;text-align:left;outline:0;padding:0;margin:2px 0 6px}.inline-form{display:inline-flex;margin:0}.voucher-amount-card{background:linear-gradient(135deg,#fff8df,#fff);border:1px solid #ead48f;border-radius:18px;padding:18px;text-align:center}.voucher-amount-card span{display:block;font-size:11px;color:var(--muted)}.voucher-amount-card strong{display:block;font-size:34px;color:var(--navy-900);direction:ltr;margin-top:3px}.voucher-parties{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.party-card{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}.party-card span,.party-card strong,.party-card small{display:block}.party-card span{font-size:10px;color:var(--muted)}.party-card strong{font-size:16px;color:var(--navy-900);margin-top:3px}.party-card small{font-size:11px;color:var(--muted);direction:ltr;text-align:right}.flow-arrow{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--navy-900);color:var(--yellow-400)}

.report-launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.launch-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;position:relative;overflow:hidden;min-height:190px}.launch-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,39,.13),transparent 70%);left:-36px;bottom:-50px}.launch-icon{width:50px;height:50px;border-radius:15px;background:var(--navy-900);color:var(--yellow-400);display:grid;place-items:center}.launch-card h3{font-size:18px;color:var(--navy-900);margin:17px 0 5px}.launch-card p{color:var(--muted);margin:0;font-size:12px;max-width:90%}.launch-card .launch-link{position:absolute;bottom:18px;right:22px;color:var(--gold-600);font-weight:600;display:flex;align-items:center;gap:6px}.launch-card .launch-link .icon{width:16px;height:16px}
.report-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.summary-card span,.summary-card strong{display:block}.summary-card span{font-size:10px;color:var(--muted)}.summary-card strong{font-size:20px;color:var(--navy-900);margin-top:3px}.summary-card.numeric strong{direction:ltr;text-align:right}
.chart-box{height:310px;position:relative}.chart-box.tall{height:390px}.chart-empty{height:100%;display:grid;place-items:center;color:var(--muted);text-align:center}

.timeline{position:relative;padding-right:25px}.timeline:before{content:"";position:absolute;right:7px;top:8px;bottom:8px;width:2px;background:#e1e6ef}.timeline-item{position:relative;margin-bottom:16px}.timeline-item:before{content:"";position:absolute;right:-23px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--gold-500);box-shadow:0 0 0 5px rgba(201,162,39,.13)}.timeline-item strong,.timeline-item span{display:block}.timeline-item span{font-size:11px;color:var(--muted)}

.definition-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:13px;overflow:hidden}.definition-item{padding:13px 15px;border-bottom:1px solid var(--line);background:#fff}.definition-item:nth-child(odd){border-left:1px solid var(--line)}.definition-item dt{font-size:10px;color:var(--muted);margin-bottom:2px}.definition-item dd{margin:0;font-weight:600;color:var(--navy-900)}
.code-block{direction:ltr;text-align:left;background:var(--navy-950);color:#dce6ff;padding:15px;border-radius:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:auto}

.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;pointer-events:none}.modal.open{pointer-events:auto}.modal-backdrop{position:absolute;inset:0;background:rgba(6,16,38,.55);opacity:0;transition:.18s}.modal.open .modal-backdrop{opacity:1}.modal-dialog{position:relative;width:min(560px,100%);max-height:90vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg);transform:translateY(14px) scale(.98);opacity:0;transition:.18s}.modal.open .modal-dialog{transform:none;opacity:1}.modal-header,.modal-body,.modal-footer{padding:17px 19px}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-header h3{margin:0;color:var(--navy-900)}.modal-footer{border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}
.command-palette{position:fixed;inset:0;z-index:110;display:grid;place-items:start center;padding-top:min(16vh,150px)}.command-backdrop{position:absolute;inset:0;background:rgba(6,16,38,.55);backdrop-filter:blur(4px)}.command-dialog{position:relative;width:min(650px,calc(100vw - 28px));background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden;opacity:0;transform:translateY(-14px) scale(.98);transition:.18s}.command-palette.open .command-dialog{opacity:1;transform:none}.command-search{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--line)}.command-search input{flex:1;border:0;outline:0;font-size:16px}.command-list{max-height:370px;overflow:auto;padding:8px}.command-list a{display:flex;align-items:center;gap:12px;padding:11px;border-radius:11px}.command-list a:hover{background:#f2f5f9}.command-list a>.icon{color:var(--gold-600)}.command-list strong,.command-list small{display:block}.command-list small{font-size:10px;color:var(--muted)}
.toast-stack{position:fixed;left:22px;bottom:22px;z-index:130;display:grid;gap:9px;width:min(380px,calc(100vw - 30px))}.toast{display:grid;grid-template-columns:10px 1fr 25px;align-items:start;gap:9px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px;box-shadow:var(--shadow-md);opacity:0;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:none}.toast-dot{width:8px;height:8px;border-radius:50%;margin-top:7px;background:var(--info)}.toast-success .toast-dot{background:var(--success)}.toast-danger .toast-dot{background:var(--danger)}.toast-warning .toast-dot{background:#e7a900}.toast strong,.toast small{display:block}.toast small{font-size:11px;color:var(--muted)}.toast button{border:0;background:transparent;color:var(--muted);font-size:18px}

.login-body{min-height:100vh;background:linear-gradient(135deg,var(--navy-950),var(--navy-900));display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,560px);color:#fff;overflow:hidden;position:relative}.login-visual{padding:7vw;display:flex;flex-direction:column;justify-content:center;position:relative}.login-visual:after{content:"";position:absolute;width:550px;height:550px;border-radius:50%;border:100px solid rgba(244,200,74,.05);right:-200px;bottom:-300px}.login-visual .brand-mark{width:65px;height:65px;margin-bottom:25px}.login-visual h1{font-size:clamp(38px,5vw,72px);line-height:1.15;margin:0;max-width:780px}.login-visual h1 em{font-style:normal;color:var(--yellow-400)}.login-visual p{color:#b9c7e4;font-size:17px;max-width:650px}.login-features{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.login-feature{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);padding:10px 12px;border-radius:12px;font-size:12px}.login-feature .icon{color:var(--yellow-400)}
.login-panel{background:#f8fafc;color:var(--ink);padding:45px clamp(28px,5vw,65px);display:flex;align-items:center;position:relative;z-index:2}.login-card{width:100%;max-width:430px;margin:auto}.login-card h2{font-size:30px;color:var(--navy-900);margin:0 0 6px}.login-card>p{color:var(--muted);margin:0 0 25px}.login-card .field{margin-bottom:15px}.login-submit{margin-top:8px}.login-foot{font-size:10px;color:var(--muted);text-align:center;margin-top:20px}

.print-page{background:#fff;color:#111;min-height:100vh;padding:20px;font-family:var(--font)}.print-sheet{width:210mm;min-height:285mm;margin:0 auto;background:#fff;padding:12mm;box-shadow:0 0 25px rgba(0,0,0,.08)}.print-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--navy-900);padding-bottom:12px}.print-head h1{margin:0;color:var(--navy-900)}.print-meta{text-align:left;direction:ltr}.print-voucher-title{text-align:center;margin:22px 0}.print-voucher-title h2{display:inline-block;border:2px solid var(--navy-900);border-radius:9px;padding:7px 28px;margin:0}.print-signatures{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:55px}.signature{text-align:center;border-top:1px solid #333;padding-top:8px;font-size:12px}

.spinner{width:18px;height:18px;border:2px solid currentColor;border-left-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.skeleton{background:linear-gradient(90deg,#eef1f5,#f8fafc,#eef1f5);background-size:200% 100%;animation:skeleton 1.3s infinite;border-radius:7px;color:transparent!important}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton{to{background-position:-200% 0}}

@media (max-width:1280px){
  :root{--sidebar:254px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field{grid-column:span 6}.field-3{grid-column:span 4}.filter-field{grid-column:span 3}.filter-field.wide{grid-column:span 6}.filter-actions{grid-column:span 3}
}
@media (max-width:1050px){
  .app-shell{display:block}.workspace{grid-column:auto}.sidebar{transform:translateX(105%);transition:transform .24s cubic-bezier(.2,.8,.2,1)}.sidebar-open .sidebar{transform:none}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(6,16,38,.5);z-index:45;opacity:0;pointer-events:none;transition:.2s}.sidebar-open .sidebar-overlay{opacity:1;pointer-events:auto}.sidebar-close,.menu-toggle{display:inline-grid!important}.topbar{padding:0 18px}.page-content{padding:20px}.account-layout{grid-template-columns:1fr}.account-detail{position:static}.surface-grid>.span-9,.surface-grid>.span-8,.surface-grid>.span-7,.surface-grid>.span-5,.surface-grid>.span-4,.surface-grid>.span-3{grid-column:span 6}.report-summary{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  :root{--topbar:72px}.topbar{height:var(--topbar);padding:0 13px}.page-heading .eyebrow{display:none}.page-heading h1{font-size:17px}.quick-action span,.user-trigger>span:not(.avatar),.user-trigger>.icon{display:none}.user-trigger{padding:4px}.topbar-actions{gap:7px}.page-content{padding:14px}.metrics-grid,.report-launch-grid,.kpi-strip,.report-summary{grid-template-columns:1fr}.surface-grid{gap:12px}.surface-grid>*{grid-column:span 12!important}.field,.field-9,.field-8,.field-6,.field-4,.field-3,.field-2{grid-column:span 12}.filter-field,.filter-field.wide,.filter-actions{grid-column:span 12}.filter-actions .btn{flex:1}.form-actions{position:static}.form-actions,.form-actions .action-group{width:100%}.form-actions .btn{flex:1}.balance-dock{grid-template-columns:1fr 1fr}.voucher-parties{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);margin:auto}.definition-list{grid-template-columns:1fr}.definition-item:nth-child(odd){border-left:0}.login-body{display:block}.login-visual{display:none}.login-panel{min-height:100vh;padding:28px 20px}.print-sheet{width:100%;padding:7mm}.report-launch-grid{display:grid}.page-actions{align-items:flex-start}.page-actions-start,.page-actions-end{width:100%}.page-actions-end .btn{flex:1}
}
@media (max-width:480px){.balance-dock{grid-template-columns:1fr}.metric-value{font-size:24px}.panel-header{padding:15px}.panel-body{padding:15px}.btn{padding-inline:12px}.account-tree{max-height:530px}.voucher-banner{display:block}.voucher-number{text-align:right;margin-top:15px}.toast-stack{left:10px;bottom:10px;width:calc(100vw - 20px)}}

@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.motion-orb{display:none}.card-3d,.card-tilt,.metric-card,.launch-card{transform:none!important}}

@media print{
  @page{size:A4;margin:8mm}.no-print,.sidebar,.topbar,.motion-orb,.form-actions,.filter-bar,.page-actions{display:none!important}body{background:#fff;font-size:11px}.app-shell,.workspace{display:block!important}.page-content{padding:0;max-width:none}.card,.panel{box-shadow:none;border-color:#bbb}.data-table{min-width:0}.data-table th{position:static;background:#eee;color:#000}.print-sheet{box-shadow:none;width:auto;min-height:auto;margin:0;padding:0}.page-break{break-before:page}.avoid-break{break-inside:avoid}
}

.data-table tr.group-row{background:#f8fafc;font-weight:600}.data-table tr.group-row:hover{background:#f2f5f9}.tree-indent{display:inline-block;padding-inline-start:calc(var(--tree-level,0)*18px);position:relative}.tree-indent:before{content:"";position:absolute;inset-inline-start:calc(var(--tree-level,0)*18px - 10px);top:50%;width:7px;border-top:1px solid var(--line-strong)}