:root{
  --bg:#f3f6f8;--surface:#fff;--surface-2:#f8fafb;--ink:#102331;--muted:#667987;
  --navy:#0e2f40;--navy-2:#123e52;--teal:#0f8b8d;--teal-soft:#e6f7f6;
  --sand:#d9a765;--sand-soft:#fff5e8;--danger:#d64f4f;--warn:#d8902f;--ok:#278a64;
  --border:#dfe7eb;--shadow:0 18px 45px rgba(28,55,70,.08);--radius:18px;--sidebar:280px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.65}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle}.app{min-height:100vh}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidebar);background:linear-gradient(180deg,#0b2837,#10394b 55%,#102f3e);color:#eaf4f6;padding:22px 16px 28px;z-index:50;display:flex;flex-direction:column;box-shadow:18px 0 60px rgba(6,27,38,.18)}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--sand),#f1d4a7);color:var(--navy);font-weight:900;box-shadow:0 10px 25px rgba(0,0,0,.18)}.brand strong{display:block;font-size:16px}.brand small{display:block;color:#a9c0ca;font-size:10px;letter-spacing:1.2px}.sidebar-scroll{overflow:auto;padding-top:18px;scrollbar-width:thin}.nav-label{font-size:11px;color:#8fb0bd;margin:16px 12px 8px}.nav-link{display:flex;align-items:center;gap:11px;padding:11px 12px;margin:3px 0;border-radius:13px;color:#cfe0e6;transition:.2s;position:relative}.nav-link:hover{background:rgba(255,255,255,.07);color:#fff}.nav-link.active{background:linear-gradient(90deg,rgba(15,139,141,.35),rgba(255,255,255,.08));color:#fff;box-shadow:inset 3px 0 0 var(--sand)}.nav-link .icon{width:19px}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:16px 8px 0}.tenant-mini{display:flex;gap:10px;align-items:center}.tenant-mini .dot{width:10px;height:10px;border-radius:50%;background:#53d39c;box-shadow:0 0 0 5px rgba(83,211,156,.12)}.tenant-mini small{color:#9cb5bf;display:block}.main{margin-inline-start:var(--sidebar);min-height:100vh}.topbar{height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 24px;position:sticky;top:0;z-index:30}.menu-btn{display:none}.icon-btn{border:1px solid var(--border);background:#fff;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;cursor:pointer;color:var(--navy)}.context-bar{display:flex;gap:8px;align-items:center;flex:1;min-width:0}.context-select{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;padding:9px 12px;color:var(--ink);min-width:115px;max-width:180px}.top-spacer{flex:1}.sync-chip{display:flex;align-items:center;gap:8px;background:#effaf6;color:var(--ok);border:1px solid #cdebdc;padding:8px 11px;border-radius:999px;white-space:nowrap}.user-menu{display:flex;align-items:center;gap:10px;padding-inline-start:10px;border-inline-start:1px solid var(--border)}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#d9a765,#f5dfba);color:var(--navy);font-weight:800}.user-menu small{display:block;color:var(--muted)}.page{padding:28px}.page-head{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;margin-bottom:24px}.page-title h1{margin:0 0 6px;font-size:25px}.page-title p{margin:0;color:var(--muted)}.page-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:0;border-radius:12px;min-height:42px;padding:9px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:700;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--teal),#087b81);color:#fff;box-shadow:0 9px 22px rgba(15,139,141,.23)}.btn-secondary{background:#fff;border:1px solid var(--border);color:var(--navy)}.btn-sand{background:var(--sand-soft);border:1px solid #f1d9b6;color:#7c5625}.btn-danger{background:#fff0f0;border:1px solid #ffd1d1;color:var(--danger)}.btn-sm{min-height:34px;padding:6px 10px;font-size:12px}.ai-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 8px;font-weight:800;font-size:10px;background:linear-gradient(135deg,#fff0cb,#ffd8a3);color:#775019;border:1px solid #f0c882;box-shadow:0 5px 14px rgba(189,129,46,.12)}.ai-badge .icon{width:13px;height:13px}.ai-action{border:1px solid #eed09d;background:linear-gradient(135deg,#fffaf0,#fff1d8);color:#76511f}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card.flat{box-shadow:none}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.card-head h2,.card-head h3{margin:0;font-size:16px}.card-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.metric{position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:var(--teal-soft);inset-inline-end:-42px;inset-block-start:-50px}.metric .metric-top{display:flex;justify-content:space-between;position:relative;z-index:1}.metric .metric-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--teal-soft);color:var(--teal)}.metric .value{font-size:28px;font-weight:900;margin-top:14px}.metric .delta{font-size:12px;color:var(--ok)}.metric .caption{color:var(--muted)}.quick-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.flow-card{background:linear-gradient(180deg,#fff,#f9fbfc);border:1px solid var(--border);border-radius:16px;padding:16px;position:relative;transition:.2s}.flow-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.flow-card .number{width:30px;height:30px;border-radius:10px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:12px}.flow-card h3{margin:0 0 5px;font-size:14px}.flow-card p{margin:0;color:var(--muted);font-size:12px}.status{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status-ok{background:#e9f8f1;color:var(--ok)}.status-warn{background:#fff5e8;color:var(--warn)}.status-danger{background:#fff0f0;color:var(--danger)}.status-info{background:#e9f4fb;color:#2c78a0}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{background:#f3f7f9;color:#536b79;font-size:11px;text-align:start;padding:11px 13px;position:sticky;top:0}.data-table td{padding:12px 13px;border-top:1px solid var(--border);vertical-align:middle}.data-table tr:hover td{background:#fbfdfd}.muted{color:var(--muted)}.small{font-size:12px}.tag{display:inline-flex;align-items:center;border-radius:8px;padding:3px 7px;font-size:10px;font-weight:700;margin:2px}.tag-gold{background:#fff3d6;color:#8b641f}.tag-red{background:#fff0f0;color:#b43b3b}.tag-green{background:#e9f8f1;color:#278a64}.tag-blue{background:#eaf4fb;color:#317aa2}.progress{height:8px;background:#e9eef1;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),#55b7a9)}.timeline{display:flex;gap:0;overflow:auto;padding:8px 0 18px}.time-node{min-width:135px;text-align:center;position:relative;padding-top:35px}.time-node:before{content:"";position:absolute;top:14px;inset-inline-start:50%;width:100%;height:2px;background:#dce6ea}.time-node:last-child:before{display:none}.time-node .node-dot{position:absolute;top:7px;inset-inline-start:calc(50% - 8px);width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--teal);z-index:2}.time-node.done .node-dot{background:var(--teal)}.time-node.current .node-dot{border-color:var(--sand);box-shadow:0 0 0 6px rgba(217,167,101,.18)}.time-node strong{font-size:11px;display:block}.time-node small{color:var(--muted)}.form-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px}.stepper{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;height:max-content;position:sticky;top:100px}.step{display:flex;gap:10px;align-items:flex-start;padding:11px;border-radius:12px;color:var(--muted);cursor:pointer}.step.active{background:var(--teal-soft);color:var(--teal)}.step.done{color:var(--ok)}.step-index{width:28px;height:28px;border-radius:9px;border:1px solid currentColor;display:grid;place-items:center;flex:0 0 auto;font-weight:800}.step strong{display:block;font-size:12px}.step small{font-size:10px}.wizard-panel{display:none}.wizard-panel.active{display:block}.form-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:18px;box-shadow:var(--shadow)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:16px}.section-title h2{margin:0;font-size:16px}.form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.field{grid-column:span 4}.field.span-6{grid-column:span 6}.field.span-8{grid-column:span 8}.field.span-12{grid-column:1/-1}.field label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;margin-bottom:6px}.control{width:100%;border:1px solid var(--border);background:#fff;border-radius:11px;min-height:43px;padding:9px 11px;color:var(--ink);outline:0}.control:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(15,139,141,.1)}textarea.control{min-height:90px;resize:vertical}.helper{font-size:10px;color:var(--muted);margin-top:4px}.input-with-action{display:flex;gap:7px}.input-with-action .control{flex:1}.option-row{display:flex;gap:8px;flex-wrap:wrap}.choice{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:#fff;cursor:pointer}.choice.active{border-color:var(--teal);background:var(--teal-soft);color:var(--teal)}.identity-card{display:flex;gap:14px;align-items:center;background:#f7fafb;border:1px solid var(--border);border-radius:14px;padding:13px}.identity-photo{width:54px;height:54px;border-radius:14px;background:linear-gradient(145deg,#dce7ea,#f8fbfc);display:grid;place-items:center;color:var(--navy)}.upload-box{border:1.5px dashed #b9cbd2;border-radius:14px;padding:18px;text-align:center;color:var(--muted);background:#fbfdfd}.upload-box .icon{width:30px;height:30px;color:var(--teal)}.package-card{border:1px solid var(--border);border-radius:16px;padding:15px;margin-bottom:12px;background:#fff}.package-head{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:12px}.package-code{font-family:monospace;background:#eef4f6;padding:5px 8px;border-radius:8px;direction:ltr}.wizard-footer{position:sticky;bottom:12px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:15px;padding:10px 12px;display:flex;justify-content:space-between;gap:10px;z-index:10}.alert{border-radius:14px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start}.alert-info{background:#eaf6fb;border:1px solid #cbe4ef;color:#2a6783}.alert-warn{background:#fff7e8;border:1px solid #f2d7a7;color:#805817}.alert-danger{background:#fff0f0;border:1px solid #ffd0d0;color:#9f3434}.alert-success{background:#ebf8f1;border:1px solid #c7ead8;color:#247356}.kanban{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:14px;overflow:auto}.kanban-col{background:#eef3f5;border-radius:16px;padding:12px;min-height:420px}.kanban-head{display:flex;justify-content:space-between;margin-bottom:10px}.kanban-card{background:#fff;border:1px solid var(--border);border-radius:13px;padding:12px;margin-bottom:9px;box-shadow:0 8px 20px rgba(28,55,70,.05)}.capacity-ring{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--teal) 0 82%,#e6edef 82% 100%);position:relative}.capacity-ring:after{content:"";position:absolute;width:96px;height:96px;border-radius:50%;background:#fff}.capacity-ring strong{position:relative;z-index:1;font-size:25px}.scenario{border:1px solid var(--border);border-radius:16px;padding:15px;background:#fff;cursor:pointer;transition:.2s}.scenario:hover,.scenario.selected{border-color:var(--sand);box-shadow:0 10px 25px rgba(217,167,101,.15);transform:translateY(-2px)}.scenario .scenario-title{display:flex;justify-content:space-between;align-items:center}.route-map{position:relative;padding:18px 8px}.route-line{height:4px;background:#dce6ea;border-radius:99px;position:absolute;top:37px;inset-inline:45px}.route-stops{display:flex;justify-content:space-between;position:relative;z-index:2}.route-stop{text-align:center;width:100px}.route-stop .circle{width:38px;height:38px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#fff;border:3px solid var(--teal);color:var(--teal)}.route-stop.done .circle{background:var(--teal);color:#fff}.route-stop.current .circle{border-color:var(--sand);box-shadow:0 0 0 7px rgba(217,167,101,.18)}.route-stop strong{font-size:11px;display:block;margin-top:7px}.tree{display:flex;flex-direction:column;gap:12px}.tree-node{border:1px solid var(--border);border-radius:15px;background:#fff;padding:14px}.tree-children{margin-inline-start:28px;padding-inline-start:18px;border-inline-start:2px dashed #cbd9de;margin-top:10px}.license-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.module-toggle{border:1px solid var(--border);border-radius:13px;padding:12px;display:flex;justify-content:space-between;align-items:center}.switch{width:44px;height:24px;border-radius:999px;background:#cdd9dd;position:relative;cursor:pointer}.switch:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:var(--teal)}.switch.on:after{inset-inline-start:23px}.chart-bars{height:180px;display:flex;align-items:flex-end;gap:12px;padding-top:10px}.bar{flex:1;background:linear-gradient(180deg,#44aba8,#0f8b8d);border-radius:10px 10px 3px 3px;position:relative;min-width:24px}.bar span{position:absolute;bottom:calc(100% + 5px);inset-inline:0;text-align:center;font-size:10px}.bar label{position:absolute;top:calc(100% + 5px);inset-inline:0;text-align:center;color:var(--muted);font-size:9px}.toast{position:fixed;inset-inline-end:24px;bottom:24px;background:var(--navy);color:#fff;padding:13px 16px;border-radius:13px;box-shadow:0 16px 35px rgba(0,0,0,.2);z-index:100;transform:translateY(120px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}.backdrop{display:none}.mobile-nav{display:none}.mobile-only{display:none}.desktop-only{display:block}.print-only{display:none}
@media(max-width:1180px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.context-select:nth-of-type(3){display:none}.quick-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.license-modules{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){:root{--sidebar:0px}.sidebar{transform:translateX(110%);width:286px;transition:.25s}.sidebar.open{transform:none}.main{margin-inline-start:0}.menu-btn{display:grid}.backdrop{display:block;position:fixed;inset:0;background:rgba(6,23,31,.42);backdrop-filter:blur(2px);z-index:45;opacity:0;pointer-events:none;transition:.25s}.backdrop.show{opacity:1;pointer-events:auto}.context-select{display:none}.topbar{padding:0 14px}.user-menu .user-text{display:none}.page{padding:20px 16px 90px}.form-shell{grid-template-columns:1fr}.stepper{position:static;display:flex;overflow:auto;gap:8px;padding:10px}.step{min-width:150px}.mobile-nav{display:flex;position:fixed;bottom:0;inset-inline:0;height:68px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:35;justify-content:space-around;padding:7px 6px}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px;color:var(--muted);min-width:56px}.mobile-nav a.active{color:var(--teal)}.mobile-nav .icon{width:19px}.mobile-only{display:block}.kanban{grid-template-columns:repeat(4,280px)}.route-map{overflow:auto}.route-stops{min-width:720px}.route-line{min-width:630px}}
@media(max-width:700px){body{font-size:13px}.page-head{flex-direction:column}.page-actions{width:100%}.page-actions .btn{flex:1}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.quick-flow{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.field,.field.span-6,.field.span-8{grid-column:1/-1}.card,.form-section{border-radius:15px;padding:14px}.topbar{height:66px}.sync-chip span{display:none}.page-title h1{font-size:21px}.data-table{min-width:0}.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table tr{border-bottom:1px solid var(--border);padding:10px}.responsive-table td{border:0;padding:6px 0;display:flex;justify-content:space-between;gap:12px}.responsive-table td:before{content:attr(data-label);font-weight:700;color:var(--muted)}.responsive-table td[data-label=""]:before{display:none}.wizard-footer{bottom:76px}.identity-card{align-items:flex-start}.license-modules{grid-template-columns:1fr}.route-stop{width:88px}.table-wrap{border:0}.topbar .icon-btn:nth-last-of-type(1){display:none}.user-menu{padding-inline-start:0;border:0}.quick-flow .flow-card{padding:13px}.flow-card p{display:none}.metric .value{font-size:24px}}
@media(max-width:420px){.quick-flow{grid-template-columns:1fr}.step{min-width:130px}.page{padding-inline:12px}.btn{padding:8px 11px}.card-head{align-items:flex-start}.option-row{flex-direction:column}.choice{width:100%}.topbar{gap:8px}.brand strong{font-size:14px}}
@media print{.sidebar,.topbar,.mobile-nav,.page-actions,.no-print,.wizard-footer{display:none!important}.main{margin:0}.page{padding:0}.card,.form-section{box-shadow:none;border-color:#bbb}.print-only{display:block}.page-head{margin-bottom:12px}body{background:#fff}}


/* ===== V2 FINAL PRESENTATION SYSTEM ===== */
:root{
  --brand-copper:#c78d4f;--brand-copper-2:#e7bd82;--brand-ink:#082a3a;
  --purple:#6657d9;--purple-soft:#f0edff;--cyan:#1ba8b3;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:
 radial-gradient(circle at 10% 10%,rgba(15,139,141,.06),transparent 30%),
 radial-gradient(circle at 90% 20%,rgba(217,167,101,.09),transparent 26%)}
.brand-mark{position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;width:30px;height:90px;background:rgba(255,255,255,.32);transform:rotate(34deg);left:-26px;top:-20px;animation:brandShine 5s infinite}@keyframes brandShine{0%,70%{left:-35px}100%{left:70px}}
.nav-link .new-pill{margin-inline-start:auto;background:linear-gradient(135deg,#ffe5a8,#f4b95f);color:#604111;border-radius:999px;padding:2px 6px;font-size:8px;font-weight:900}
.page-head{position:relative}.page-head:after{content:"";position:absolute;inset-inline-start:0;bottom:-11px;width:78px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--sand))}
.command-hero{position:relative;overflow:hidden;border-radius:26px;padding:26px;color:#fff;background:linear-gradient(125deg,#092d3f 0%,#0d4558 54%,#0a6f72 100%);box-shadow:0 28px 70px rgba(5,42,58,.22)}
.command-hero:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.12);border-radius:50%;inset-inline-end:-90px;top:-145px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}
.command-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;position:relative;z-index:2}.command-hero h2{font-size:28px;margin:0 0 8px}.command-hero p{max-width:720px;color:#d5e8ed;margin:0}.hero-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.hero-kpi{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(8px);padding:12px;border-radius:14px}.hero-kpi strong{font-size:22px;display:block}.regional-map{min-height:210px;position:relative;border-radius:20px;background:linear-gradient(140deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.15);overflow:hidden}.regional-map svg{width:100%;height:100%;min-height:210px}.map-label{font-size:10px;fill:#fff}.map-route{stroke:#edc88d;stroke-width:3;stroke-dasharray:8 7;animation:routeFlow 1.6s linear infinite}@keyframes routeFlow{to{stroke-dashoffset:-30}}
.action-dock{position:fixed;inset-inline-end:22px;bottom:22px;z-index:44;display:flex;flex-direction:column;gap:9px}.action-dock .dock-btn{width:52px;height:52px;border-radius:18px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(145deg,#0e4658,#0f8b8d);color:#fff;display:grid;place-items:center;box-shadow:0 15px 35px rgba(7,53,68,.3);cursor:pointer}.action-dock small{position:absolute;inset-inline-end:62px;background:#0b2f3d;color:#fff;border-radius:9px;padding:6px 9px;white-space:nowrap;opacity:0;pointer-events:none;transition:.2s}.dock-wrap{position:relative}.dock-wrap:hover small{opacity:1}
.ai-badge{position:relative;overflow:hidden}.ai-badge:after{content:"";position:absolute;inset:-20px;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.7) 50%,transparent 60%);transform:translateX(-120%);animation:aiShine 3.2s infinite}@keyframes aiShine{50%,100%{transform:translateX(120%)}}
.exception-card{border-inline-start:4px solid var(--warn)}.exception-card.critical{border-inline-start-color:var(--danger)}.exception-card.resolved{border-inline-start-color:var(--ok)}
.dual-photo{display:grid;grid-template-columns:1fr 1fr;gap:10px}.photo-placeholder{min-height:140px;border:1px dashed #b6c9d0;border-radius:14px;background:linear-gradient(135deg,#edf3f5,#fff);display:grid;place-items:center;color:var(--muted);text-align:center;padding:14px}
.ledger-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ledger-side{border:1px solid var(--border);border-radius:15px;padding:13px}.ledger-side.debit{background:#fff7f2}.ledger-side.credit{background:#effaf6}.ledger-line{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--border)}
.customer-score{display:flex;align-items:center;gap:18px}.score-ring{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--teal) 0 86%,#e7edef 86%);position:relative}.score-ring:before{content:"";position:absolute;width:72px;height:72px;border-radius:50%;background:#fff}.score-ring strong{position:relative;font-size:22px}.customer-tags{display:flex;flex-wrap:wrap;gap:7px}
.requirement-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.req-score{border:1px solid var(--border);border-radius:15px;padding:14px;background:#fff}.req-score strong{font-size:24px}.matrix-row-pass{background:#f1fbf7}.matrix-row-open{background:#fff9ed}
.lang-badge{display:inline-flex;align-items:center;gap:6px;background:#eef4f6;border:1px solid var(--border);padding:6px 9px;border-radius:10px;font-size:11px}.offline-banner{display:none;position:sticky;top:76px;z-index:29;background:#fff4dc;border-bottom:1px solid #edd09b;color:#805817;padding:8px 18px;text-align:center}.offline .offline-banner{display:block}.offline .sync-chip{background:#fff4dc;color:#8a5f16;border-color:#ebcc91}
.modal-backdrop{position:fixed;inset:0;background:rgba(5,24,34,.55);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:120;padding:18px}.modal-backdrop.open{display:flex}.modal-box{background:#fff;width:min(720px,100%);max-height:88vh;overflow:auto;border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.28);padding:20px}.modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:16px}
[dir="ltr"] .sidebar{box-shadow:-18px 0 60px rgba(6,27,38,.18)}[dir="ltr"] .nav-link.active{box-shadow:inset -3px 0 0 var(--sand)}
@media(max-width:980px){.command-grid{grid-template-columns:1fr}.regional-map{min-height:190px}.action-dock{bottom:82px}.offline-banner{top:66px}}
@media(max-width:700px){.command-hero{padding:18px;border-radius:20px}.command-hero h2{font-size:22px}.hero-kpis{grid-template-columns:1fr 1fr}.regional-map{min-height:165px}.requirement-progress{grid-template-columns:1fr 1fr}.ledger-grid,.dual-photo{grid-template-columns:1fr}.action-dock{inset-inline-end:12px}.action-dock .dock-btn{width:46px;height:46px;border-radius:15px}.customer-score{align-items:flex-start}.modal-box{border-radius:18px;padding:14px}}
@media(max-width:420px){.hero-kpis,.requirement-progress{grid-template-columns:1fr}.command-hero p{font-size:12px}.regional-map{display:none}}
@media(max-width:980px){#langSelect{display:block!important;min-width:76px;max-width:92px;padding:8px 6px;font-size:11px}.topbar{gap:8px}.sync-chip{margin-inline-start:auto}}
@media(max-width:420px){#langSelect{min-width:66px;max-width:70px;font-size:10px}.sync-chip{padding:8px}}
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:980px){[dir="rtl"] .sidebar{transform:translateX(110%)}[dir="rtl"] .sidebar.open{transform:translateX(0)}[dir="ltr"] .sidebar{transform:translateX(-110%)}[dir="ltr"] .sidebar.open{transform:translateX(0)}}


/* ===== V3 PREMIUM TRILINGUAL PRESENTATION EDITION ===== */
:root{
 --navy-950:#061d29;--navy-900:#082b3b;--navy-800:#0b3d50;--ocean:#0a7378;
 --teal-v3:#10a4a6;--teal-light:#63d5d2;--gold-v3:#d6a35f;--gold-light:#f0d4a4;
 --paper:#f7fafb;--surface:#ffffff;--ink-v3:#102f3d;--muted-v3:#637c87;
 --shadow-v3:0 16px 50px rgba(5,38,52,.10);--shadow-hover:0 24px 70px rgba(5,38,52,.16);
}
html{scroll-behavior:smooth}body.v3-premium{background:
 radial-gradient(circle at 4% 3%,rgba(16,164,166,.10),transparent 25%),
 radial-gradient(circle at 96% 6%,rgba(214,163,95,.12),transparent 24%),
 linear-gradient(180deg,#f8fbfc 0%,#f3f7f8 100%);color:var(--ink-v3)}
body.v3-premium:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.23;background-image:
 linear-gradient(30deg,rgba(8,43,59,.035) 12%,transparent 12.5%,transparent 87%,rgba(8,43,59,.035) 87.5%),
 linear-gradient(150deg,rgba(8,43,59,.035) 12%,transparent 12.5%,transparent 87%,rgba(8,43,59,.035) 87.5%);background-size:36px 64px}
.sidebar{background:
 radial-gradient(circle at 90% 0%,rgba(16,164,166,.28),transparent 28%),
 linear-gradient(180deg,var(--navy-900),var(--navy-950));border-inline-end:1px solid rgba(255,255,255,.06)}
.sidebar:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(circle,rgba(255,255,255,.45) 1px,transparent 1.4px);background-size:22px 22px;mask-image:linear-gradient(to bottom,#000,transparent 70%)}
.brand{padding:19px 18px}.brand-mark{width:46px;height:46px;border-radius:15px;background-image:url('logo.svg');background-size:cover;background-position:center;color:transparent!important;box-shadow:0 12px 28px rgba(0,0,0,.22)}
.brand strong{font-size:15px;letter-spacing:.1px}.brand small{color:#a8c3cc;font-size:8.5px;letter-spacing:.8px}
.nav-label{color:#81a5af;font-size:9px;letter-spacing:.8px;margin-top:18px}.nav-link{border:1px solid transparent;border-radius:13px;margin:3px 9px;padding:10px 11px;color:#bdd0d6;transition:.25s}.nav-link:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(-2px)}[dir="ltr"] .nav-link:hover{transform:translateX(2px)}
.nav-link.active{background:linear-gradient(105deg,rgba(16,164,166,.24),rgba(214,163,95,.12));border-color:rgba(134,223,221,.18);color:#fff;box-shadow:inset 3px 0 0 var(--gold-v3),0 10px 28px rgba(0,0,0,.12)}[dir="ltr"] .nav-link.active{box-shadow:inset -3px 0 0 var(--gold-v3),0 10px 28px rgba(0,0,0,.12)}
.sidebar-foot{background:linear-gradient(180deg,transparent,rgba(0,0,0,.18));padding:13px}.tenant-mini{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);border-radius:14px;padding:10px}.tenant-mini .dot{box-shadow:0 0 0 5px rgba(35,214,168,.1)}
.topbar{background:rgba(255,255,255,.82);backdrop-filter:blur(20px) saturate(150%);border-bottom:1px solid rgba(20,71,88,.09);box-shadow:0 8px 30px rgba(7,47,63,.05)}
.context-select{background:#fff;border:1px solid #dce8eb;border-radius:11px;box-shadow:0 3px 12px rgba(9,54,70,.04);transition:.2s}.context-select:hover,.context-select:focus{border-color:rgba(16,164,166,.65);box-shadow:0 0 0 3px rgba(16,164,166,.10)}
.sync-chip{border-radius:999px;background:#effaf8;border-color:#cdebe6;color:#08706f;font-weight:750}.avatar{background:linear-gradient(135deg,var(--teal-v3),var(--gold-v3));box-shadow:0 8px 20px rgba(10,115,120,.22)}
.page{max-width:1540px;margin:0 auto;padding-top:26px}.page-head{min-height:112px;padding:20px 22px;border:1px solid rgba(17,91,108,.10);border-radius:22px;background:
 linear-gradient(115deg,rgba(255,255,255,.96),rgba(242,250,249,.92)),
 radial-gradient(circle at 90% 10%,rgba(214,163,95,.15),transparent 28%);box-shadow:var(--shadow-v3);overflow:hidden;isolation:isolate;margin-bottom:24px}
.page-head:before{content:"";position:absolute;inset-inline-end:-28px;top:-84px;width:260px;height:260px;border-radius:50%;border:1px solid rgba(16,164,166,.14);box-shadow:0 0 0 35px rgba(16,164,166,.035),0 0 0 72px rgba(214,163,95,.025);z-index:-1}
.page-head:after{width:92px;height:4px;bottom:0;inset-inline-start:22px;background:linear-gradient(90deg,var(--teal-v3),var(--gold-v3));box-shadow:0 0 18px rgba(16,164,166,.35)}
.page-title h1{font-size:27px;letter-spacing:-.5px;color:var(--navy-900)}.page-title p{font-size:13px;color:var(--muted-v3);max-width:800px}.page-actions{position:relative;z-index:2}
.card,.form-section,.metric,.flow-card,.package-card,.scenario-card,.req-score{background:linear-gradient(180deg,#fff,rgba(255,255,255,.97));border:1px solid rgba(31,91,107,.10);box-shadow:0 10px 32px rgba(6,44,59,.065);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.card:hover,.flow-card:hover,.scenario-card:hover,.req-score:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:rgba(16,164,166,.22)}
.form-section{position:relative;overflow:hidden;border-radius:20px}.form-section:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:linear-gradient(180deg,var(--teal-v3),var(--gold-v3));opacity:.85}.section-title{padding-bottom:12px;border-bottom:1px solid rgba(22,85,102,.09)}.section-title h2{font-size:17px;color:var(--navy-900);display:flex;align-items:center;gap:9px}.section-title h2:before{content:"";width:9px;height:9px;border-radius:3px;background:linear-gradient(135deg,var(--teal-v3),var(--gold-v3));box-shadow:0 0 0 4px rgba(16,164,166,.08)}
.btn{border-radius:12px;font-weight:760;letter-spacing:-.1px;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#0d8e91,#0a6871);border-color:transparent;box-shadow:0 10px 24px rgba(10,115,120,.22)}.btn-primary:hover{box-shadow:0 15px 32px rgba(10,115,120,.3)}.btn-secondary{background:#fff;border-color:#d8e7ea;color:#244d5c}.ai-action{background:linear-gradient(135deg,#6c5ce7,#4f46c8);border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(92,76,210,.18)}
.ai-badge{background:linear-gradient(135deg,#f1edff,#fff6e6);color:#5544c8;border:1px solid #ddd4ff;border-radius:999px;padding:6px 10px;font-weight:850;box-shadow:0 6px 16px rgba(97,76,205,.10)}
.control{background:#fbfdfe;border:1px solid #d9e6e9;border-radius:12px;min-height:43px;transition:.2s}.control:hover{border-color:#b9d3d8}.control:focus{background:#fff;border-color:var(--teal-v3);box-shadow:0 0 0 4px rgba(16,164,166,.11)}.field label{font-weight:720;color:#315663;margin-bottom:7px}
.data-table thead th{background:linear-gradient(180deg,#f0f7f8,#eaf3f5);color:#315967;border-bottom:1px solid #d5e6e9;font-size:10px;letter-spacing:.15px}.data-table tbody tr{transition:.18s}.data-table tbody tr:hover{background:#f5fbfb}.table-wrap{border-radius:16px;box-shadow:0 8px 24px rgba(7,45,58,.05)}
.status,.tag{border-radius:999px;font-weight:770;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}.alert{border-radius:15px;border-width:1px;box-shadow:0 8px 22px rgba(8,52,66,.045)}
.stepper{background:linear-gradient(180deg,#fff,#f5f9fa);border:1px solid rgba(24,83,100,.10);box-shadow:0 12px 36px rgba(6,43,58,.07);border-radius:20px}.step{border-radius:13px}.step.active{background:linear-gradient(105deg,#eaf9f7,#fff7e9);box-shadow:inset 0 0 0 1px rgba(16,164,166,.13)}.step-index{background:#e7f1f3;color:#4e6f79}.step.active .step-index{background:linear-gradient(135deg,var(--teal-v3),var(--gold-v3));color:#fff;box-shadow:0 8px 18px rgba(10,115,120,.2)}
.wizard-footer{background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border:1px solid rgba(22,83,99,.1);border-radius:16px;padding:10px 12px;box-shadow:0 12px 35px rgba(5,39,53,.09)}
.command-hero{background:
 radial-gradient(circle at 82% 16%,rgba(214,163,95,.28),transparent 26%),
 linear-gradient(130deg,#061f2d 0%,#0a4052 54%,#08787a 100%);border:1px solid rgba(255,255,255,.11);box-shadow:0 30px 80px rgba(5,39,53,.25)}
.command-hero:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(30deg,rgba(255,255,255,.18) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.18) 87.5%);background-size:48px 84px}.command-grid{position:relative;z-index:2}.hero-kpi{border-radius:16px;background:rgba(255,255,255,.095);box-shadow:inset 0 1px rgba(255,255,255,.12)}
.regional-map{box-shadow:inset 0 0 50px rgba(0,0,0,.1)}
.quick-flow .flow-card{position:relative;overflow:hidden}.quick-flow .flow-card:after{content:"";position:absolute;inset-inline-end:-20px;bottom:-24px;width:80px;height:80px;border-radius:50%;background:rgba(16,164,166,.06)}
.metric{position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,rgba(16,164,166,.10),rgba(214,163,95,.10));inset-inline-end:-15px;top:-15px;transform:rotate(18deg)}
.upload-box{background:linear-gradient(135deg,#f5fafb,#fff);border-color:#bed7dc;border-radius:16px}.upload-box:hover{border-color:var(--teal-v3);background:#f2fbfa}.identity-card{border-radius:16px;background:linear-gradient(120deg,#f7fbfc,#fff)}
.action-dock .dock-btn{background:linear-gradient(145deg,#0b4d60,#0ca0a0);border-color:rgba(255,255,255,.3);box-shadow:0 16px 38px rgba(5,55,70,.32)}
.mobile-nav{background:rgba(255,255,255,.92);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 -10px 30px rgba(6,42,56,.08)}.mobile-nav a.active{color:var(--teal-v3)}
.modal-box{border:1px solid rgba(20,89,105,.12);box-shadow:0 32px 110px rgba(0,0,0,.32)}
[dir="ltr"] body{font-family:Inter,Segoe UI,Arial,sans-serif;letter-spacing:0}.lang-en .page-title h1,.lang-en h1,.lang-en h2{letter-spacing:-.3px}.lang-en .data-table th{letter-spacing:.2px}
body:not(.ui-ready) .page{opacity:0;transform:translateY(8px)}body.ui-ready .page{opacity:1;transform:none;transition:opacity .35s ease,transform .35s ease}
@media(max-width:980px){.page{padding-top:18px}.page-head{min-height:auto;padding:17px}.sidebar{box-shadow:0 0 70px rgba(0,0,0,.3)}.context-select{box-shadow:none}.page-title h1{font-size:23px}}
@media(max-width:700px){.page-head{border-radius:18px;padding:15px}.page-title h1{font-size:21px}.card,.form-section{border-radius:17px}.form-section:before{width:3px}.btn{min-height:42px}.control{min-height:46px;font-size:14px}.mobile-nav{height:72px}.page{padding-bottom:96px}.hero-kpi strong{font-size:20px}}
@media(max-width:420px){.page-head{padding:14px}.page-actions{display:grid;grid-template-columns:1fr}.page-actions .btn{width:100%}.section-title{gap:9px}.section-title h2{font-size:15px}.ai-badge{font-size:9px;padding:5px 8px}}
@media print{body.v3-premium{background:#fff}.page-head{box-shadow:none;border:1px solid #ccd}.card,.form-section{box-shadow:none}}