:root{--bg:#0f1419;--panel:#1a222c;--line:#2c3846;--text:#e8eef4;--muted:#9aabbb;--accent:#c9a227;--danger:#d46565}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-page,.login-shell,.page{min-height:100vh;padding:32px}.login-shell{display:grid;place-items:center}.app-shell{min-height:100vh;padding:16px 24px 32px}.app-header{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line)}.brand strong{display:block}.app-nav{gap:14px}.app-nav,.filters{display:flex;flex-wrap:wrap}.filters{gap:12px;margin-bottom:16px;align-items:end}.filters label{margin:0;min-width:160px}.app-nav a{color:var(--muted);font-weight:600}.app-nav a.active{color:var(--text)}.session-box{flex-wrap:wrap;gap:10px;color:var(--muted);font-size:13px}.entity-switch,.session-box{display:flex;align-items:center}.entity-switch{gap:6px;margin:0}.entity-switch select,select{display:block;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text)}.current-entity-line{margin:12px 0 20px;color:var(--muted);font-size:13px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px;max-width:960px}.app-main .panel+.panel{margin-top:16px}.panel h2{margin:0 0 12px;font-size:1rem}.login-shell .panel{width:360px}.page-head,.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.page-head h1,h1,h2{margin:0 0 12px}.eyebrow{margin:0 0 4px;color:var(--accent);font-size:12px;letter-spacing:.08em;text-transform:uppercase}label{display:block;margin-bottom:12px;color:var(--muted);font-size:13px}input,select,textarea{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);font:inherit}textarea{min-height:90px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 16px}.form-grid label.wide{grid-column:1/-1}.actions{display:flex;gap:10px;align-items:center;margin-top:8px}button{border:0;border-radius:6px;padding:10px 14px;background:var(--accent);color:#111;font-weight:600;cursor:pointer}button.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}button:disabled{opacity:.6}.error{color:var(--danger)}.banner{margin:12px 0 0}.empty{color:var(--muted);padding:24px 0}.data-table{width:100%;border-collapse:collapse}.data-table td,.data-table th{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;font-size:14px}.data-table th{color:var(--muted);font-size:12px;text-transform:uppercase}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.home-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px;color:var(--text)}.home-card span{display:block;color:var(--muted);font-size:13px;margin-top:6px}.dl{display:grid;grid-template-columns:180px 1fr;gap:8px 12px}.dl dt{color:var(--muted)}.entity-grid{display:grid;gap:10px}.entity{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:var(--bg);color:var(--text);border:1px solid var(--line);text-align:left}.entity.selected{border-color:var(--accent)}.entity span{color:var(--muted);font-size:12px}.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.dash-block{max-width:none}.dash-block h2{font-size:16px}.dash-list{margin:0;padding-left:18px}.dash-list li{margin-bottom:8px}.dash-currency{margin-bottom:10px}.dash-currency p{margin:4px 0}.muted{color:var(--muted);font-size:13px}.amount-neg{color:var(--danger)}.badge{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.04em}.badge-danger{background:#5a2222;color:#ffd0d0}.badge-warn{background:#5a4020;color:#ffe3b0}.badge-critical{background:#5a2222;color:#ffd0d0}.row-overdue{background:#2a1616}.app-shell.demo{font-size:16px}.app-shell.demo h1{font-size:28px;line-height:1.2}.app-shell.demo .app-main .panel{max-width:none}.app-shell.demo .data-table td,.app-shell.demo .data-table th{font-size:15px;padding:12px 10px}.app-shell.demo .app-nav{gap:16px 22px;font-size:14px;align-items:flex-start}.nav-group{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;max-width:280px}.nav-group-label{flex:1 0 100%;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#8b93a7)}.callout{margin:0 0 16px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);max-width:none}.callout.warn{border-color:#c9a227;background:#2a2416}.pipeline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:20px}.pipeline-step{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px;min-height:150px}.pipeline-step h2{font-size:15px;margin:8px 0}.pipeline-n{display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;border-radius:50%;background:var(--accent);color:#111;font-weight:700}.sage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:16px}.sage-mid{border-color:var(--accent)}[data-theme=sinastone]{--bg:#f4f6f8;--panel:#ffffff;--line:#d5dde6;--text:#1a2430;--muted:#5b6b7c;--accent:#1e4d8c;--gold:#c9a227;--danger:#b42318;--ok:#157347;--shadow:0 8px 24px rgba(16,36,64,0.08);font-family:Segoe UI,Calibri,Arial,sans-serif}[data-theme=sinastone] .app-page,[data-theme=sinastone] .login-shell,[data-theme=sinastone] body{background:radial-gradient(circle at top right,rgba(201,162,39,.12),transparent 28%),linear-gradient(180deg,#f7f9fb,#eef2f6);color:var(--text)}[data-theme=sinastone] a{color:var(--accent)}[data-theme=sinastone] .eyebrow{color:var(--gold);font-weight:700}[data-theme=sinastone] .callout,[data-theme=sinastone] .home-card,[data-theme=sinastone] .panel,[data-theme=sinastone] .pipeline-step{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px}[data-theme=sinastone] .callout.warn{background:#fff8e8;border-color:#e6cf7a;color:var(--text)}[data-theme=sinastone] .sim-banner{margin:0 0 16px;padding:10px 14px;border-radius:8px;background:#1e4d8c;color:#fff;font-weight:700;letter-spacing:.04em;font-size:13px}[data-theme=sinastone] button{background:var(--accent);color:#fff;min-height:44px;border-radius:8px}[data-theme=sinastone] button.ghost{background:#fff;color:var(--accent);border:1px solid var(--accent)}[data-theme=sinastone] button.gold{background:var(--gold);color:#1a2430}[data-theme=sinastone] input,[data-theme=sinastone] select,[data-theme=sinastone] textarea{background:#fff;color:var(--text);border-color:var(--line);min-height:44px}[data-theme=sinastone] .app-header{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;box-shadow:var(--shadow);position:sticky;top:8px;z-index:20}[data-theme=sinastone] .brand strong{color:var(--accent)}[data-theme=sinastone] .app-nav a.active{color:var(--accent);border-bottom:2px solid var(--gold)}[data-theme=sinastone] .kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}[data-theme=sinastone] .kpi-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}@media (max-width:1100px){[data-theme=sinastone] .kpi-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){[data-theme=sinastone] .kpi-grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}}[data-theme=sinastone] a.kpi{color:inherit;text-decoration:none;display:block}[data-theme=sinastone] .meter{height:8px;margin-top:8px;background:#efeae3;border-radius:99px;overflow:hidden}[data-theme=sinastone] .meter>span{display:block;height:100%;background:var(--accent,#1f4b3a)}[data-theme=sinastone] .kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:var(--shadow);min-width:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-theme=sinastone] .kpi-label{display:block;color:var(--accent);font-size:13px;font-weight:700;line-height:1.3}[data-theme=sinastone] .kpi-sub{display:block;margin-top:6px;color:var(--muted);font-size:13px}[data-theme=sinastone] .kpi-amount{position:relative;display:inline-block;cursor:help}[data-theme=sinastone] .kpi-amount:focus{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}[data-theme=sinastone] .kpi-amount:focus:after,[data-theme=sinastone] .kpi-amount:hover:after{content:attr(data-exact);position:absolute;left:0;top:calc(100% + 6px);z-index:3;padding:5px 8px;background:#1e4d8c;color:#fff;font-size:12px;font-weight:600;line-height:1.2;border-radius:6px;white-space:nowrap;box-shadow:var(--shadow)}[data-theme=sinastone] .dash-grid-demo{grid-template-columns:1fr 1fr}[data-theme=sinastone] .dash-block h2{color:var(--accent)}[data-theme=sinastone] .kpi strong{display:block;font-size:26px;color:var(--accent)}[data-theme=sinastone] .badge{background:#e8eef7;color:var(--accent)}[data-theme=sinastone] .badge-ok{background:#e6f4ea;color:var(--ok)}[data-theme=sinastone] .dash-list{list-style:none;padding:0}[data-theme=sinastone] .dash-list li{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:10px}[data-theme=sinastone] .activity-list li{display:flex;flex-direction:column;align-items:flex-start;gap:6px}[data-theme=sinastone] .activity-list .badge{margin-left:0;margin-right:6px}[data-theme=sinastone] .dash-list a{color:var(--accent);font-weight:600}[data-theme=sinastone] .dash-list .muted{color:var(--muted);margin-top:4px}[data-theme=sinastone] .dash-list li.row-overdue{background:#f3f7fb;border-color:#c5d0de}[data-theme=sinastone] .data-table tr.row-overdue,[data-theme=sinastone] tr.row-overdue{background:#f3f7fb!important;color:#1e4d8c}[data-theme=sinastone] tr.row-overdue td{color:#1e4d8c}[data-theme=sinastone] tr.row-overdue a{color:#1e4d8c;font-weight:600}[data-theme=sinastone] tr.row-overdue:hover{background:#e8eef7!important}[data-theme=sinastone] tr.row-overdue:focus-within{outline:2px solid #1e4d8c;outline-offset:-2px}[data-theme=sinastone] .badge-danger{background:#fde8e6;color:#b42318}[data-theme=sinastone] .badge-critical{background:#fde8e6;color:#8b1a12}[data-theme=sinastone] .badge-warn{background:#fff4d6;color:#8a6d12}[data-theme=sinastone] .nav-toggle{display:none}[data-theme=sinastone] .dl{grid-template-columns:minmax(120px,200px) 1fr}[data-theme=sinastone],[data-theme=sinastone] .app-main,[data-theme=sinastone] .app-shell,[data-theme=sinastone] body{max-width:100%;overflow-x:hidden}[data-theme=sinastone] .table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}[data-theme=sinastone] .dash-block,[data-theme=sinastone] .dash-grid,[data-theme=sinastone] .kpi-grid{min-width:0}[data-theme=sinastone] .data-table td,[data-theme=sinastone] .data-table th{word-break:break-word}@media (max-width:900px){[data-theme=sinastone] .nav-toggle{display:inline-flex;align-items:center}[data-theme=sinastone] .app-nav{display:none;width:100%;flex-direction:column;gap:4px}[data-theme=sinastone] .app-nav.open{display:flex}[data-theme=sinastone] .nav-group{max-width:none}[data-theme=sinastone] .actions a,[data-theme=sinastone] .actions button,[data-theme=sinastone] .app-nav a,[data-theme=sinastone] .nav-toggle,[data-theme=sinastone] .session-box button{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;box-sizing:border-box}[data-theme=sinastone] .app-nav a{border-radius:8px;background:#f4f6f8;width:100%;justify-content:flex-start}[data-theme=sinastone] .session-box{width:100%}}@media (max-width:768px){[data-theme=sinastone] .app-page,[data-theme=sinastone] .app-shell,[data-theme=sinastone] .login-shell{padding:12px}[data-theme=sinastone] .login-shell .panel{width:100%}[data-theme=sinastone] .page-head{flex-direction:column}[data-theme=sinastone] .dl{grid-template-columns:1fr}[data-theme=sinastone] .data-table thead{display:none}[data-theme=sinastone] .data-table,[data-theme=sinastone] .data-table tbody,[data-theme=sinastone] .data-table td,[data-theme=sinastone] .data-table tr{display:block;width:100%}[data-theme=sinastone] .data-table tr{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:8px 12px;box-shadow:var(--shadow)}[data-theme=sinastone] .data-table td{border:0;padding:6px 0}[data-theme=sinastone] .dash-grid,[data-theme=sinastone] .pipeline-grid{grid-template-columns:1fr}[data-theme=sinastone] .col-optional{display:none}}@media (max-width:700px){[data-theme=sinastone] .dash-grid-demo{grid-template-columns:1fr}[data-theme=sinastone] .kpi{padding:12px}[data-theme=sinastone] .kpi strong{font-size:20px}}@media (max-width:560px){[data-theme=sinastone] .kpi-grid{grid-template-columns:1fr}}[data-theme=sinastone] .view-toggle{display:inline-flex;align-items:center;gap:8px;background:#1e4d8c;color:#fff;border:0;min-height:44px;font-weight:700;white-space:nowrap}[data-theme=sinastone] .phone-icon{width:16px;height:16px;flex:0 0 auto}[data-theme=sinastone] .panel h3{margin:16px 0 8px;font-size:15px}[data-theme=sinastone] .arch-target{border-color:#1e4d8c}[data-theme=sinastone] .arch-layout{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:20px;align-items:start;margin:8px 0 16px}[data-theme=sinastone] .arch-flow{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}[data-theme=sinastone] .arch-flow li{background:#1e4d8c;color:#fff;text-align:center;padding:14px 12px;border-radius:10px;font-weight:700;position:relative}[data-theme=sinastone] .arch-flow li+li{margin-top:28px}[data-theme=sinastone] .arch-flow li+li:before{content:"";position:absolute;top:-22px;left:50%;width:2px;height:16px;background:#c9a227}[data-theme=sinastone] .arch-split{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;background:#12325f}[data-theme=sinastone] .arch-x3{background:#c9a227;color:#1a2430;border-radius:8px;padding:6px 10px}[data-theme=sinastone] .arch-satellites{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none}[data-theme=sinastone] .arch-satellites li{border:1px dashed #1e4d8c;border-radius:10px;padding:12px;background:#f7f9fb;color:#1a2430}[data-theme=sinastone] .arch-now{background:#f7f9fb;box-shadow:none}[data-theme=sinastone] .arch-now .eyebrow,[data-theme=sinastone] .arch-now h2{color:var(--muted)}[data-theme=sinastone] .desktop-frame,[data-theme=sinastone] .desktop-screen,[data-theme=sinastone] .desktop-stage{display:contents}[data-theme=sinastone] .mobile-stage{display:flex;justify-content:center;padding:20px 12px 32px}[data-theme=sinastone] .phone{width:414px;max-width:100%;height:min(844px,calc(100vh - 150px));display:flex;overflow:hidden;background:#1a2430;border-radius:28px;padding:12px;box-shadow:0 24px 60px rgba(16,36,64,.28)}[data-theme=sinastone] .phone-screen{width:390px;max-width:100%;margin:0 auto;flex:1 1 auto;min-height:0;overflow:auto;overflow-x:hidden;background:#f4f6f8;border-radius:18px;padding:12px}[data-theme=sinastone] .phone-kicker{margin:0 0 4px;font-weight:700;color:#1e4d8c}[data-theme=sinastone] .phone-note{margin:0 0 12px;color:var(--muted);font-size:13px}[data-theme=sinastone] .phone-screen .nav-toggle{display:inline-flex;align-items:center;min-height:44px;margin-bottom:8px}[data-theme=sinastone] .phone-screen .app-nav{display:none;width:100%;flex-direction:column;gap:4px;margin-bottom:8px}[data-theme=sinastone] .phone-screen .app-nav.open{display:flex}[data-theme=sinastone] .phone-screen .nav-group{max-width:none}[data-theme=sinastone] .phone-screen .app-nav a{min-height:44px;display:flex;align-items:center;padding:10px 12px;border-radius:8px;background:#fff;width:100%}[data-theme=sinastone] .phone-screen .actions,[data-theme=sinastone] .phone-screen .page-head{flex-direction:column;align-items:stretch}[data-theme=sinastone] .phone-screen .actions a,[data-theme=sinastone] .phone-screen .actions button,[data-theme=sinastone] .phone-screen button{min-height:44px}[data-theme=sinastone] .phone-screen .arch-layout,[data-theme=sinastone] .phone-screen .arch-satellites,[data-theme=sinastone] .phone-screen .dash-grid,[data-theme=sinastone] .phone-screen .dl,[data-theme=sinastone] .phone-screen .form-grid,[data-theme=sinastone] .phone-screen .kpi-grid,[data-theme=sinastone] .phone-screen .kpi-grid-6,[data-theme=sinastone] .phone-screen .pipeline-grid,[data-theme=sinastone] .phone-screen .sage-grid{grid-template-columns:1fr}[data-theme=sinastone] .phone-screen .data-table thead{display:none}[data-theme=sinastone] .phone-screen .data-table,[data-theme=sinastone] .phone-screen .data-table tbody,[data-theme=sinastone] .phone-screen .data-table td,[data-theme=sinastone] .phone-screen .data-table tr{display:block;width:100%}[data-theme=sinastone] .phone-screen .data-table tr{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:8px 12px}[data-theme=sinastone] .phone-screen .data-table td{border:0;padding:6px 0;white-space:normal}[data-theme=sinastone] .phone-screen .data-table td[data-label]:before{content:attr(data-label);display:block;margin-bottom:2px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}[data-theme=sinastone] .phone-screen .app-main,[data-theme=sinastone] .phone-screen .panel,[data-theme=sinastone] .phone-screen .table-wrap{max-width:100%;overflow-x:hidden}[data-theme=sinastone] .phone-screen h1{font-size:22px}[data-theme=sinastone] .page-head.page-head-row{flex-direction:row;flex-wrap:wrap;align-items:center;width:100%;max-width:100%;min-width:0}[data-theme=sinastone] a.demo-action{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:#1e4d8c;color:#fff;min-height:44px;padding:0 16px;border-radius:8px;font-weight:700;white-space:nowrap;text-decoration:none}[data-theme=sinastone] a.demo-action:hover{text-decoration:none}[data-theme=sinastone] .phone-screen .page-head.page-head-row{flex-direction:row;flex-wrap:wrap;align-items:center}[data-theme=sinastone] .phone-screen a.demo-action{width:auto;max-width:100%}