body{font-size:14px}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.brand{display:flex;align-items:center;gap:12px;padding:8px 10px 22px}
.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,var(--brand-secondary),var(--brand-accent));color:#fff;font-weight:900;letter-spacing:-1px}
.nav-link{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;color:#a9b9d2;font-weight:650;transition:.18s}
.nav-link .nav-icon{display:grid;place-items:center;width:25px;height:25px;font-size:12px;border-radius:8px;background:rgba(255,255,255,.05);color:#c6d5ea}
.nav-link:hover{background:rgba(255,255,255,.06);color:#fff}
.nav-link.active{background:linear-gradient(90deg,color-mix(in srgb,var(--brand-secondary) 28%,transparent),rgba(255,255,255,.05));color:#fff;box-shadow:inset 3px 0 0 var(--brand-accent)}
.nav-link.active .nav-icon{background:var(--brand-secondary);color:#fff}
.nav-link.nav-primary{margin:5px 0;background:rgba(37,99,235,.12)}
.user-mini>div:last-child{display:flex;flex-direction:column;min-width:0}
.user-mini strong{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.user-mini small{color:#7f93b0;font-size:10px;margin-top:2px}
.eyebrow{font-size:10px;font-weight:900;letter-spacing:.16em;color:#7c8ca4}
.online-pill{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #dce7df;border-radius:999px;background:#f0fdf4;color:#166534;font-size:11px;font-weight:800}
.online-pill span{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}
.tenant-chip{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);background:#fff;border-radius:12px;font-weight:700;font-size:12px}
.tenant-chip img{width:24px;height:24px;object-fit:contain}
.scope-banner form{display:inline}
.mobile-menu{display:none;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 10px}
.span12{grid-column:span 12}
.span9{grid-column:span 9}
.span8{grid-column:span 8}
.span7{grid-column:span 7}
.span6{grid-column:span 6}
.span5{grid-column:span 5}
.span4{grid-column:span 4}
.span3{grid-column:span 3}
.card-title h2,.card-title h3{margin:0}
.section-title{font-size:18px;margin:0 0 14px}
.kpi:after{content:"";position:absolute;right:-20px;top:-25px;width:80px;height:80px;border-radius:50%;background:color-mix(in srgb,var(--brand-secondary) 8%,transparent)}
.money-big{font-size:42px;line-height:1;font-weight:900;letter-spacing:-.05em;color:var(--brand-primary)}
.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.stack,.form-stack{display:flex;flex-direction:column;gap:13px}
.field,label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#334155}
.field.inline{flex-direction:row;align-items:center}
.field input,.field select,.field textarea,label input,label select,label textarea,input,select,textarea{width:100%;border:1px solid #d8e0ea;background:#fff;border-radius:11px;padding:10px 11px;color:var(--text);outline:none;transition:.16s}
input:focus,select:focus,textarea:focus{border-color:var(--brand-secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-secondary) 13%,transparent)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.form-grid.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}
.btn.primary{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}
.btn.brand{background:var(--brand-secondary);color:#fff;border-color:var(--brand-secondary)}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.table th,.table td{text-align:left;padding:12px 13px;border-bottom:1px solid var(--line);vertical-align:middle}
.table tr:last-child td{border-bottom:0}
.code,.mono{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--brand-secondary),var(--brand-accent));border-radius:999px}
.split-card{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.metric-mini{padding:13px;border:1px solid var(--line);border-radius:12px;background:#fafcff}
.metric-mini strong{display:block;font-size:19px;margin-top:4px}
.logo-preview{width:90px;height:70px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#fff;padding:8px}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e}
.empty{padding:35px;text-align:center;color:var(--muted)}
.hero-card{background:linear-gradient(135deg,var(--brand-primary),color-mix(in srgb,var(--brand-secondary) 60%,#0f172a));color:#fff;border-radius:22px;padding:24px;position:relative;overflow:hidden}
.hero-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-60px;top:-90px;background:rgba(255,255,255,.07)}
.hero-card h2{margin:5px 0 7px;font-size:25px}
.hero-card p{margin:0;color:#d8e4f4;max-width:700px}
.hero-card .eyebrow{color:#bfcee4}
.quick-actions .btn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(6px)}
.quick-actions .btn:hover{background:rgba(255,255,255,.16)}
.auth-body{background:#eef3f8;min-height:100vh}
.auth-shell{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh}
.auth-visual{background:linear-gradient(145deg,var(--brand-primary),color-mix(in srgb,var(--brand-secondary) 70%,#111827));color:#fff;display:flex;align-items:flex-end;padding:64px;position:relative;overflow:hidden}
.auth-visual:before,.auth-visual:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.06)}
.auth-visual:before{width:420px;height:420px;right:-120px;top:-80px}
.auth-visual:after{width:260px;height:260px;left:-90px;bottom:90px}
.auth-visual-inner{position:relative;z-index:2;max-width:600px}
.auth-visual h2{font-size:40px;line-height:1.06;margin:10px 0 14px;letter-spacing:-.05em}
.auth-visual p{font-size:15px;line-height:1.6;color:#d8e3f2}
.auth-brand-mark{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:#fff;color:var(--brand-primary);font-size:22px;font-weight:900;margin-bottom:30px}
.auth-tenant-logo{max-width:190px;max-height:90px;object-fit:contain;background:#fff;border-radius:16px;padding:10px;margin-bottom:28px}
.auth-panel{display:flex;align-items:center;justify-content:center;padding:44px}
.auth-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}
.auth-card h1{margin:0 0 8px;font-size:25px;letter-spacing:-.03em}
.auth-logo{display:flex;align-items:center;gap:11px;margin-bottom:24px}
.auth-logo .brand-mark.large{width:50px;height:50px}
.auth-logo>div{display:flex;flex-direction:column}
.auth-logo small{color:var(--muted)}
.demo-box{margin-top:17px;padding:11px 12px;border-radius:11px;background:#f8fafc;border:1px dashed #cbd5e1;display:flex;flex-direction:column;gap:3px;font-size:11px;color:#64748b}
.demo-box strong{color:#334155}
.portal-logo{display:block;max-width:180px;max-height:70px;object-fit:contain;margin:0 auto 18px}
.portal-card h2{margin-top:6px}
.qr-box{display:flex;justify-content:center;padding:18px}
.qr-box img,.qr-box canvas{max-width:280px;width:100%;height:auto}
.hidden{display:none!important}
.scanner-card select,.scanner-card input{background:#111c2f;border-color:#26364e;color:#fff}
.scanner-card .muted{color:#91a4bf}
.payment-card.success-state{border-color:#22c55e;background:#f6fff8}
.price-cell span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:800}
.price-cell strong{display:block;margin-top:6px;font-size:17px}
.price-cell.highlight{background:#0f172a;color:#fff;border-color:#0f172a}
.price-cell.highlight span{color:#9fb0c7}
.total-box .money-big{color:#9a3412}
.fee-box div{display:flex;flex-direction:column}
.qr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.qr-card{border:1px solid var(--line);border-radius:14px;padding:13px;text-align:center;background:#fff;page-break-inside:avoid}
.qr-card img{width:160px;height:160px;object-fit:contain}
.color-input{display:flex;align-items:center;gap:8px}
.color-input input[type=color]{height:44px;padding:3px}
.chart-bar:hover:after{content:attr(data-label);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#0f172a;color:#fff;font-size:9px;padding:4px 6px;border-radius:5px;white-space:nowrap}
.capacity-number:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}
.capacity-number strong{position:relative;z-index:1;font-size:17px}
@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1100px){.validator-stage{grid-template-columns:1fr}
}
@media (max-width:1100px){.scanner-card{min-height:440px}
}
@media (max-width:1100px){.auth-shell{grid-template-columns:1fr}
}
@media (max-width:1100px){.auth-visual{display:none}
}
@media (max-width:1100px){.split-card{grid-template-columns:1fr}
}
@media (max-width:1100px){.qr-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:820px){.sidebar{transform:translateX(-100%);transition:.2s}
}
@media (max-width:820px){.sidebar.open{transform:translateX(0)}
}
@media (max-width:820px){.main{margin-left:0;width:100%}
}
@media (max-width:820px){.mobile-menu{display:inline-flex}
}
@media (max-width:820px){.topbar{padding:0 17px;height:78px}
}
@media (max-width:820px){.content{padding:20px 15px 40px}
}
@media (max-width:820px){.grid{grid-template-columns:1fr}
}
@media (max-width:820px){.span12,.span9,.span8,.span7,.span6,.span5,.span4,.span3{grid-column:span 1}
}
@media (max-width:820px){.kpi-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){.form-grid,.form-grid.cols3,.price-breakdown,.fee-box,.metric-strip{grid-template-columns:1fr}
}
@media (max-width:820px){.top-actions .tenant-chip{display:none}
}
@media (max-width:820px){.auth-panel{padding:20px}
}
@media (max-width:820px){.qr-grid{grid-template-columns:1fr}
}
@media (max-width:820px){.money-big{font-size:35px}
}
@media (max-width:520px){.row-between{align-items:flex-start;flex-direction:column}
}
@media (max-width:520px){.auth-card{padding:22px}
}
@media (max-width:520px){.portal-card{padding:18px}
}
@media (max-width:520px){.top-title h1{font-size:20px}
}
@media print{.sidebar,.topbar,.scope-banner,.no-print,.sidebar-foot{display:none!important}
}
@media print{.qr-grid{grid-template-columns:repeat(3,1fr);gap:8px}
}
@media print{.qr-card{box-shadow:none}
}
@media print{.btn{display:none!important}
}
.choice-card:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.choice-card.active{border-color:var(--brand-secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-secondary) 10%,transparent)}
.choice-card b{font-size:14px}
.choice-card small{color:var(--muted);font-size:11px;line-height:1.4}
.empty-state{text-align:center;padding:26px 12px}
.qr-mini canvas,.qr-mini img{width:132px;height:132px}
.scanner-card-simple .scanner-state{margin:24px 0 18px}
.scanner-card-simple .scanner-orb{width:104px;height:104px;font-size:38px}
@media (max-width:1050px){.ticket-choice-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1050px){.ticket-card-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:680px){.ticket-choice-grid,.ticket-card-grid{grid-template-columns:1fr}
}
@media (max-width:680px){.operator-hints{grid-template-columns:1fr 1fr}
}
.internal-finance .fee-box{margin:0 10px 10px}
.inline-pay select{max-width:145px;padding:7px 8px;border:1px solid var(--line,#dbe2ea);border-radius:8px;background:#fff}
.sidebar-backdrop,.mobile-dock{display:none}
.rate-card-head h3{margin:0 0 4px}
.rate-type{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef6ff;color:#1d4ed8;font-size:10px;font-weight:900}
.rate-tier-list>div{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;background:#f8fafc;border:1px solid #edf2f7}
.rate-tier-list strong{font-size:17px}
.source-note{font-size:11px;color:#64748b;border-top:1px dashed var(--line);padding-top:12px;margin-top:12px}
.rate-builder{display:grid;gap:14px}
.rate-config-box{padding:14px;border:1px solid var(--line);border-radius:14px;background:#f8fafc}
.advanced-fields{padding:12px 0}
.mobile-dock a.active,.mobile-dock button.active{color:var(--brand-secondary)}
.mobile-dock a.active span{background:color-mix(in srgb,var(--brand-secondary) 12%,#fff);color:var(--brand-secondary)}
.erp-highlight{border:1px solid color-mix(in srgb,var(--brand-secondary) 20%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--brand-secondary) 6%,#fff),#fff)}
.data-source-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 8px;background:#f1f5f9;color:#475569;font-size:10px;font-weight:800}
.data-source-chip:before{content:"✓";color:#16a34a}
.partner-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.partner-mini{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#fff}
.partner-mini img{width:42px;height:42px;object-fit:contain;border-radius:10px;background:#fff}
.partner-mini strong{display:block}
.partner-mini small{color:var(--muted)}
@media (max-width:920px){body{font-size:14px}
}
@media (max-width:920px){.app-shell{display:block}
}
@media (max-width:920px){.sidebar.open{transform:translateX(0)}
}
@media (max-width:920px){.sidebar-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.48);backdrop-filter:blur(2px);z-index:45}
}
@media (max-width:920px){.sidebar-backdrop.show{display:block}
}
@media (max-width:920px){.mobile-menu{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px}
}
@media (max-width:920px){.top-title{min-width:0;flex:1}
}
@media (max-width:920px){.top-title h1{font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media (max-width:920px){.top-actions{gap:6px}
}
@media (max-width:920px){.tenant-chip{display:none}
}
@media (max-width:920px){.online-pill{padding:7px 9px;font-size:9px}
}
@media (max-width:920px){.grid{grid-template-columns:1fr;gap:14px}
}
@media (max-width:920px){.span12,.span9,.span8,.span7,.span6,.span5,.span4,.span3{grid-column:1}
}
@media (max-width:920px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
@media (max-width:920px){.kpi{padding:14px;border-radius:14px}
}
@media (max-width:920px){.kpi-value{font-size:23px}
}
@media (max-width:920px){.hero-card{padding:22px 18px;border-radius:20px}
}
@media (max-width:920px){.hero-card h2{font-size:25px}
}
@media (max-width:920px){.quick-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
}
@media (max-width:920px){.quick-actions .btn{width:100%}
}
@media (max-width:920px){.card{padding:16px;border-radius:16px}
}
@media (max-width:920px){.card-title{align-items:center}
}
@media (max-width:920px){.form-grid,.form-grid.cols3,.split-card,.metric-strip{grid-template-columns:1fr}
}
@media (max-width:920px){.table{min-width:720px}
}
@media (max-width:920px){.money-big{font-size:38px}
}
@media (max-width:920px){.partner-strip{grid-template-columns:1fr}
}
@media (max-width:920px){.mobile-dock{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:44;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border:1px solid rgba(203,213,225,.8);box-shadow:0 12px 38px rgba(15,23,42,.18);border-radius:18px;padding:6px}
}
@media (max-width:920px){.mobile-dock a,.mobile-dock button{appearance:none;border:0;background:none;color:#64748b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border-radius:13px;font-size:16px;font-weight:800}
}
@media (max-width:920px){.mobile-dock small{font-size:9px;font-weight:800}
}
@media (max-width:920px){.mobile-dock .dock-main{color:#fff;background:var(--brand-primary);transform:translateY(-10px);box-shadow:0 8px 18px color-mix(in srgb,var(--brand-primary) 28%,transparent)}
}
@media (max-width:920px){.mobile-dock .dock-main span{background:none;color:#fff}
}
@media (max-width:920px){.rate-card-grid{grid-template-columns:1fr}
}
@media (max-width:920px){.rate-card{padding:15px}
}
@media (max-width:920px){.auth-shell{grid-template-columns:1fr}
}
@media (max-width:920px){.auth-visual{min-height:210px;padding:28px 20px}
}
@media (max-width:920px){.auth-panel{padding:24px 16px}
}
@media (max-width:920px){.auth-card{max-width:none}
}
@media (max-width:920px){.validator-stage{grid-template-columns:1fr}
}
@media (max-width:920px){.validator-shell{padding:0}
}
@media (max-width:920px){.scanner-card,.result-panel{border-radius:18px}
}
@media (max-width:920px){.operator-hints{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:920px){.quick-scan-box{grid-template-columns:1fr}
}
@media (max-width:920px){.quick-scan-box .btn{width:100%}
}
@media (max-width:920px){.payment-main-action{position:sticky;bottom:82px;z-index:8}
}
@media (max-width:920px){.ticket-tabs{overflow:auto;display:flex;scrollbar-width:none}
}
@media (max-width:920px){.ticket-tabs::-webkit-scrollbar{display:none}
}
@media (max-width:920px){.ticket-tab{flex:0 0 auto}
}
@media (max-width:920px){.form-actions .btn{flex:1}
}
@media (max-width:920px){.logo-preview{max-width:180px}
}
@media (max-width:520px){.kpi-grid{grid-template-columns:1fr;grid-template-columns:1fr 1fr}
}
@media (max-width:520px){.kpi-label{font-size:9px}
}
@media (max-width:520px){.kpi-value{font-size:21px}
}
@media (max-width:520px){.quick-actions{grid-template-columns:1fr}
}
@media (max-width:520px){.content{padding-left:12px;padding-right:12px}
}
@media (max-width:520px){.card{padding:14px}
}
@media (max-width:520px){.topbar{padding-left:12px;padding-right:12px}
}
@media (max-width:520px){.online-pill{display:none;display:none}
}
@media (max-width:520px){.money-big{font-size:34px}
}
@media (max-width:520px){.btn.huge{font-size:14px;padding:14px}
}
@media (max-width:520px){.mobile-dock{left:6px;right:6px}
}
@media (max-width:520px){.brand{padding-top:4px}
}
@media (max-width:520px){.scope-banner form{width:100%}
}
@media (max-width:520px){.scope-banner button{width:100%;margin-top:3px}
}
.app-shell,.main,.content,.grid,.card,.page-head,.topbar,.scope-banner{min-width:0;max-width:100%}
img,svg,canvas,video{max-width:100%}
.nav{display:flex;flex-direction:column;gap:4px;overflow:auto;padding-right:2px;scrollbar-width:none;-ms-overflow-style:none}
.nav::-webkit-scrollbar,.table-wrap::-webkit-scrollbar,.ticket-tabs::-webkit-scrollbar{width:0;height:0;display:none}
.grid>*{min-width:0}
.sidebar .nav{min-height:0;overscroll-behavior:contain}
.tenant-dot,.table-monogram,.partner-monogram{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:9px;background:color-mix(in srgb,var(--brand-secondary) 12%,#fff);color:var(--brand-secondary);font-size:10px;font-weight:900}
.table-monogram{width:34px;height:34px}
.partner-monogram{width:42px;height:42px;border-radius:12px}
.portal-brand>div{display:flex;flex-direction:column}
.page-head.responsive-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.page-head h1{margin:5px 0 4px}
.page-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.search-bar{display:flex;gap:8px;min-width:min(100%,360px)}
.search-bar input{min-width:0}
.pagination .disabled{pointer-events:none;opacity:.4}
.global-loader.active span{animation:cs-loading 1s ease-in-out infinite}
@keyframes cs-loading{0%{transform:translateX(-110%)}
60%{transform:translateX(210%)}
100%{transform:translateX(310%)}
}
.btn.is-loading{pointer-events:none;opacity:.72}
.btn.is-loading:before{content:"";width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:cs-spin .7s linear infinite}
@keyframes cs-spin{to{transform:rotate(360deg)}
}
.beneficiary-layout{align-items:start}
.beneficiary-toolbar{align-items:center}
.file-drop b,.file-drop small{display:block}
.csv-columns b,.csv-columns span,.csv-columns small{display:block}
.import-report>div{padding:13px 14px;background:#fff;border:1px solid var(--line);border-radius:14px}
.import-errors{margin-bottom:14px}
.compact-register details>summary{display:flex;flex-direction:column;gap:3px;cursor:pointer;list-style:none}
.compact-register summary::-webkit-details-marker{display:none}
.modal-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.55);backdrop-filter:blur(4px);z-index:200;display:grid;place-items:center;padding:18px}
.modal-card{position:relative;width:min(100%,480px);background:#fff;border-radius:20px;padding:22px;box-shadow:0 24px 80px rgba(15,23,42,.28)}
.modal-close{position:absolute;right:13px;top:13px;width:34px;height:34px;border:0;border-radius:10px;background:#f1f5f9;font-size:20px;cursor:pointer}
.empty-inline{display:flex;flex-direction:column;gap:4px;padding:20px;text-align:center;color:var(--muted)}
.ticket-kpis{margin-top:8px}
.date-value{font-size:19px}
.ticket-preview-head>div{min-width:0}
.ticket-preview h3{margin:7px 0 2px;margin:8px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ticket-preview p{margin:0;color:var(--muted);margin:0;color:var(--muted);font-size:12px}
.qr-mini>span{font-weight:900;color:#cbd5e1}
.ticket-pagination{margin-top:8px}
@media (max-width:1180px){.ticket-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1180px){.import-report{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:920px){html,body{overflow-x:hidden}
}
@media (max-width:920px){.sidebar{width:min(88vw,330px);transform:translateX(-104%);transition:transform .22s ease;box-shadow:20px 0 50px rgba(15,23,42,.24);height:100dvh;max-height:100dvh}
}
@media (max-width:920px){.main{margin-left:0;width:100%;padding-bottom:76px;overflow-x:hidden}
}
@media (max-width:920px){.content{padding:16px 14px 28px;overflow-x:hidden}
}
@media (max-width:920px){.topbar{height:auto;min-height:72px;padding:12px 16px;gap:10px;width:100%}
}
@media (max-width:920px){.scope-banner{font-size:11px;justify-content:flex-start;flex-wrap:wrap;padding:8px 14px;width:100%}
}
@media (max-width:920px){.page-head.responsive-head{align-items:flex-start;flex-direction:column}
}
@media (max-width:920px){.page-actions{width:100%}
}
@media (max-width:920px){.page-actions .btn{flex:1}
}
@media (max-width:920px){.beneficiary-toolbar{align-items:flex-start;flex-direction:column}
}
@media (max-width:920px){.search-bar{width:100%;min-width:0}
}
@media (max-width:920px){.search-bar input{flex:1}
}
@media (max-width:920px){.ticket-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:920px){.import-report{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:920px){.modal-card{padding:20px 16px}
}
@media (max-width:920px){.table-wrap{border-radius:12px;overflow:visible;border:0;background:transparent}
}
@media (max-width:920px){.table.responsive-enhanced{min-width:0;width:100%;border-collapse:separate}
}
@media (max-width:920px){.table.responsive-enhanced thead{display:none}
}
@media (max-width:920px){.table.responsive-enhanced tbody{display:grid;gap:10px}
}
@media (max-width:920px){.table.responsive-enhanced tr{display:block;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.025)}
}
@media (max-width:920px){.table.responsive-enhanced td{display:grid;grid-template-columns:minmax(88px,35%) minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:10px 12px;border-bottom:1px solid #eef2f7;text-align:right;overflow-wrap:anywhere}
}
@media (max-width:920px){.table.responsive-enhanced td:last-child{border-bottom:0}
}
@media (max-width:920px){.table.responsive-enhanced td::before{content:attr(data-label);font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#7c8ca4;text-align:left}
}
@media (max-width:920px){.table.responsive-enhanced td>*{min-width:0}
}
@media (max-width:920px){.table.responsive-enhanced td .row{justify-content:flex-end}
}
@media (max-width:920px){.table.responsive-enhanced td .btn{justify-self:end}
}
@media (max-width:920px){.table.responsive-enhanced td[colspan]{display:block;text-align:center}
}
@media (max-width:920px){.table.responsive-enhanced td[colspan]::before{display:none}
}
@media (max-width:920px){.table.responsive-enhanced .empty-inline{text-align:center}
}
@media (max-width:920px){.pagination{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:8px}
}
@media (max-width:920px){.pagination .btn:last-child{justify-self:stretch}
}
@media (max-width:920px){.pagination .btn:first-child{justify-self:stretch}
}
@media (max-width:920px){.pagination span{text-align:center;white-space:nowrap}
}
@media (max-width:920px){.partner-mini img{display:none}
}
.dialog-panel-wide{width:min(980px,calc(100vw - 28px));max-width:980px}
.permission-group{margin:0;padding:16px;border:1px solid var(--cs-line,#e4e7ec);border-radius:16px;background:#fbfcfe}
.permission-check{display:flex;align-items:flex-start;gap:10px;min-height:62px;margin:0;padding:12px;border:1px solid #e4e7ec;border-radius:13px;background:#fff;cursor:pointer}
.permission-check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--brand-secondary,#2563eb)}
.permission-check span{display:flex;min-width:0;flex-direction:column;gap:3px}
.permission-check b{color:#101828;font-size:12px;line-height:1.35}
.permission-check small{color:#667085;font-size:9px;overflow-wrap:anywhere}
@media (max-width:720px){.permission-grid{grid-template-columns:1fr}
}
@media (max-width:720px){.dialog-panel-wide{width:calc(100vw - 16px)}
}
@media (max-width:640px){:root{--radius:15px}
}
@media (max-width:640px){.top-title .eyebrow{font-size:8px;max-width:58vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media (max-width:640px){.top-title h1{font-size:18px}
}
@media (max-width:640px){.content{padding:12px 10px 94px}
}
@media (max-width:640px){.card{border-radius:15px;padding:14px}
}
@media (max-width:640px){.hero-card{padding:20px 16px}
}
@media (max-width:640px){.hero-card h2{font-size:23px}
}
@media (max-width:640px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}
@media (max-width:640px){.kpi{padding:12px}
}
@media (max-width:640px){.kpi-value{font-size:20px}
}
@media (max-width:640px){.ticket-kpis .kpi-value{font-size:20px}
}
@media (max-width:640px){.ticket-kpis .date-value{font-size:15px}
}
@media (max-width:640px){.ticket-card-grid{grid-template-columns:1fr}
}
@media (max-width:640px){.ticket-preview{padding:13px}
}
@media (max-width:640px){.qr-mini{width:150px;height:150px}
}
@media (max-width:640px){.import-report{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}
@media (max-width:640px){.import-report>div{padding:11px}
}
@media (max-width:640px){.import-report strong{font-size:19px}
}
@media (max-width:640px){.form-grid,.form-grid.cols3{grid-template-columns:1fr}
}
@media (max-width:640px){.page-actions{display:grid;grid-template-columns:1fr}
}
@media (max-width:640px){.page-actions .btn{width:100%}
}
@media (max-width:640px){.search-bar{display:grid;grid-template-columns:1fr auto}
}
@media (max-width:640px){.mobile-dock{bottom:max(6px,env(safe-area-inset-bottom));border-radius:16px}
}
@media (max-width:640px){.mobile-dock a,.mobile-dock button{min-width:0}
}
@media (max-width:640px){.mobile-dock small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media (max-width:640px){.scope-banner{padding:8px 10px}
}
@media (max-width:640px){.scope-banner span{min-width:0}
}
@media (max-width:640px){.tenant-chip{display:none}
}
@media (max-width:640px){.modal-backdrop{padding:10px;align-items:end}
}
@media (max-width:640px){.modal-card{width:100%;border-radius:20px 20px 14px 14px;padding-bottom:max(18px,env(safe-area-inset-bottom))}
}
@media (max-width:640px){.list-summary{align-items:flex-start;flex-direction:column}
}
@media (max-width:640px){.table.responsive-enhanced td{grid-template-columns:minmax(82px,34%) minmax(0,1fr);font-size:12px}
}
@media (max-width:640px){.pagination{font-size:10px}
}
@media (max-width:640px){.pagination .btn{padding:9px 8px}
}
@media (max-width:640px){.auth-shell{min-height:100dvh}
}
@media (max-width:640px){.auth-visual{min-height:160px}
}
@media (max-width:640px){.portal-wrap{padding:14px}
}
html.menu-open body{overflow:hidden}
.picker-results::-webkit-scrollbar{display:none}
.picker-result span,.picker-loading,.picker-empty{font-size:10px;color:var(--muted)}
.picker-loading,.picker-empty{padding:12px}
.beneficiary-picker>small{margin-top:5px}
@media (max-width:640px){.picker-input-wrap{grid-template-columns:1fr}
}
@media (max-width:640px){.picker-input-wrap .btn{width:100%}
}
@media (max-width:640px){.picker-results{position:static;margin-top:6px;max-height:240px}
}
*{box-sizing:border-box;box-sizing:border-box}
html{min-width:320px;background:var(--cs-canvas);overflow-x:hidden;scroll-behavior:smooth}
body.app-body{min-width:320px;min-height:100dvh;margin:0;color:var(--cs-ink);background:radial-gradient(circle at 98% -8%,color-mix(in srgb,var(--brand-secondary) 8%,transparent),transparent 30rem),var(--cs-canvas);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.app-body *{min-width:0}
body.app-body a{color:inherit;text-decoration:none}
body.app-body button,body.app-body input,body.app-body select,body.app-body textarea{font:inherit}
body.app-body img,body.app-body video,body.app-body canvas,body.app-body svg{max-width:100%}
body.app-body .row{margin:0}
body.app-body .nav{flex-wrap:nowrap}
body.app-body .nav-link{width:100%}
body.app-body .hidden{display:none !important}
body.app-body hr{margin:18px 0;border:0;border-top:1px solid var(--cs-line);opacity:1}
::selection{background:color-mix(in srgb,var(--brand-secondary) 22%,transparent)}
html.menu-open,html.menu-open body{overflow:hidden}
.skip-link{position:fixed;top:-64px;left:16px;z-index:4000;padding:11px 15px;border-radius:10px;color:var(--cs-ink);background:#fff;box-shadow:var(--cs-shadow-md);font-weight:800;transition:top var(--cs-ease)}
.skip-link:focus{top:16px}
.app-shell{display:flex;min-height:100vh;display:block;min-height:100dvh}
.sidebar{position:fixed;inset:0 auto 0 0;width:272px;background:#0b1220;color:#dbeafe;display:flex;flex-direction:column;padding:20px 14px;z-index:50;border-right:1px solid rgba(255,255,255,.06);overflow:hidden;position:fixed;inset:0 auto 0 0;z-index:1050;display:flex;width:min(88vw,334px);height:100dvh;padding:14px 12px;flex-direction:column;overflow:hidden;color:#dce7f7;background:radial-gradient(circle at 18% 0,rgba(72,107,255,.12),transparent 18rem),linear-gradient(180deg,rgba(255,255,255,.025),transparent 210px),var(--cs-sidebar);border-right:1px solid rgba(255,255,255,.07);box-shadow:var(--cs-shadow-lg);transform:translateX(-104%);transition:transform var(--cs-ease),width var(--cs-ease),padding var(--cs-ease)}
.sidebar.open{transform:translateX(0)}
.sidebar-backdrop{display:none;position:fixed;inset:0;z-index:1040;display:none;background:rgba(2,6,23,.58);backdrop-filter:blur(5px)}
.sidebar-backdrop.show{display:block;display:block}
.sidebar-head{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.sidebar .brand{display:flex;flex:1 1 auto;align-items:center;gap:12px;min-height:64px;padding:7px 8px 13px;margin:0}
.brand-mark,.brand-logo-wrap{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;overflow:hidden;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--brand-secondary),var(--brand-accent));box-shadow:0 12px 30px color-mix(in srgb,var(--brand-secondary) 23%,transparent);font-size:13px;font-weight:900;letter-spacing:-.03em}
.brand-logo{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:12px;padding:5px;width:100%;height:100%;padding:0;border-radius:9px;object-fit:contain;background:#fff}
.brand-copy{display:flex;flex-direction:column;min-width:0;display:flex;flex-direction:column;min-width:0}
.brand-copy strong{font-size:16px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow:hidden;color:#fff;font-size:15px;font-weight:820;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}
.brand-copy small{font-size:11px;color:#8da2c5;margin-top:3px;margin-top:2px;overflow:hidden;color:#8fa2bd;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.sidebar-close{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(255,255,255,.06);border-radius:12px;color:#aebed3;background:rgba(255,255,255,.055);cursor:pointer}
.sidebar-close:hover{color:#fff;background:rgba(255,255,255,.1)}
.sidebar-close .ui-icon{width:19px;height:19px}
.workspace-label{display:flex;align-items:center;gap:8px;margin:3px 7px 11px;padding:9px 10px;overflow:hidden;border:1px solid rgba(255,255,255,.065);border-radius:11px;color:#9fb0c7;background:rgba(255,255,255,.035);font-size:9px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.workspace-label span{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--brand-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-accent) 15%,transparent)}
.workspace-label b{overflow:hidden;text-overflow:ellipsis}
.sidebar-nav,.sidebar .nav{display:flex;flex:1 1 auto;flex-flow:column nowrap;align-content:stretch;gap:3px;padding:2px 2px 16px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}
.sidebar-nav::-webkit-scrollbar,.sidebar .nav::-webkit-scrollbar{display:none}
.nav-section{padding:18px 12px 7px;font-size:10px;font-weight:800;letter-spacing:.14em;color:#526782;flex:0 0 auto;padding:17px 11px 7px;color:#60718b;font-size:9px;font-weight:900;letter-spacing:.14em;line-height:1;white-space:nowrap}
.sidebar .nav-link,.sidebar-nav .nav-link{display:flex;width:100%;min-height:46px;flex:0 0 auto;align-items:center;gap:11px;padding:7px 10px;overflow:hidden;border:1px solid transparent;border-radius:12px;color:#afbdd1;background:transparent;box-shadow:none;font-size:13px;font-weight:720;line-height:1.2;transform:none;transition:color var(--cs-ease),background var(--cs-ease),border-color var(--cs-ease)}
.sidebar .nav-link:hover,.sidebar-nav .nav-link:hover{color:#fff;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.045)}
.sidebar .nav-link.active,.sidebar-nav .nav-link.active{color:#fff;background:linear-gradient(90deg,color-mix(in srgb,var(--brand-secondary) 28%,transparent),rgba(255,255,255,.055));border-color:rgba(255,255,255,.07);box-shadow:inset 3px 0 0 var(--brand-accent)}
.sidebar .nav-link.nav-primary,.sidebar-nav .nav-link.nav-primary{margin:2px 0;color:#f7fbff;background:color-mix(in srgb,var(--brand-secondary) 16%,transparent)}
.nav-icon{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:9px;color:#c5d2e4;background:rgba(255,255,255,.055)}
.nav-icon .ui-icon{width:17px;height:17px}
.nav-link.active .nav-icon,.nav-link.nav-primary .nav-icon{color:#fff;background:color-mix(in srgb,var(--brand-secondary) 72%,#fff 0%)}
.nav-label{display:block;width:auto;height:auto;min-width:0;overflow:hidden;color:inherit;background:none;border-radius:0;text-overflow:ellipsis;white-space:nowrap}
.nav-group{flex:0 0 auto;margin:2px 0}
.nav-group>summary{display:flex;min-height:46px;align-items:center;gap:11px;padding:7px 10px;list-style:none;border:1px solid transparent;border-radius:12px;color:#afbdd1;font-size:13px;font-weight:720;cursor:pointer;user-select:none}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-group>summary:hover{color:#fff;background:rgba(255,255,255,.055)}
.nav-group>summary>b{display:grid;place-items:center;margin-left:auto;color:#71839e;transition:transform var(--cs-ease)}
.nav-group>summary>b .ui-icon{width:15px;height:15px}
.nav-group[open]>summary>b{transform:rotate(180deg)}
.nav-group-body{display:flex;flex-direction:column;gap:2px;padding:4px 0 5px 17px}
.nav-group-body .nav-link{min-height:41px;font-size:12px}
.nav-group-body .nav-icon{width:27px;height:27px;flex-basis:27px}
.nav-group-body .nav-icon .ui-icon{width:14px;height:14px}
.sidebar-foot{margin-top:auto;padding:16px 8px 4px;border-top:1px solid rgba(255,255,255,.08);flex:0 0 auto;margin-top:auto;padding:13px 8px max(7px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.07)}
.user-mini{display:flex;align-items:center;gap:9px;display:flex;align-items:center;gap:10px}
.user-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#1e293b;color:#fff;font-weight:800;display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;border-radius:11px;color:#fff;background:#172238;font-size:12px;font-weight:900}
.user-copy{display:flex;flex-direction:column;min-width:0}
.user-copy strong,.user-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-copy strong{color:#fff;font-size:12px}
.user-copy small{margin-top:2px;color:#7f92ad;font-size:9px}
.link-button{border:0;background:none;color:#8da2c5;cursor:pointer;padding:8px 0;margin-top:5px;display:flex;align-items:center;gap:8px;min-height:40px;margin-top:6px;padding:7px 4px;border:0;color:#8fa2bd;background:transparent;font-size:12px;cursor:pointer}
.link-button:hover{color:#fff;color:#fff}
.link-button .ui-icon{width:16px;height:16px}
.main{margin-left:272px;min-height:100vh;width:calc(100% - 272px);overflow-x:clip;width:100%;min-height:100dvh;margin:0;padding-bottom:92px;overflow:clip;transition:width var(--cs-ease),margin var(--cs-ease)}
.topbar{height:92px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:rgba(244,247,251,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;position:sticky;top:0;z-index:900;display:flex;width:100%;min-height:68px;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid rgba(228,231,236,.9);background:rgba(247,249,252,.88);box-shadow:0 1px 0 rgba(16,24,40,.02);backdrop-filter:blur(18px) saturate(150%);transition:box-shadow var(--cs-ease),background var(--cs-ease)}
.topbar.is-scrolled{background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(16,24,40,.065)}
.topbar-leading{display:flex;flex:1 1 auto;align-items:center;gap:9px;min-width:0}
.mobile-menu,.desktop-collapse{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;padding:0;border:1px solid var(--cs-line);border-radius:12px;color:var(--cs-ink-soft);background:#fff;box-shadow:var(--cs-shadow-xs);cursor:pointer}
.mobile-menu:hover,.desktop-collapse:hover{border-color:var(--cs-line-strong);background:#f9fafb}
.mobile-menu .ui-icon,.desktop-collapse .ui-icon{width:20px;height:20px}
.desktop-collapse{display:none}
.top-title{display:flex;flex-direction:column;min-width:0}
.top-context{overflow:hidden;color:var(--cs-muted-light);font-size:9px;font-weight:900;letter-spacing:.12em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.top-title h1{margin:4px 0 0;font-size:24px;letter-spacing:-.03em;margin:2px 0 0;overflow:hidden;color:var(--cs-ink);font-size:18px;font-weight:820;letter-spacing:-.03em;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.top-actions{display:flex;align-items:center;gap:10px;display:flex;align-items:center;gap:8px}
.connection-status{display:none;align-items:center;gap:7px;padding:8px 11px;border:1px solid #ccebdc;border-radius:999px;color:var(--cs-success);background:#f0fdf4;font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.connection-status span{width:7px;height:7px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 3px rgba(18,183,106,.13)}
.connection-status.offline{border-color:#fecdca;color:var(--cs-danger);background:var(--cs-danger-soft)}
.connection-status.offline span{background:#f04438;box-shadow:0 0 0 3px rgba(240,68,56,.12)}
.top-user{display:flex;align-items:center;gap:8px;max-width:230px;padding:4px;border:1px solid var(--cs-line);border-radius:13px;background:rgba(255,255,255,.9);box-shadow:var(--cs-shadow-xs)}
.top-user-mark{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;overflow:hidden;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--brand-secondary),var(--brand-accent));font-size:11px;font-weight:900}
.top-user-mark.logo{padding:4px;border:1px solid var(--cs-line);background:#fff}
.top-user-mark img{width:100%;height:100%;border-radius:7px;object-fit:contain}
.top-user-copy{display:none;min-width:0;padding-right:8px;flex-direction:column}
.top-user-copy b,.top-user-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-user-copy b{font-size:11px}
.top-user-copy small{color:var(--cs-muted);font-size:9px}
.scope-banner{height:auto;min-height:42px;background:#fff7ed;border-bottom:1px solid #fed7aa;color:#9a3412;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 16px;font-size:12px;display:flex;min-height:50px;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid #fedf89;color:#7a2e0e;background:#fffaeb;font-size:11px}
.scope-banner>span{display:flex;flex-direction:column}
.scope-banner>span b{font-size:11px}
.scope-banner>span small{color:#a15c23;font-size:10px}
.scope-banner button{border:0;background:#9a3412;color:#fff;border-radius:8px;padding:6px 9px;cursor:pointer;min-height:36px;padding:7px 10px;border:0;border-radius:9px;color:#fff;background:#93370d;font-size:10px;font-weight:800;white-space:nowrap}
.content{padding:28px 34px 48px;max-width:1600px;margin:0 auto;width:100%;width:100%;max-width:1720px;margin:0 auto;padding:20px 12px 110px;overflow:visible;outline:none}
.content>*{max-width:100%}
.mobile-dock{position:fixed;right:8px;bottom:max(8px,env(safe-area-inset-bottom));left:8px;z-index:960;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px;border:1px solid rgba(208,213,221,.8);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 18px 44px rgba(16,24,40,.18);backdrop-filter:blur(20px) saturate(150%)}
.mobile-dock a,.mobile-dock button{display:flex;min-width:0;min-height:60px;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:5px 2px;border:0;border-radius:14px;color:#667085;background:transparent;font-size:10px;font-weight:800;cursor:pointer;appearance:none}
.mobile-dock a>span,.mobile-dock button>span{display:grid;place-items:center;width:32px;height:28px}
.mobile-dock .ui-icon{width:21px;height:21px}
.mobile-dock small{max-width:100%;overflow:hidden;font-size:9px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
.mobile-dock a.active{color:var(--brand-secondary);background:color-mix(in srgb,var(--brand-secondary) 6%,transparent)}
.mobile-dock .dock-main{color:#fff;background:linear-gradient(135deg,var(--brand-secondary),color-mix(in srgb,var(--brand-secondary) 70%,var(--brand-accent)));box-shadow:0 13px 28px color-mix(in srgb,var(--brand-secondary) 30%,transparent);transform:translateY(-10px)}
.mobile-dock .dock-main.active{color:#fff}
.workspace-page{display:flex;flex-direction:column;gap:18px}
.page-head,.responsive-head,.page-hero{display:flex;margin:0;align-items:stretch;flex-direction:column;gap:16px}
.page-head>div:first-child,.page-hero-copy{min-width:0}
.page-head h1,.page-hero h1{margin:5px 0 7px;color:var(--cs-ink);font-size:clamp(28px,7.5vw,38px);font-weight:850;letter-spacing:-.05em;line-height:1.04}
.page-head p,.page-hero p{max-width:760px;margin:0;color:var(--cs-muted);font-size:13px;line-height:1.65}
.eyebrow,.auth-kicker{color:#7f8ca3;font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.eyebrow.light{color:#c8d4e7;color:#cbd5e1}
.auth-kicker.dark{color:#667085}
.page-actions,.page-hero-actions{display:flex;flex-wrap:wrap;gap:9px}
.page-actions .btn,.page-hero-actions .btn{flex:1 1 auto}
.surface-section{display:flex;flex-direction:column;gap:15px}
.muted{color:var(--muted);color:var(--cs-muted)}
.small{font-size:12px;font-size:12px}
.mono,.code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-variant-numeric:tabular-nums}
.money{font-variant-numeric:tabular-nums;font-variant-numeric:tabular-nums}
.success-text{color:#15803d;color:var(--cs-success)}
.danger-text{color:#b91c1c;color:var(--cs-danger)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 1px 2px rgba(15,23,42,.02);padding:17px;border:1px solid var(--cs-line);border-radius:var(--cs-radius);background:rgba(255,255,255,.97);box-shadow:var(--cs-shadow-sm)}
.card.soft{background:var(--surface2);background:var(--cs-surface-soft)}
.card:hover{box-shadow:var(--cs-shadow-sm)}
.card-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex;margin:0 0 15px;align-items:stretch;flex-direction:column;gap:10px}
.card-title>div{min-width:0}
.card-title h2,.card-title h3{margin:0;color:var(--cs-ink);font-size:18px;font-weight:820;letter-spacing:-.03em}
.card-title p{margin:5px 0 0;margin:5px 0 0;color:var(--cs-muted);font-size:12px;line-height:1.55}
.compact-card{padding:0;overflow:hidden}
.compact-card>.card-title{padding:18px 18px 0}
.data-card{padding:0;overflow:hidden}
.data-card>.card-title,.data-card>.data-toolbar{padding:17px 17px 0}
.data-card>.table-wrap{border-top:1px solid var(--cs-line)}
.data-toolbar{display:flex;margin-bottom:15px;align-items:stretch;flex-direction:column;gap:12px}
.data-toolbar-copy h3{margin:0;font-size:18px;font-weight:820;letter-spacing:-.025em}
.data-toolbar-copy p{margin:5px 0 0;color:var(--cs-muted);font-size:12px}
.data-toolbar-actions{display:flex;flex-direction:column;gap:8px}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid;grid-template-columns:1fr;gap:15px}
.span12,.span9,.span8,.span7,.span6,.span5,.span4,.span3{grid-column:1}
.stack,.form-stack{gap:14px}
.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.summary-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.summary-chip{display:flex;min-height:78px;align-items:center;gap:11px;padding:13px;border:1px solid var(--cs-line);border-radius:15px;background:#fff;box-shadow:var(--cs-shadow-xs)}
.summary-chip-icon{display:grid;place-items:center;width:41px;height:41px;flex:0 0 41px;border-radius:12px;color:var(--brand-secondary);background:color-mix(in srgb,var(--brand-secondary) 9%,#fff)}
.summary-chip-icon .ui-icon{width:19px;height:19px}
.summary-chip-copy{display:flex;flex-direction:column}
.summary-chip-copy small{color:var(--cs-muted);font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.summary-chip-copy b{margin-top:3px;font-size:21px;font-weight:850;letter-spacing:-.04em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d6deea;background:#fff;color:#1e293b;border-radius:11px;padding:10px 14px;font-weight:800;cursor:pointer;transition:.15s;display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:1px solid var(--cs-line-strong);border-radius:12px;color:var(--cs-ink-soft);background:#fff;box-shadow:var(--cs-shadow-xs);font-size:13px;font-weight:800;line-height:1.2;white-space:nowrap;transform:none;transition:color var(--cs-ease),background var(--cs-ease),border-color var(--cs-ease),box-shadow var(--cs-ease),transform var(--cs-ease)}
.btn:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(15,23,42,.08);color:var(--cs-ink);background:#f9fafb;border-color:#bfc7d4;box-shadow:0 7px 16px rgba(16,24,40,.08);transform:translateY(-1px)}
.btn:active{transform:translateY(0) scale(.985)}
.btn:focus-visible{outline:0;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-secondary) 14%,transparent)}
.btn .ui-icon{width:18px;height:18px}
.btn.primary,.btn.brand{color:#fff;border-color:var(--brand-secondary);background:linear-gradient(135deg,var(--brand-secondary),color-mix(in srgb,var(--brand-secondary) 80%,var(--brand-accent)));box-shadow:0 10px 22px color-mix(in srgb,var(--brand-secondary) 22%,transparent)}
.btn.primary:hover,.btn.brand:hover{color:#fff;filter:brightness(.96)}
.btn.success{background:#15803d;color:#fff;border-color:#15803d;color:#fff;border-color:var(--cs-success);background:var(--cs-success)}
.btn.warning{background:#c2410c;color:#fff;border-color:#c2410c;color:#fff;border-color:var(--cs-warning);background:var(--cs-warning)}
.btn.danger{background:#b91c1c;color:#fff;border-color:#b91c1c;color:#fff;border-color:var(--cs-danger);background:var(--cs-danger)}
.btn.small{padding:7px 9px;border-radius:8px;font-size:11px;min-height:40px;padding:8px 12px;border-radius:10px;font-size:11px}
.btn.huge{padding:15px 18px;font-size:15px;min-height:56px;padding:14px 19px;font-size:14px}
.btn.block{width:100%;width:100%}
.btn.disabled,.btn[disabled]{pointer-events:none;opacity:.5}
.icon-btn{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0}
.text-link{display:inline-block;margin-top:12px;font-size:12px;font-weight:800;color:var(--brand-secondary);color:var(--brand-secondary);font-size:12px;font-weight:800}
.text-link:hover{text-decoration:underline}
.field,label{display:flex;flex-direction:column;gap:7px;color:var(--cs-ink-soft);font-size:12px;font-weight:750}
.field input,.field select,.field textarea,label input,label select,label textarea,input,select,textarea{width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--cs-line-strong);border-radius:12px;color:var(--cs-ink);background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.02);font-size:15px;outline:0;transition:border-color var(--cs-ease),box-shadow var(--cs-ease),background var(--cs-ease)}
input::placeholder,textarea::placeholder{color:#98a2b3}
input:focus,select:focus,textarea:focus{border-color:var(--brand-secondary);background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-secondary) 12%,transparent)}
input:disabled,select:disabled,textarea:disabled{color:#667085;background:#f2f4f7}
textarea{min-height:92px;resize:vertical;min-height:116px;resize:vertical}
.form-grid,.form-grid.cols3{display:grid;grid-template-columns:1fr;gap:12px}
.form-actions{display:flex;gap:9px;align-items:center;margin-top:14px;flex-wrap:wrap;display:flex;flex-direction:column;gap:9px}
.form-actions .btn{width:100%}
.search-bar,.filter-bar{display:flex;width:100%;align-items:stretch;flex-direction:column;gap:8px}
.search-control{position:relative;flex:1;min-width:0}
.search-control .ui-icon{position:absolute;top:50%;left:14px;z-index:2;width:18px;height:18px;color:#98a2b3;transform:translateY(-50%)}
.search-control input{padding-left:43px}
.check-row{display:flex;align-items:flex-start;flex-direction:row;gap:10px}
.check-row input{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin-top:1px}
.file-drop{position:relative;border:1.5px dashed #cbd5e1;border-radius:14px;background:#f8fafc;min-height:130px;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;cursor:pointer;color:#334155;position:relative;display:flex;min-height:160px;align-items:center;justify-content:center;flex-direction:column;padding:22px;border:1.5px dashed #b8c4d4;border-radius:16px;background:linear-gradient(180deg,#fbfcfe,#f8fafc);text-align:center;cursor:pointer;transition:border-color var(--cs-ease),background var(--cs-ease),transform var(--cs-ease)}
.file-drop:hover{border-color:var(--brand-secondary);background:color-mix(in srgb,var(--brand-secondary) 4%,#fff);border-color:var(--brand-secondary);background:color-mix(in srgb,var(--brand-secondary) 3%,#fff);transform:translateY(-1px)}
.file-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.file-drop-icon{font-size:25px;color:var(--brand-secondary);display:grid;place-items:center;width:48px;height:48px;margin-bottom:10px;border-radius:13px;color:var(--brand-secondary);background:var(--cs-info-soft)}
.file-drop-icon .ui-icon{width:22px;height:22px}
.file-drop b{font-size:13px}
.file-drop small{font-weight:500;color:var(--muted);margin-top:4px;margin-top:4px;color:var(--cs-muted);font-size:10px;font-weight:600}
.file-drop[data-has-file="true"]{border-style:solid;border-color:#abefc6;background:var(--cs-success-soft)}
.file-drop.is-dragging{border-color:var(--brand-secondary);background:var(--cs-info-soft);transform:translateY(-2px)}
.file-drop .file-name{margin-top:7px;max-width:100%;overflow:hidden;color:var(--cs-success);font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.file-drop .file-meta{margin-top:4px;color:var(--cs-muted);font-size:10px;font-weight:700}
.file-drop.compact{min-height:112px;flex-direction:row;text-align:left;gap:12px}
.file-drop.compact .file-drop-icon{margin:0;flex:0 0 48px}
.csv-columns{padding:12px;border-radius:12px;background:#f8fafc;border:1px solid var(--line);font-size:11px;line-height:1.55;display:flex;flex-direction:column;gap:5px;padding:13px;border:1px solid var(--cs-line);border-radius:13px;background:#f8fafc}
.csv-columns b{font-size:11px}
.csv-columns span{font-family:Consolas,monospace;margin:4px 0;color:#334155;overflow-wrap:anywhere;color:var(--cs-ink-soft);font-size:10px;line-height:1.65}
.csv-columns small{color:var(--muted);color:var(--cs-muted);font-size:10px}
.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900;letter-spacing:.05em;background:#eef2f7;color:#475569;text-transform:uppercase;white-space:nowrap;display:inline-flex;min-height:25px;align-items:center;justify-content:center;gap:5px;padding:4px 9px;border:1px solid transparent;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.045em;line-height:1;text-transform:uppercase;white-space:nowrap}
.badge.ok{background:#dcfce7;color:#166534;border-color:#abefc6;color:var(--cs-success);background:var(--cs-success-soft)}
.badge.warn{background:#ffedd5;color:#9a3412;border-color:#fedf89;color:var(--cs-warning);background:var(--cs-warning-soft)}
.badge.bad{background:#fee2e2;color:#991b1b;border-color:#fecdca;color:var(--cs-danger);background:var(--cs-danger-soft)}
.badge.info{background:#dbeafe;color:#1d4ed8;border-color:#b2ddff;color:var(--cs-info);background:var(--cs-info-soft)}
.badge.dark{background:#e2e8f0;color:#0f172a;border-color:#d0d5dd;color:#344054;background:#f2f4f7}
.toast{border-radius:12px;padding:12px 14px;margin-bottom:16px;font-weight:700;transition:.4s;display:flex;align-items:center;gap:10px;margin:0 0 15px;padding:13px 15px;border-radius:13px;box-shadow:var(--cs-shadow-sm);font-size:12px;font-weight:750;transition:opacity .35s ease}
.toast .ui-icon{width:18px;height:18px;flex:0 0 18px}
.toast.success{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534;border:1px solid #abefc6;color:#05603a;background:var(--cs-success-soft)}
.toast.danger{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border:1px solid #fecdca;color:#912018;background:var(--cs-danger-soft)}
.toast.fade{opacity:.35;opacity:.38}
.notice{padding:12px 14px;border-radius:12px;border:1px solid #dbeafe;background:#eff6ff;color:#1e3a8a;font-size:12px;padding:13px 15px;border:1px solid #b2ddff;border-radius:13px;color:#1849a9;background:var(--cs-info-soft);font-size:12px;line-height:1.55}
.notice.warning{background:#fff7ed;border-color:#fed7aa;color:#9a3412;border-color:#fedf89;color:#93370d;background:var(--cs-warning-soft)}
.notice.danger{background:#fef2f2;border-color:#fecaca;color:#991b1b;border-color:#fecdca;color:#912018;background:var(--cs-danger-soft)}
.notice.success{background:#ecfdf5;border-color:#bbf7d0;color:#166534;border-color:#abefc6;color:#05603a;background:var(--cs-success-soft)}
.empty-inline,.empty-state{display:flex;min-height:160px;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:28px;color:var(--cs-muted);text-align:center}
.empty-inline b,.empty-state h3{color:var(--cs-ink-soft);font-size:15px}
.empty-inline span,.empty-state p{font-size:12px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;scrollbar-width:none;width:100%;max-width:100%;overflow:hidden;border:0;border-radius:0;background:transparent}
.table{width:100%;border-collapse:collapse;min-width:760px;width:100%;min-width:0;margin:0;color:var(--cs-ink);border-collapse:separate;border-spacing:0}
.table th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#708199;background:#f8fafc;white-space:nowrap;padding:12px 13px;border-bottom:1px solid var(--cs-line);color:#7f8ca3;background:#f8fafc;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.table td{font-size:12px;padding:13px;border-bottom:1px solid #eef1f5;color:var(--cs-ink-soft);font-size:12px;vertical-align:middle;overflow-wrap:anywhere}
.table tbody tr:last-child td{border-bottom:0}
.table tbody tr{transition:background var(--cs-ease)}
.table tbody tr:hover{background:#fbfdff;background:#fbfcfe}
.entity-cell{display:flex;align-items:center;gap:11px;min-width:0}
.entity-avatar,.table-monogram{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;color:var(--brand-secondary);background:color-mix(in srgb,var(--brand-secondary) 9%,#fff);font-size:11px;font-weight:900}
.entity-copy{display:flex;min-width:0;flex-direction:column}
.entity-copy b{overflow:hidden;color:var(--cs-ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.entity-copy small{margin-top:2px;overflow:hidden;color:var(--cs-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.table-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}
.pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 0 2px;color:var(--muted);font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px;padding:0;font-size:10px}
.pagination>span{color:var(--cs-muted)}
.pagination .btn{flex:0 0 auto}
.table.responsive-enhanced thead{display:none}
.table.responsive-enhanced tbody{display:grid;gap:11px}
.table.responsive-enhanced tr{display:block;overflow:hidden;border:1px solid var(--cs-line);border-radius:15px;background:#fff;box-shadow:var(--cs-shadow-xs)}
.table.responsive-enhanced td{display:grid;grid-template-columns:minmax(96px,34%) minmax(0,1fr);width:100%;align-items:center;gap:11px;padding:11px 13px;border:0;border-bottom:1px solid #eef1f5;font-size:12px;text-align:right}
.table.responsive-enhanced td:last-child{border-bottom:0}
.table.responsive-enhanced td::before{content:attr(data-label);color:#8793a6;font-size:9px;font-weight:900;letter-spacing:.06em;text-align:left;text-transform:uppercase}
.table.responsive-enhanced td[colspan]{display:block;text-align:center}
.table.responsive-enhanced td[colspan]::before{display:none}
.table.responsive-enhanced td .row{justify-content:flex-end}
.table.responsive-enhanced td .btn{justify-self:end}
.table.responsive-enhanced .entity-cell{justify-content:flex-end}
.table.responsive-enhanced .entity-copy{align-items:flex-end}
.table.responsive-enhanced .table-actions{justify-content:flex-end}
.cs-dialog::backdrop{background:rgba(2,6,23,.6);backdrop-filter:blur(5px)}
.cs-dialog[open]{animation:cs-dialog-in .18s ease-out}
.dialog-panel{display:flex;max-height:min(90dvh,920px);flex-direction:column}
.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:20px;border-bottom:1px solid var(--cs-line);background:#fff}
.dialog-head-copy{min-width:0}
.dialog-head h2{margin:4px 0 5px;font-size:24px;font-weight:850;letter-spacing:-.04em}
.dialog-head p{margin:0;color:var(--cs-muted);font-size:12px;line-height:1.55}
.dialog-close{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid var(--cs-line);border-radius:12px;color:#667085;background:#fff;cursor:pointer}
.dialog-close:hover{color:#101828;background:#f9fafb}
.dialog-close .ui-icon{width:19px;height:19px}
.dialog-body{padding:20px;overflow-y:auto}
.dialog-footer{display:flex;padding:15px 20px;flex-direction:column-reverse;gap:9px;border-top:1px solid var(--cs-line);background:#f9fafb}
.dialog-grid{display:grid;grid-template-columns:1fr;gap:12px}
.dialog-section{padding-top:14px;border-top:1px solid var(--cs-line)}
.dialog-section:first-child{padding-top:0;border-top:0}
.dialog-section-head h3{margin:0 0 4px;font-size:15px}
.dialog-section-head p{margin:0 0 12px;color:var(--cs-muted);font-size:11px}
@keyframes cs-dialog-in{from{opacity:0;transform:translateY(12px) scale(.985)}
to{opacity:1;transform:none}
}
.hero-card,.page-intro,.operator-welcome{position:relative;display:flex;margin:0 0 18px;padding:22px;overflow:hidden;align-items:stretch;flex-direction:column;gap:16px;border:1px solid var(--cs-line);border-radius:var(--cs-radius-lg);color:var(--cs-ink);background:linear-gradient(180deg,var(--cs-surface),var(--cs-surface-subtle));box-shadow:var(--cs-shadow-sm)}
.hero-card::after,.operator-welcome::after{content:"";position:absolute;top:-110px;right:-85px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand-secondary) 18%,transparent),transparent 68%);pointer-events:none}
.hero-card.hero-global,.operator-welcome{color:#fff;border-color:rgba(255,255,255,.08);background:linear-gradient(145deg,#0b1428 0%,color-mix(in srgb,var(--brand-primary) 78%,#1d4ed8) 100%);box-shadow:0 20px 50px rgba(15,23,42,.17)}
.hero-card h2,.page-intro h2,.operator-welcome h2{margin:6px 0 8px;color:inherit;font-size:clamp(27px,7vw,36px);font-weight:850;letter-spacing:-.05em;line-height:1.04}
.hero-card p,.page-intro p,.operator-welcome p{max-width:730px;margin:0;color:inherit;font-size:13px;line-height:1.65;opacity:.76}
.hero-card .eyebrow,.operator-welcome .eyebrow{color:#cbd5e1}
.quick-actions{display:flex;gap:9px;margin-top:18px;flex-wrap:wrap;display:flex;margin-top:2px;flex-direction:column;gap:9px}
.hero-card .quick-actions .btn{color:#101828;border-color:#fff;background:#fff}
.hero-card .quick-actions .btn.primary{color:#fff;border-color:var(--brand-secondary);background:var(--brand-secondary)}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0 0 18px}
.kpi{position:relative;min-height:108px;padding:16px;overflow:hidden;border:1px solid var(--cs-line);border-radius:16px;background:var(--cs-surface);box-shadow:var(--cs-shadow-xs)}
.kpi::after{content:"";position:absolute;top:-28px;right:-24px;display:block;width:84px;height:84px;border-radius:50%;background:color-mix(in srgb,var(--brand-secondary) 6%,transparent)}
.kpi-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7c8ca4;font-weight:800;position:relative;z-index:1;color:#7f8ca3;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.kpi-value{font-size:27px;line-height:1.1;margin-top:8px;font-weight:850;letter-spacing:-.04em;position:relative;z-index:1;margin-top:8px;color:var(--cs-ink);font-size:26px;font-weight:860;letter-spacing:-.05em;line-height:1.05}
.kpi-value.money{font-size:22px}
.kpi-note{font-size:11px;color:var(--muted);margin-top:7px;position:relative;z-index:1;margin-top:7px;color:var(--cs-muted);font-size:10px}
.progress{height:9px;background:#e9eef5;border-radius:999px;overflow:hidden;height:8px;margin-top:12px;overflow:hidden;border-radius:999px;background:#edf1f5}
.progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-secondary),var(--brand-accent))}
.action-tile-grid{display:grid;grid-template-columns:1fr;gap:11px;margin:0 0 18px}
.action-tile{display:flex;min-height:84px;align-items:center;gap:13px;padding:14px 15px;border:1px solid var(--cs-line);border-radius:16px;color:var(--cs-ink);background:var(--cs-surface);box-shadow:var(--cs-shadow-xs);transition:transform var(--cs-ease),border-color var(--cs-ease),box-shadow var(--cs-ease)}
.action-tile:hover{border-color:#cbd5e1;box-shadow:var(--cs-shadow-sm);transform:translateY(-2px)}
.action-tile>span{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:13px;color:var(--cs-text-2);background:var(--cs-surface-muted)}
.action-tile>span .ui-icon{width:22px;height:22px}
.action-tile>div{display:flex;flex-direction:column}
.action-tile b{font-size:14px}
.action-tile small{margin-top:3px;color:var(--cs-muted);font-size:11px}
.action-tile.primary-tile{border-color:color-mix(in srgb,var(--brand-secondary) 22%,var(--cs-border));background:color-mix(in srgb,var(--brand-secondary) 5%,var(--cs-surface))}
.action-tile.primary-tile>span{color:#fff;background:var(--brand-secondary)}
.operator-welcome{align-items:stretch}
.scan-cta{display:flex;min-height:82px;align-items:center;gap:13px;padding:14px;border-radius:16px;color:#101828;background:#fff}
.scan-cta>span{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:14px;color:#fff;background:var(--brand-secondary)}
.scan-cta b{font-size:15px}
.scan-cta small{margin-left:auto;color:#667085;font-size:10px}
.operator-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:18px}
.simple-metric{display:flex;min-height:104px;justify-content:center;flex-direction:column;padding:16px;border:1px solid var(--cs-line);border-radius:16px;background:var(--cs-surface);box-shadow:var(--cs-shadow-xs)}
.simple-metric:first-child{grid-column:1 / -1}
.simple-metric span{color:var(--cs-muted);font-size:10px;font-weight:800;text-transform:uppercase}
.simple-metric strong{margin:5px 0 2px;font-size:28px;letter-spacing:-.05em}
.simple-metric small{color:var(--cs-muted);font-size:10px}
.simple-metric.attention{border-color:#fedf89;background:var(--cs-warning-soft)}
.activity-list{display:flex;flex-direction:column}
.activity-row{display:flex;min-height:67px;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid #eef1f5}
.activity-row:first-child{border-top:0}
.activity-main,.activity-end{display:flex;flex-direction:column;min-width:0}
.activity-main b{color:var(--cs-ink);font-size:13px}
.activity-main span{max-width:58vw;overflow:hidden;color:var(--cs-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.activity-end{align-items:flex-end;gap:5px}
.activity-end strong{font-size:13px}
.tenant-access-list{gap:0}
.tenant-access-row{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #eef1f5}
.tenant-access-row:first-child{border-top:0}
.tenant-access-row>div{display:flex;flex-direction:column}
.tenant-access-row b{font-size:12px}
.tenant-access-row small{color:var(--cs-muted);font-size:10px}
.validator-shell{max-width:1180px;margin:0 auto;width:100%}
.validator-stage{display:grid;grid-template-columns:370px 1fr;gap:18px;display:grid;grid-template-columns:1fr;gap:14px}
.scanner-card,.result-panel{overflow:hidden;border:1px solid var(--cs-line);border-radius:var(--cs-radius-lg);background:#fff;box-shadow:var(--cs-shadow-sm)}
.scanner-card{background:#0b1220;color:#fff;border-radius:22px;padding:20px;min-height:530px;display:flex;flex-direction:column;padding:18px}
.scanner-head{display:flex;justify-content:space-between;align-items:center;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.scanner-head h2{margin:5px 0 0;font-size:21px;font-weight:850;letter-spacing:-.04em}
.scanner-state{margin:35px 0 20px;text-align:center;display:flex;align-items:center;flex-direction:column;padding:28px 8px 21px;text-align:center}
.scanner-orb{width:126px;height:126px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);background:radial-gradient(circle,rgba(37,99,235,.28),rgba(255,255,255,.03));font-size:44px;display:grid;place-items:center;width:94px;height:94px;margin-bottom:17px;border:1px solid color-mix(in srgb,var(--brand-secondary) 22%,#dbeafe);border-radius:50%;color:var(--brand-secondary);background:radial-gradient(circle,color-mix(in srgb,var(--brand-secondary) 11%,#fff),#fff);box-shadow:0 0 0 12px color-mix(in srgb,var(--brand-secondary) 4%,transparent);font-size:36px}
.scanner-state h2{margin:0 0 7px;font-size:25px;font-weight:850;letter-spacing:-.045em}
.scanner-state p{max-width:520px;margin:0;font-size:12px;line-height:1.6}
.quick-scan-box input{min-height:56px}
.camera-wide{width:100%;margin-top:10px;background:#111c2f;color:#fff;border-color:#26364e;width:100%;margin-top:10px}
.result-empty>div{max-width:430px}
.result-empty-icon{font-size:50px;opacity:.2;display:grid;place-items:center;width:76px;height:76px;margin:0 auto 15px;border-radius:22px;color:var(--cs-success);background:var(--cs-success-soft);font-size:23px;font-weight:900}
.payment-card{border:2px solid #f59e0b;background:#fffdfa;border-radius:18px;padding:20px;min-height:100%;padding:19px}
.price-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0;display:flex;flex-direction:column;gap:9px;margin:15px 0}
.price-cell{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #eef1f5}
.total-box{text-align:center;padding:17px;border-radius:16px;background:#fff7ed;border:1px solid #fed7aa;padding:18px;border-radius:17px;color:#fff;background:linear-gradient(135deg,#0c1529,var(--brand-secondary));text-align:center}
.total-box small{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.total-box strong{display:block;margin-top:5px;font-size:clamp(36px,10vw,54px);letter-spacing:-.06em;line-height:1}
.payment-main-action{position:sticky;bottom:92px;z-index:10;margin-top:14px}
.ticket-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid;grid-template-columns:1fr;gap:11px}
.choice-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px;text-align:left;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:.18s;display:flex;min-height:82px;align-items:center;gap:13px;padding:14px;border:1px solid var(--cs-line);border-radius:15px;color:var(--cs-ink);background:#fff;cursor:pointer}
.choice-card:hover,.choice-card.active{border-color:color-mix(in srgb,var(--brand-secondary) 48%,var(--cs-line));background:color-mix(in srgb,var(--brand-secondary) 4%,#fff)}
.choice-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand-secondary) 11%,#fff);color:var(--brand-secondary);font-weight:900;margin-bottom:5px;display:grid;place-items:center;width:45px;height:45px;flex:0 0 45px;border-radius:12px;color:#344054;background:#f2f4f7}
.choice-card.active .choice-icon{color:#fff;background:var(--brand-secondary)}
.ticket-form-panel{margin-bottom:18px;padding:18px}
.ticket-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid;grid-template-columns:1fr;gap:13px}
.ticket-preview{background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px;display:flex;flex-direction:column;gap:11px;min-width:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 1px 2px rgba(15,23,42,.03);min-width:0;padding:15px;border:1px solid var(--cs-line);border-radius:17px;background:#fff;box-shadow:var(--cs-shadow-xs)}
.ticket-preview-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;display:flex;justify-content:space-between;gap:10px;min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.ticket-preview-head h3{margin:7px 0 3px;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.ticket-preview-head p{margin:0;color:var(--cs-muted);font-size:11px}
.qr-mini{min-height:140px;display:grid;place-items:center;width:142px;height:142px;margin:14px auto;display:grid;place-items:center;border-radius:12px;background:#fff;border:1px solid #edf2f7;display:grid;place-items:center;width:158px;height:158px;margin:15px auto;border:1px solid var(--cs-line);border-radius:14px;background:#fff}
.ticket-actions{display:flex;gap:8px;flex-wrap:wrap;display:grid;grid-template-columns:1fr 1fr;gap:7px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ticket-meta{display:flex;flex-direction:column;gap:3px;margin-top:10px;padding-top:9px;border-top:1px dashed var(--line);font-size:9px;color:var(--muted);overflow-wrap:anywhere;display:flex;margin-top:13px;padding-top:12px;flex-direction:column;gap:4px;border-top:1px solid var(--cs-line);color:var(--cs-muted);font-size:9px;overflow-wrap:anywhere}
.list-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px;color:var(--muted);display:flex;margin-bottom:13px;align-items:center;justify-content:space-between;gap:11px}
.back-link{display:inline-flex;margin-bottom:9px;color:var(--brand-secondary);font-size:11px;font-weight:800}
.picker-result:last-child{border-bottom:0}
.picker-result:hover{background:#f1f5f9;background:#f8fafc}
.beneficiary-picker{position:relative;position:relative}
.picker-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid;grid-template-columns:1fr;gap:8px}
.picker-results{position:absolute;left:0;right:0;top:calc(100% - 18px);z-index:90;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 45px rgba(15,23,42,.16);padding:6px;max-height:320px;overflow:auto;scrollbar-width:none;overflow:hidden;border:1px solid var(--cs-line);border-radius:14px;background:#fff;box-shadow:var(--cs-shadow-md);position:static;max-height:280px;margin-top:7px;overflow-y:auto}
.picker-result{width:100%;border:0;background:#fff;border-radius:9px;padding:10px 11px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:3px;width:100%;padding:12px 13px;border:0;border-bottom:1px solid #eef1f5;background:#fff;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:3px}
.picker-result b{font-size:12px;font-size:12px}
.picker-result span,.picker-loading,.picker-empty{color:var(--cs-muted);font-size:10px}
.picker-loading,.picker-empty{padding:13px}
.rate-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid;grid-template-columns:1fr;gap:13px}
.rate-card{border:1px solid var(--line);border-radius:18px;padding:18px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 8px 24px rgba(15,23,42,.04);padding:17px;border:1px solid var(--cs-line);border-radius:16px;background:var(--cs-surface);box-shadow:var(--cs-shadow-xs)}
.rate-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.rate-tier-list{display:grid;gap:8px;margin:16px 0;display:flex;margin-top:13px;flex-direction:column;gap:8px}
.rate-tier-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border-radius:11px;background:#f8fafc}
.inline-pay{display:flex;gap:6px;align-items:center;display:flex;flex-wrap:wrap;gap:7px}
.settings-empty{display:flex;min-height:300px;align-items:center;justify-content:center;flex-direction:column;text-align:center}
.settings-icon{display:grid;place-items:center;width:62px;height:62px;margin-bottom:13px;border-radius:18px;color:var(--brand-secondary);background:var(--cs-info-soft)}
.settings-head{display:flex;margin-bottom:18px;flex-direction:column;gap:12px}
.settings-head h2{margin:5px 0 6px;font-size:31px;font-weight:850;letter-spacing:-.05em}
.settings-grid{align-items:start}
.branding-preview{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--cs-line);border-radius:15px;background:#f9fafb}
.branding-preview>div:last-child{display:flex;flex-direction:column}
.branding-preview small{color:var(--cs-muted);font-size:10px}
.branding-logo-box{display:grid;place-items:center;width:68px;height:68px;flex:0 0 68px;overflow:hidden;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--brand-secondary),var(--brand-accent));font-size:18px;font-weight:900}
.branding-logo-box img{width:100%;height:100%;padding:6px;object-fit:contain;background:#fff}
.color-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;display:grid;grid-template-columns:1fr;gap:9px}
.color-input input[type="color"]{min-height:52px;padding:5px}
.palette-note{display:grid;grid-template-columns:repeat(3,30px) 1fr;align-items:center;gap:7px;padding:12px;border:1px solid var(--cs-line);border-radius:13px;background:#f8fafc}
.palette-note>span{width:30px;height:30px;border-radius:9px;border:1px solid rgba(16,24,40,.08)}
.palette-note p{grid-column:1 / -1;margin:4px 0 0;color:var(--cs-muted);font-size:10px}
.login-url-card{display:flex;align-items:center;gap:11px;margin-top:15px;padding:13px;border:1px solid var(--cs-line);border-radius:13px;background:#f8fafc}
.login-url-card>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:var(--brand-secondary);background:var(--cs-info-soft)}
.login-url-card>div{display:flex;min-width:0;flex-direction:column}
.login-url-card small{color:var(--cs-muted);font-size:9px}
.login-url-card b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.inline-create{margin-top:15px;padding-top:15px;border-top:1px solid var(--cs-line)}
.inline-create summary{color:var(--brand-secondary);font-weight:800;cursor:pointer}
.import-report{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.import-report>div{padding:13px;border:1px solid var(--cs-line);border-radius:14px;background:#fff;box-shadow:var(--cs-shadow-xs)}
.import-report span{display:block;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);color:var(--cs-muted);font-size:9px;font-weight:800;text-transform:uppercase}
.import-report strong{display:block;font-size:22px;margin-top:5px;display:block;margin-top:5px;font-size:23px}
.import-errors summary{cursor:pointer;font-weight:800;cursor:pointer}
.capacity-ring{display:flex;align-items:center;gap:16px;display:grid;place-items:center;width:146px;height:146px;margin:0 auto;border-radius:50%;background:conic-gradient(var(--brand-secondary) var(--occupancy,0%),#edf1f5 0)}
.capacity-ring::before{content:"";width:116px;height:116px;border-radius:50%;background:#fff}
.capacity-number{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--brand-accent) var(--pct),#e8edf3 0);position:relative;position:absolute;font-size:25px;font-weight:850}
.chart-bars{display:flex;align-items:flex-end;gap:6px;height:180px;padding:10px 0;display:flex;min-height:220px;align-items:flex-end;gap:7px;padding:18px 4px 0}
.chart-bar{flex:1;min-width:16px;background:linear-gradient(180deg,var(--brand-secondary),var(--brand-accent));border-radius:7px 7px 2px 2px;position:relative;flex:1;min-width:5px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,var(--brand-secondary),var(--brand-accent))}
body.auth-body,.auth-body{min-height:100dvh;margin:0;color:var(--cs-ink);background:#f5f7fa;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.auth-shell{display:grid;grid-template-columns:1fr;min-height:100dvh;background:radial-gradient(circle at 92% 4%,color-mix(in srgb,var(--brand-secondary) 10%,transparent),transparent 25rem),#f5f7fa}
.auth-story{position:relative;display:none;overflow:hidden;color:#fff;background:linear-gradient(145deg,#08111f,#121d35)}
.auth-story-content{position:relative;z-index:2;display:flex;height:100%;padding:52px;flex-direction:column}
.auth-story-brand{display:flex;align-items:center;gap:12px}
.auth-story-brand>span,.auth-story-brand>img{display:grid;place-items:center;width:46px;height:46px;padding:6px;border-radius:14px;color:#101828;background:#fff;object-fit:contain;font-weight:900}
.auth-story-brand strong{font-size:15px}
.auth-story-main{max-width:650px;margin:auto 0}
.auth-story-main h2{margin:15px 0 18px;font-size:clamp(40px,4vw,58px);font-weight:860;letter-spacing:-.065em;line-height:1.02}
.auth-story-main p{max-width:590px;color:#aebdd1;font-size:15px;line-height:1.75}
.auth-trust{display:flex;flex-wrap:wrap;gap:20px;color:#aec0d7;font-size:11px}
.auth-story-glow{position:absolute;border-radius:50%;opacity:.42}
.auth-story-glow.one{top:-190px;right:-210px;width:560px;height:560px;background:radial-gradient(circle,color-mix(in srgb,var(--brand-secondary) 82%,#fff),transparent 68%)}
.auth-story-glow.two{bottom:-210px;left:-210px;width:470px;height:470px;background:radial-gradient(circle,color-mix(in srgb,var(--brand-accent) 58%,#fff),transparent 68%)}
.auth-panel{display:flex;min-height:100dvh;align-items:center;justify-content:center;padding:24px 16px}
.auth-panel-inner{width:100%;max-width:470px}
.auth-card{width:100%;padding:26px;border:1px solid var(--cs-line);border-radius:24px;background:rgba(255,255,255,.98);box-shadow:0 26px 76px rgba(16,24,40,.12)}
.auth-mobile-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}
.auth-mobile-brand>div{display:flex;flex-direction:column}
.auth-mobile-brand strong{font-size:14px}
.auth-mobile-brand small{color:var(--cs-muted);font-size:10px}
.auth-heading h1{margin:8px 0 8px;font-size:32px;font-weight:860;letter-spacing:-.055em}
.auth-heading p{margin:0 0 25px;color:var(--cs-muted);font-size:13px;line-height:1.6}
.auth-form{display:flex;flex-direction:column;gap:15px}
.auth-form input{min-height:56px;background:#fbfcfe}
.auth-security-note{margin:18px 0 0;color:#8a96a8;font-size:10px;text-align:center}
.auth-footer{margin-top:18px;color:#98a2b3;font-size:9px;text-align:center}
.auth-company-logo{display:grid;place-items:center;width:48px;height:48px;overflow:hidden;border:1px solid var(--cs-line);border-radius:14px;background:#fff}
.auth-company-logo img{width:100%;height:100%;padding:5px;object-fit:contain}
.portal-body{background:linear-gradient(180deg,#eef3f8,#f8fafc);min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 85% 0,color-mix(in srgb,var(--brand-secondary) 9%,transparent),transparent 24rem),#f5f7fa}
.portal-wrap{width:min(760px,calc(100% - 28px));margin:0 auto;padding:28px 0 60px;width:min(100%,660px);margin:0 auto;padding:20px 12px 44px}
.portal-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px;display:flex;align-items:center;gap:11px;margin-bottom:20px}
.portal-brand>div{display:flex;flex-direction:column}
.portal-brand b{font-size:14px}
.portal-brand small{color:var(--muted);margin-top:2px;color:var(--cs-muted);font-size:10px}
.portal-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:23px;margin-bottom:15px;box-shadow:0 8px 30px rgba(15,23,42,.05);margin-bottom:14px;padding:20px;border:1px solid var(--cs-line);border-radius:21px;background:#fff;box-shadow:var(--cs-shadow-md)}
.global-loader{position:fixed;left:0;right:0;top:0;height:3px;z-index:9999;pointer-events:none;opacity:0;transition:opacity .15s;position:fixed;inset:0;z-index:2500;display:none;place-items:center;background:rgba(248,250,252,.74);backdrop-filter:blur(5px)}
.global-loader.active{opacity:1;display:grid}
.global-loader span{display:block;height:100%;width:34%;background:linear-gradient(90deg,var(--brand-secondary),var(--brand-accent));transform:translateX(-110%);width:44px;height:44px;border:4px solid #dbe3ee;border-top-color:var(--brand-secondary);border-radius:50%;animation:cs-spin .7s linear infinite}
@keyframes cs-spin{to{transform:rotate(360deg)}
}
@media (min-width:640px){.content{padding:25px 20px 112px}
}
@media (min-width:640px){.card{padding:20px}
}
@media (min-width:640px){.page-actions .btn,.page-hero-actions .btn{flex:0 0 auto}
}
@media (min-width:640px){.summary-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:640px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:640px){.form-grid.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:640px){.form-actions{flex-direction:row}
}
@media (min-width:640px){.form-actions .btn{width:auto}
}
@media (min-width:640px){.search-bar,.filter-bar{flex-direction:row}
}
@media (min-width:640px){.data-toolbar-actions{align-items:center;flex-direction:row}
}
@media (min-width:640px){.quick-actions{flex-direction:row;flex-wrap:wrap}
}
@media (min-width:640px){.action-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:640px){.operator-welcome{align-items:center;justify-content:space-between;flex-direction:row}
}
@media (min-width:640px){.scan-cta{min-width:270px}
}
@media (min-width:640px){.operator-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:640px){.simple-metric:first-child{grid-column:auto}
}
@media (min-width:640px){.ticket-choice-grid,.ticket-card-grid,.rate-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:640px){.dialog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:640px){.dialog-footer{justify-content:flex-end;flex-direction:row}
}
@media (min-width:640px){.top-user-copy{display:flex}
}
@media (min-width:640px){.connection-status{display:flex}
}
@media (min-width:640px){.import-report{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (min-width:640px){.color-row{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:640px){.settings-head{align-items:flex-start;justify-content:space-between;flex-direction:row}
}
@media (min-width:640px){.quick-scan-box{grid-template-columns:minmax(0,1fr) auto}
}
@media (min-width:640px){.operator-hints{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:640px){.picker-input-wrap{grid-template-columns:minmax(0,1fr) auto}
}
@media (min-width:640px){.picker-results{position:absolute;right:0;left:0;z-index:90}
}
@media (min-width:992px){body.app-body{font-size:15px}
}
@media (min-width:992px){.sidebar{width:var(--cs-sidebar-width);padding:14px 12px;box-shadow:none;transform:none}
}
@media (min-width:992px){.sidebar-close,.sidebar-backdrop,.mobile-dock,.mobile-menu{display:none}
}
@media (min-width:992px){.main{width:calc(100% - var(--cs-sidebar-width));margin-left:var(--cs-sidebar-width);padding-bottom:0}
}
@media (min-width:992px){.topbar{min-height:var(--cs-topbar-height);padding:12px 28px}
}
@media (min-width:992px){.desktop-collapse{display:grid}
}
@media (min-width:992px){.top-title h1{font-size:20px}
}
@media (min-width:992px){.content{padding:30px 30px 56px}
}
@media (min-width:992px){.page-head,.responsive-head,.page-hero{align-items:flex-end;justify-content:space-between;flex-direction:row;gap:24px}
}
@media (min-width:992px){.page-head h1,.page-hero h1{font-size:38px}
}
@media (min-width:992px){.page-actions,.page-hero-actions{justify-content:flex-end}
}
@media (min-width:992px){.card{padding:22px}
}
@media (min-width:992px){.card-title{align-items:flex-start;justify-content:space-between;flex-direction:row}
}
@media (min-width:992px){.data-card>.card-title,.data-card>.data-toolbar{padding:20px 22px 0}
}
@media (min-width:992px){.data-toolbar{align-items:center;justify-content:space-between;flex-direction:row}
}
@media (min-width:992px){.data-toolbar-actions{max-width:720px}
}
@media (min-width:992px){.grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
}
@media (min-width:992px){.span12{grid-column:span 12}
}
@media (min-width:992px){.span9{grid-column:span 9}
}
@media (min-width:992px){.span8{grid-column:span 8}
}
@media (min-width:992px){.span7{grid-column:span 7}
}
@media (min-width:992px){.span6{grid-column:span 6}
}
@media (min-width:992px){.span5{grid-column:span 5}
}
@media (min-width:992px){.span4{grid-column:span 4}
}
@media (min-width:992px){.span3{grid-column:span 3}
}
@media (min-width:992px){.btn{min-height:44px;padding:9px 14px;font-size:12px}
}
@media (min-width:992px){.btn.small{min-height:37px;padding:7px 10px;font-size:10px}
}
@media (min-width:992px){.btn.huge{min-height:52px;font-size:13px}
}
@media (min-width:992px){.field input,.field select,.field textarea,label input,label select,label textarea,input,select,textarea{min-height:47px;padding:10px 13px;font-size:13px}
}
@media (min-width:992px){.page-intro{align-items:center;justify-content:space-between;flex-direction:row;padding:27px 29px}
}
@media (min-width:992px){.hero-card,.operator-welcome{padding:28px 30px}
}
@media (min-width:992px){.hero-card h2,.page-intro h2,.operator-welcome h2{font-size:34px}
}
@media (min-width:992px){.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:992px){.kpi{min-height:116px;padding:18px}
}
@media (min-width:992px){.action-tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:992px){.activity-main span{max-width:60vw}
}
@media (min-width:992px){.validator-stage{grid-template-columns:minmax(0,.82fr) minmax(390px,1.18fr);gap:18px}
}
@media (min-width:992px){.scanner-card{padding:23px}
}
@media (min-width:992px){.payment-main-action{position:static}
}
@media (min-width:992px){.ticket-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:992px){.rate-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:992px){.auth-shell{grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr)}
}
@media (min-width:992px){.auth-story{display:block}
}
@media (min-width:992px){.auth-panel{padding:42px}
}
@media (min-width:992px){.auth-mobile-brand{display:none}
}
@media (min-width:992px){.auth-card{max-width:410px;margin:auto;padding:0;border:0;background:transparent;box-shadow:none}
}
@media (min-width:992px){.auth-footer{text-align:left}
}
@media (min-width:992px){.portal-wrap{padding-top:34px}
}
@media (min-width:992px){body.sidebar-collapsed .sidebar{width:var(--cs-sidebar-collapsed);padding-right:10px;padding-left:10px}
}
@media (min-width:992px){body.sidebar-collapsed .main{width:calc(100% - var(--cs-sidebar-collapsed));margin-left:var(--cs-sidebar-collapsed)}
}
@media (min-width:992px){body.sidebar-collapsed .brand-copy,body.sidebar-collapsed .workspace-label b,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .nav-section,body.sidebar-collapsed .nav-group>summary>b,body.sidebar-collapsed .user-copy,body.sidebar-collapsed .link-button span{display:none}
}
@media (min-width:992px){body.sidebar-collapsed .sidebar .brand{justify-content:center;padding-right:0;padding-left:0}
}
@media (min-width:992px){body.sidebar-collapsed .workspace-label{justify-content:center;margin-right:5px;margin-left:5px;padding-right:0;padding-left:0}
}
@media (min-width:992px){body.sidebar-collapsed .sidebar-nav .nav-link,body.sidebar-collapsed .nav-group>summary{justify-content:center;padding-right:8px;padding-left:8px}
}
@media (min-width:992px){body.sidebar-collapsed .nav-group-body{padding-left:0}
}
@media (min-width:992px){body.sidebar-collapsed .sidebar-foot{display:flex;align-items:center;flex-direction:column}
}
@media (min-width:992px){body.sidebar-collapsed .user-mini,body.sidebar-collapsed .link-button{justify-content:center}
}
@media (min-width:992px){body.sidebar-collapsed .desktop-collapse .ui-icon{transform:rotate(180deg)}
}
@media (min-width:1180px){.table.responsive-enhanced:not(.wide-table){border-collapse:separate}
}
@media (min-width:1180px){.table.responsive-enhanced:not(.wide-table) thead{display:table-header-group}
}
@media (min-width:1180px){.table.responsive-enhanced:not(.wide-table) tbody{display:table-row-group}
}
@media (min-width:1180px){.table.responsive-enhanced:not(.wide-table) tr{display:table-row;overflow:visible;border:0;border-radius:0;box-shadow:none}
}
@media (min-width:1180px){.table.responsive-enhanced:not(.wide-table) td{display:table-cell;width:auto;padding:13px;border-bottom:1px solid #eef1f5;text-align:left}
}
@media (min-width:1180px){.table.responsive-enhanced:not(.wide-table) td::before{display:none}
}
@media (min-width:1180px){.table.responsive-enhanced:not(.wide-table) .entity-cell{justify-content:flex-start}
}
@media (min-width:1180px){.table.responsive-enhanced:not(.wide-table) .entity-copy{align-items:flex-start}
}
@media (min-width:1180px){.table.responsive-enhanced:not(.wide-table) .table-actions{justify-content:flex-end}
}
@media (min-width:1180px){.ticket-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:900px){.table.responsive-enhanced.wide-table tbody{display:grid;gap:11px}
}
@media (min-width:900px){.table.responsive-enhanced.wide-table tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:13px;border:1px solid var(--cs-line);border-radius:16px;background:var(--cs-surface);box-shadow:var(--cs-shadow-xs)}
}
@media (min-width:900px){.table.responsive-enhanced.wide-table td{display:flex;align-items:flex-start;flex-direction:column;gap:5px;padding:8px 10px;border:0;text-align:left}
}
@media (min-width:900px){.table.responsive-enhanced.wide-table td::before{display:block;color:#98a2b3;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
}
@media (min-width:900px){.table.responsive-enhanced.wide-table td:first-child{grid-column:span 2}
}
@media (min-width:900px){.table.responsive-enhanced.wide-table td:last-child{align-items:flex-end}
}
@media (min-width:1280px){.content{padding-right:36px;padding-left:36px}
}
@media (min-width:1280px){.summary-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1280px){.super-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:639px){.top-user{padding:0;border:0;background:transparent;box-shadow:none}
}
@media (max-width:639px){.top-user-mark{width:40px;height:40px;flex-basis:40px}
}
@media (max-width:639px){.page-actions,.page-hero-actions{display:grid;grid-template-columns:1fr 1fr}
}
@media (max-width:639px){.page-actions .btn:only-child,.page-hero-actions .btn:only-child,.page-actions .btn.primary,.page-hero-actions .btn.primary{grid-column:1 / -1}
}
@media (max-width:639px){.pagination{display:grid;grid-template-columns:1fr auto 1fr}
}
@media (max-width:639px){.pagination .btn{width:100%}
}
@media (max-width:639px){.cs-dialog{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}
}
@media (max-width:639px){.dialog-panel{height:100dvh;max-height:100dvh}
}
@media (max-width:639px){.dialog-body{flex:1}
}
@media (max-width:639px){.dialog-head{padding-top:max(20px,env(safe-area-inset-top))}
}
@media (max-width:639px){.dialog-footer{padding-bottom:max(15px,env(safe-area-inset-bottom))}
}
@media (max-width:639px){.activity-main span{max-width:52vw}
}
@media (max-width:639px){.role-cashier .content{padding-top:13px}
}
@media (max-width:639px){.palette-note{grid-template-columns:repeat(3,30px)}
}
@media (max-width:639px){.palette-note p{grid-column:1 / -1}
}
@media (max-width:359px){.content{padding-right:9px;padding-left:9px}
}
@media (max-width:359px){.card{padding:14px}
}
@media (max-width:359px){.mobile-dock{right:5px;left:5px}
}
@media (max-width:359px){.mobile-dock a,.mobile-dock button{min-height:57px}
}
@media (max-width:359px){.mobile-dock small{font-size:8px}
}
@media (max-width:359px){.top-title h1{font-size:16px}
}
@media (max-width:359px){.btn{font-size:12px}
}
@media (max-width:359px){.kpi-value{font-size:22px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto;animation:none;transition:none}
}
@media print{.sidebar,.topbar,.mobile-dock,.scope-banner,.global-loader,.page-actions,.no-print{display:none !important}
}
@media print{.main{margin:0;width:100%;width:100% !important;margin:0 !important}
}
@media print{.content{padding:0;max-width:none !important;padding:0 !important}
}
@media print{.card{border-color:#ddd !important;box-shadow:none !important}
}
.occupancy-card{display:flex;flex-direction:column;gap:11px;padding:15px;background:linear-gradient(120deg,#fff,#f8fbff)}
.occupancy-card-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.occupancy-card-copy>div{display:flex;flex-direction:column}
.occupancy-card-copy b{font-size:13px}
.occupancy-card-copy span{margin-top:2px;color:var(--cs-muted);font-size:9px}
.occupancy-card-copy>strong{font-size:22px;letter-spacing:-.04em}
.occupancy-card .progress{height:9px}
.yard-page .entity-avatar .ui-icon{width:18px;height:18px}
@media (min-width:992px){.occupancy-card{padding:17px 19px}
}
@media (min-width:992px){.occupancy-card-copy b{font-size:14px}
}
@media (min-width:992px){.occupancy-card-copy>strong{font-size:25px}
}
.workflow-card{overflow:hidden;border:1px solid var(--cs-line);border-radius:var(--cs-radius-lg);background:#fff;box-shadow:var(--cs-shadow-sm)}
.workflow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 18px 14px;border-bottom:1px solid var(--cs-line);background:linear-gradient(180deg,#fff,#fcfdff)}
.workflow-head h2,.data-toolbar h2{margin:3px 0 4px;color:var(--cs-ink);font-size:19px;font-weight:840;letter-spacing:-.035em}
.workflow-head p,.data-toolbar p{margin:0;color:var(--cs-muted);font-size:11px;line-height:1.55}
.section-kicker{display:block;color:#7f8ca3;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.workflow-card>.ticket-choice-grid{padding:14px;border-bottom:1px solid var(--cs-line);background:#f8fafc}
.workflow-card>.ticket-form-panel{border:0;border-radius:0;box-shadow:none}
.choice-card>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;align-items:flex-start;text-align:left}
.choice-card>span:nth-child(2) b{font-size:12px;font-weight:820}
.choice-card>span:nth-child(2) small{margin-top:3px;color:var(--cs-muted);font-size:9.5px;line-height:1.35}
.choice-card>i{display:grid;place-items:center;margin-left:auto;color:#98a2b3;font-style:normal;transform:rotate(-90deg)}
.choice-card>i .ui-icon{width:15px;height:15px}
.choice-card.active>i{color:var(--brand-secondary)}
.choice-icon .ui-icon{width:20px;height:20px}
.form-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:17px;padding-bottom:14px;border-bottom:1px solid var(--cs-line)}
.form-section-title h3{margin:0;margin:3px 0 4px;color:var(--cs-ink);font-size:17px;font-weight:830;letter-spacing:-.03em}
.form-section-title p{margin:5px 0 0;max-width:650px;margin:0;color:var(--cs-muted);font-size:10.5px;line-height:1.55}
.form-submit-bar{display:flex;align-items:stretch;flex-direction:column;gap:12px;margin-top:3px;padding:13px;border:1px solid var(--cs-line);border-radius:14px;background:#f8fafc}
.form-submit-bar>div{display:flex;flex-direction:column;justify-content:center}
.form-submit-bar b{color:var(--cs-ink-soft);font-size:11px}
.form-submit-bar small{margin-top:2px;color:var(--cs-muted);font-size:9px;line-height:1.45}
.input-icon{display:none}
.summary-chip>b{font-size:20px;font-weight:850;letter-spacing:-.035em}
.emissions-card{margin-top:18px}
.emissions-card .table td small{display:block;margin-top:3px;color:var(--cs-muted);font-size:9px}
@media (min-width:640px){.workflow-head{padding:21px 22px 16px}
}
@media (min-width:640px){.workflow-card>.ticket-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 20px}
}
@media (min-width:640px){.workflow-card>.ticket-form-panel{padding:22px}
}
@media (min-width:640px){.form-submit-bar{align-items:center;justify-content:space-between;flex-direction:row}
}
@media (min-width:640px){.form-submit-bar .btn{flex:0 0 auto;min-width:220px}
}
@media (min-width:640px){.picker-input-wrap{position:relative;grid-template-columns:1fr auto}
}
@media (min-width:640px){.picker-input-wrap .input-icon{display:grid;position:absolute;z-index:2;left:14px;top:50%;place-items:center;color:#98a2b3;transform:translateY(-50%)}
}
@media (min-width:640px){.picker-input-wrap .input-icon .ui-icon{width:18px;height:18px}
}
@media (min-width:640px){.picker-input-wrap input{padding-left:43px}
}
@media (min-width:1200px){.workflow-card>.ticket-choice-grid{max-width:none}
}
@media (min-width:1200px){.ticket-form-panel form.stack{max-width:980px}
}
.finance-sources,.platform-source-strip{grid-template-columns:1fr;margin-bottom:16px}
.finance-sources .summary-chip,.platform-source-strip .summary-chip{min-height:88px}
.summary-chip-copy>span{margin-top:2px;color:var(--cs-muted);font-size:8px;line-height:1.35}
.finance-ledgers,.report-grid{margin-top:0}
.chart-panel{overflow:hidden}
.chart-panel .chart-bars{position:relative;min-height:230px;padding:20px 6px 2px;border-bottom:1px solid var(--cs-border);background:linear-gradient(180deg,#fff,#fbfcfe)}
.chart-panel .chart-bar{min-width:6px;transition:filter var(--cs-transition),transform var(--cs-transition)}
.chart-panel .chart-bar:hover{filter:saturate(1.25);transform:translateY(-2px)}
@media (min-width:640px){.finance-sources,.platform-source-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.portal-auth-card{width:100%;padding:22px;border:1px solid var(--cs-line);border-radius:24px;background:#fff;box-shadow:var(--cs-shadow-lg)}
.portal-auth-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:18px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--brand-secondary),var(--brand-accent));box-shadow:0 14px 30px color-mix(in srgb,var(--brand-secondary) 24%,transparent)}
.portal-auth-icon .ui-icon{width:25px;height:25px}
.portal-auth-heading h1,.portal-info-card h1{margin:6px 0 8px;color:var(--cs-ink);font-size:28px;font-weight:850;letter-spacing:-.045em;line-height:1.08}
.portal-auth-heading p,.portal-info-card>p{margin:0 0 21px;color:var(--cs-muted);font-size:12px;line-height:1.65}
.portal-security-note,.portal-instruction{display:flex;align-items:flex-start;gap:9px;margin-top:16px;padding:12px;border:1px solid #dbeafe;border-radius:13px;color:#344054;background:#f5f9ff;font-size:10px;line-height:1.5}
.portal-security-note .ui-icon,.portal-instruction .ui-icon{width:18px;height:18px;flex:0 0 18px;color:var(--brand-secondary)}
.portal-info-card{text-align:left}
.portal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 4px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 16px}
.portal-header h1{margin:3px 0 0;font-size:22px;margin:5px 0 4px;font-size:clamp(25px,7vw,34px);font-weight:850;letter-spacing:-.05em;line-height:1.05}
.portal-header p{max-width:560px;margin:0;color:var(--cs-muted);font-size:11px;line-height:1.55}
.portal-section-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid var(--cs-line)}
.portal-step{display:grid;place-items:center;width:33px;height:33px;flex:0 0 33px;border-radius:11px;color:#fff;background:var(--brand-secondary);font-size:12px;font-weight:900}
.portal-section-head h2{margin:1px 0 4px;font-size:17px;font-weight:830;letter-spacing:-.03em}
.portal-section-head p{margin:0;color:var(--cs-muted);font-size:10px;line-height:1.45}
.qr-success-head{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.qr-success-head h2{margin:3px 0 2px;font-size:18px;font-weight:840}
.qr-success-head p{margin:0;color:var(--cs-muted);font-size:10px}
.qr-success-icon{display:grid;place-items:center;width:45px;height:45px;flex:0 0 45px;border-radius:14px;color:var(--cs-success);background:var(--cs-success-soft)}
.qr-success-icon .ui-icon{width:22px;height:22px}
.reference-line{text-align:center;margin:12px 0;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:11px 12px;border:1px solid var(--cs-line);border-radius:12px;background:#f8fafc;color:var(--cs-muted);font-size:9px}
.reference-line b{color:var(--cs-ink-soft);font-size:10px}
.countdown{text-align:center;display:flex;flex-direction:column;gap:4px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:12px;padding:12px;border-radius:13px;color:#fff;background:#0c1529}
.countdown span{font-size:10px;font-weight:750}
.countdown strong{font-size:27px;font-size:20px;font-variant-numeric:tabular-nums}
@media (min-width:640px){.portal-auth-card{padding:30px}
}
@media (min-width:640px){.portal-card{padding:25px}
}
.input-shell{display:block;position:relative;display:block}
.input-shell.has-leading-icon .input-leading{position:absolute;z-index:2;top:50%;left:15px;display:grid;width:20px;height:20px;place-items:center;color:#98a2b3;transform:translateY(-50%);pointer-events:none}
.input-shell.has-leading-icon .input-leading .ui-icon{width:18px;height:18px}
.input-shell.has-leading-icon input{padding-left:46px}
.input-shell.has-action input{padding-right:52px}
.input-action{position:absolute;z-index:3;top:50%;right:8px;display:grid;width:40px;height:40px;min-height:40px;padding:0;border:0;border-radius:10px;color:#667085;background:transparent;place-items:center;transform:translateY(-50%);cursor:pointer;transition:color var(--cs-ease),background var(--cs-ease)}
.input-action:hover,.input-action:focus-visible{color:var(--brand-secondary);background:color-mix(in srgb,var(--brand-secondary) 7%,#fff);outline:0}
.input-action .ui-icon{width:19px;height:19px}
.auth-assurance{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:12px 13px;border:1px solid #e0e7f0;border-radius:14px;background:#f8fafc}
.auth-assurance>span{display:grid;width:34px;height:34px;flex:0 0 34px;border-radius:10px;color:var(--brand-secondary);background:color-mix(in srgb,var(--brand-secondary) 8%,#fff);place-items:center}
.auth-assurance>span .ui-icon{width:17px;height:17px}
.auth-assurance p{display:flex;min-width:0;flex-direction:column;margin:0}
.auth-assurance b{color:var(--cs-ink-soft);font-size:10px}
.auth-assurance small{margin-top:2px;color:var(--cs-muted);font-size:9px;line-height:1.45}
.validator-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.validator-mobile-head h2{margin:3px 0 0;font-size:21px;font-weight:850;letter-spacing:-.04em}
.connection-pill{display:inline-flex;min-height:30px;align-items:center;gap:7px;padding:6px 10px;border:1px solid #abefc6;border-radius:999px;color:var(--cs-success);background:var(--cs-success-soft);font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.connection-pill i{width:7px;height:7px;border-radius:50%;background:#17b26a;box-shadow:0 0 0 4px rgba(23,178,106,.12)}
.connection-pill.offline{border-color:#fecdca;color:var(--cs-danger);background:var(--cs-danger-soft)}
.connection-pill.offline i{background:#f04438;box-shadow:0 0 0 4px rgba(240,68,56,.12)}
.desktop-connection{display:none}
.scanner-orb .ui-icon{width:39px;height:39px}
.scanner-orb.state-validating .ui-icon{animation:cs-pulse 1s ease-in-out infinite}
.scanner-orb.state-waiting_payment{color:var(--cs-warning);border-color:#fedf89;background:radial-gradient(circle,#fffaeb,#fff)}
.scanner-orb.state-success{color:var(--cs-success);border-color:#abefc6;background:radial-gradient(circle,#ecfdf3,#fff)}
.scanner-orb.state-error{color:var(--cs-danger);border-color:#fecdca;background:radial-gradient(circle,#fef3f2,#fff)}
@keyframes cs-pulse{50%{opacity:.42;transform:scale(.9)}
}
.quick-scan-box{display:grid;grid-template-columns:1fr;gap:9px;display:grid;grid-template-columns:1fr;gap:9px;display:grid;grid-template-columns:1fr;gap:9px}
.quick-scan-input{position:relative;display:block}
.quick-scan-input>.ui-icon{position:absolute;z-index:2;top:50%;left:15px;width:20px;height:20px;color:#98a2b3;transform:translateY(-50%);pointer-events:none}
.quick-scan-input input{min-height:58px;padding-left:48px;font-size:15px;font-weight:700}
.scanner-secondary-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:10px}
.fallback-box{margin-top:12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px;color:#b8c7da;margin-top:11px;padding:12px 14px;border:1px solid var(--cs-line);border-radius:13px;background:#f8fafc;border:1px solid var(--cs-line);border-radius:13px;background:#f8fafc}
.fallback-box summary{cursor:pointer;font-size:11px;font-weight:800;color:var(--cs-ink-soft);font-size:11px;font-weight:800;cursor:pointer;display:flex;min-height:48px;align-items:center;gap:9px;padding:10px 13px;color:var(--cs-ink-soft);font-size:10px;font-weight:800;cursor:pointer;list-style:none}
.fallback-box summary::-webkit-details-marker{display:none}
.fallback-box summary .ui-icon{width:17px;height:17px;color:var(--brand-secondary)}
.fallback-content{padding:0 13px 13px}
.camera-preview{display:block;width:100%;max-height:300px;margin-top:11px;border-radius:15px;background:#000;object-fit:cover}
.operator-hints{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:14px 0 0;padding:0;list-style:none}
.operator-hints li{display:flex;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:8px 4px;border:1px solid var(--cs-line);border-radius:10px;background:#f8fafc;text-align:center}
.operator-hints b{color:#fff;display:grid;place-items:center;width:21px;height:21px;flex:0 0 21px;border-radius:7px;color:var(--brand-secondary);background:var(--cs-info-soft);display:grid;width:22px;height:22px;border-radius:8px;color:var(--brand-secondary);background:color-mix(in srgb,var(--brand-secondary) 8%,#fff);font-size:9px;place-items:center}
.operator-hints span{font-size:10px;color:#9fb0c7;border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:7px;text-align:center;display:flex;align-items:center;gap:7px;min-height:40px;padding:8px 9px;border:1px solid var(--cs-line);border-radius:11px;color:var(--cs-muted);background:#f9fafb;font-size:10px;overflow:hidden;width:100%;color:var(--cs-muted);font-size:8px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.scanner-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding-top:15px;margin-top:13px;padding-top:13px;border-top:1px solid var(--cs-line);display:flex;align-items:center;justify-content:space-between;gap:10px}
.scanner-footer>span:first-child{display:flex;align-items:center;gap:7px;color:var(--cs-muted);font-size:9px;font-weight:700}
.scanner-footer .ui-icon{width:16px;height:16px;color:var(--cs-success)}
.result-panel{min-height:530px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;min-height:410px;display:flex;min-height:460px;align-items:stretch}
.result-empty{height:100%;min-height:450px;display:grid;place-items:center;text-align:center;color:var(--muted);display:grid;min-height:410px;place-items:center;padding:32px;text-align:center;display:flex;width:100%;min-height:460px;align-items:center;justify-content:center;flex-direction:column;padding:32px 20px;text-align:center}
.result-illustration{display:grid;width:76px;height:76px;margin-bottom:19px;border:1px solid #e0e7f0;border-radius:24px;color:var(--brand-secondary);background:linear-gradient(145deg,#fff,#f3f7ff);box-shadow:0 18px 40px rgba(16,24,40,.08);place-items:center}
.result-illustration .ui-icon{width:34px;height:34px}
.result-empty h2{margin:0 0 7px;font-size:25px;font-weight:850;letter-spacing:-.04em;margin:8px 0 7px;font-size:24px;font-weight:850;letter-spacing:-.045em}
.result-empty p{margin:0;color:var(--cs-muted);font-size:12px;line-height:1.6;max-width:430px;margin:0;color:var(--cs-muted);font-size:11px;line-height:1.65}
.result-empty-features{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:20px}
.result-empty-features span{padding:7px 9px;border:1px solid var(--cs-line);border-radius:999px;color:var(--cs-muted);background:#fff;font-size:8px;font-weight:800}
.operation-result{display:flex;width:100%;flex-direction:column;padding:19px}
.operation-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:17px;border-bottom:1px solid var(--cs-line)}
.operation-result-head>div:first-child{min-width:0}
.operation-result-head p{margin:4px 0 0;color:var(--cs-muted);font-size:10px;line-height:1.45}
.operation-plate{margin:10px 0 0;font-family:"SFMono-Regular",Consolas,monospace;font-size:clamp(28px,8vw,42px);font-weight:900;letter-spacing:.02em;line-height:1}
.elapsed-card{display:flex;min-width:112px;align-items:flex-end;flex-direction:column;padding:10px 12px;border:1px solid var(--cs-line);border-radius:13px;background:#f8fafc;text-align:right}
.elapsed-card span{color:var(--cs-muted);font-size:7px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.elapsed-card b{margin-top:3px;font-size:17px;font-weight:900;font-variant-numeric:tabular-nums}
.operation-facts{display:grid;grid-template-columns:1fr;gap:8px;margin-top:13px}
.operation-facts>div{display:flex;justify-content:space-between;gap:12px;padding:9px 11px;border-radius:10px;background:#f8fafc}
.operation-facts span{color:var(--cs-muted);font-size:8px;font-weight:800;text-transform:uppercase}
.operation-facts b{overflow:hidden;color:var(--cs-ink-soft);font-size:9px;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.price-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}
.price-summary>div{display:flex;min-height:68px;justify-content:space-between;flex-direction:column;padding:10px 11px;border:1px solid var(--cs-line);border-radius:12px;background:#fff}
.price-summary span{color:var(--cs-muted);font-size:8px;font-weight:800;text-transform:uppercase}
.price-summary b{margin-top:5px;font-size:16px;font-weight:850;font-variant-numeric:tabular-nums}
.price-summary .discount{border-color:#abefc6;background:var(--cs-success-soft)}
.price-summary .discount b{color:var(--cs-success)}
.amount-due{display:flex;align-items:center;flex-direction:column;margin-top:13px;padding:19px 15px;border-radius:17px;color:#fff;background:linear-gradient(135deg,#0b1427,#172442);box-shadow:0 18px 36px rgba(11,20,39,.18);text-align:center}
.amount-due.is-free{background:linear-gradient(135deg,#05603a,#078653)}
.amount-due span{font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.amount-due strong{margin:5px 0 2px;font-size:clamp(37px,11vw,54px);font-weight:900;letter-spacing:-.06em;line-height:1;font-variant-numeric:tabular-nums}
.amount-due small{color:rgba(255,255,255,.68);font-size:8px}
.payment-control{display:grid;grid-template-columns:1fr;gap:6px;margin-top:13px}
.payment-control label{font-size:9px}
.internal-finance{margin-top:12px;border:1px solid var(--line,#e5e7eb);border-radius:12px;background:#f8fafc;margin-top:11px;border:1px solid var(--cs-line);border-radius:12px;background:#f8fafc}
.internal-finance summary{cursor:pointer;padding:11px 13px;font-weight:800;font-size:12px;color:#64748b;padding:10px 12px;color:var(--cs-muted);font-size:9px;font-weight:800;cursor:pointer}
.fee-box{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:12px;border-radius:13px;background:#f8fafc;border:1px dashed #cbd5e1;margin-top:12px;display:grid;gap:7px;padding:0 12px 12px}
.fee-box>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 9px;border-radius:9px;background:#fff}
.fee-box span{font-size:10px;color:var(--muted);font-weight:800;text-transform:uppercase;color:var(--cs-muted);font-size:8px}
.fee-box strong{font-size:14px;margin-top:3px;font-size:10px}
.role-cashier .internal-finance{display:none}
.result-actions{display:flex;flex-direction:column;gap:9px;margin-top:14px}
.result-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.result-secondary-actions .btn{min-height:46px;padding:9px;font-size:10px}
.result-status-icon{display:grid;width:64px;height:64px;margin:4px auto 17px;border-radius:20px;place-items:center}
.result-status-icon .ui-icon{width:30px;height:30px}
.result-status-icon.success{color:var(--cs-success);background:var(--cs-success-soft)}
.result-status-icon.danger{color:var(--cs-danger);background:var(--cs-danger-soft)}
.result-status-icon.warning{color:var(--cs-warning);background:var(--cs-warning-soft)}
.success-result,.error-result,.neutral-result{align-items:center;justify-content:center;padding:30px 20px;text-align:center}
.success-result h2,.error-result h2,.neutral-result h2{margin:12px 0 6px;font-size:28px;font-weight:900;letter-spacing:-.05em}
.success-result>p,.error-result>p,.neutral-result>p{max-width:430px;margin:0;color:var(--cs-muted);font-size:11px;line-height:1.55}
.confirmed-amount{display:flex;width:100%;align-items:center;flex-direction:column;margin:20px 0;padding:18px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#05603a,#078653)}
.confirmed-amount span{font-size:8px;font-weight:900;text-transform:uppercase}
.confirmed-amount strong{margin-top:4px;font-size:42px;font-weight:900;letter-spacing:-.06em}
.success-metadata{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.success-metadata span{display:flex;flex-direction:column;padding:10px;border:1px solid var(--cs-line);border-radius:11px;background:#f8fafc;color:var(--cs-ink-soft);font-size:9px}
.success-metadata b{margin-bottom:2px;color:var(--cs-muted);font-size:7px;text-transform:uppercase}
.used-operation-grid{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}
.used-operation-grid>div{display:flex;min-height:65px;align-items:flex-start;justify-content:space-between;flex-direction:column;padding:10px;border:1px solid var(--cs-line);border-radius:11px;background:#f8fafc;text-align:left}
.used-operation-grid span{color:var(--cs-muted);font-size:7px;text-transform:uppercase}
.used-operation-grid b{font-size:11px}
.used-operation-grid .highlight{border-color:#fedf89;background:var(--cs-warning-soft)}
.error-result .notice,.neutral-result .notice{width:100%;margin:18px 0}
.reason-dialog .dialog-panel{max-width:520px}
@media (min-width:640px){.quick-scan-box{grid-template-columns:minmax(0,1fr) auto}
}
@media (min-width:640px){.quick-scan-box .btn{min-width:125px}
}
@media (min-width:640px){.scanner-secondary-actions{grid-template-columns:auto minmax(0,1fr);align-items:start}
}
@media (min-width:640px){.scanner-secondary-actions>.btn{min-height:48px}
}
@media (min-width:640px){.operation-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:640px){.operation-facts>div{flex-direction:column}
}
@media (min-width:640px){.operation-facts b{text-align:left}
}
@media (min-width:640px){.price-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:640px){.result-secondary-actions{grid-template-columns:1fr 1fr}
}
@media (min-width:992px){.validator-mobile-head{display:none}
}
@media (min-width:992px){.desktop-connection{display:inline-flex}
}
@media (min-width:992px){.result-panel{min-height:600px}
}
@media (min-width:992px){.scanner-card{align-self:start;position:sticky;top:calc(var(--cs-topbar-height)+18px)}
}
@media (min-width:992px){.operation-result{padding:24px}
}
.generation-card{margin-bottom:18px;border-color:#fde68a;background:linear-gradient(135deg,#fffdf4,#fff)}
.generation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.generation-head h2{margin:10px 0 4px}
.generation-head p{margin:0;max-width:720px;color:var(--muted)}
.generation-head>strong{font-size:30px;color:#b45309}
.generation-progress{height:12px;margin:22px 0 12px;overflow:hidden;border-radius:99px;background:#fef3c7}
.generation-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#16a34a);transition:width .25s ease}
.generation-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}
.generation-card .notice{margin-top:14px}
.printer-compat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}
.printer-mode-card{position:relative;min-width:0}
.printer-mode-card.recommended{border-color:#a7f3d0;background:linear-gradient(160deg,#f0fdf4,#fff 60%)}
.printer-mode-card h3{margin:14px 0 8px;font-size:19px}
.printer-mode-card p{color:var(--muted);line-height:1.55}
.printer-mode-card ul{margin:14px 0 0;padding-left:18px;color:#475569;font-size:13px;line-height:1.8}
.printer-legal-note{margin-bottom:16px}
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.printer-page code{padding:2px 5px;border-radius:5px;background:#f1f5f9;font-size:.88em}
.is-optional small{display:block;color:var(--muted);margin-top:4px}
.monthly-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
.monthly-toolbar{align-items:center}
.plan-pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.plan-pill small{color:var(--muted);margin-top:3px}
.filter-bar{display:flex;align-items:center;gap:10px;margin:0 0 16px}
.filter-bar .search-control{flex:1;min-width:220px}
.filter-bar select{min-width:190px}
.partner-logo{filter:grayscale(1);mix-blend-mode:multiply}
.cs-dialog .dialog-section{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fbfcfe}
.cs-dialog .dialog-section h3{margin:0 0 14px;font-size:15px}
.cs-dialog .notice{font-size:12px}
.print-toolbar{gap:8px}
.print-toolbar button+button{margin-left:8px}
[data-printer-test],[data-direct-ticket]{white-space:nowrap}
@media (max-width:1100px){.printer-compat-grid{grid-template-columns:1fr}
}
@media (max-width:1100px){.monthly-toolbar{align-items:flex-start}
}
@media (max-width:1100px){.plan-pills{justify-content:flex-start}
}
@media (max-width:760px){.page-actions,.module-actions{display:grid;grid-template-columns:1fr;width:100%}
}
@media (max-width:760px){.page-actions .btn,.module-actions .btn{width:100%;min-height:52px;justify-content:center}
}
@media (max-width:760px){.printer-compat-grid{gap:12px}
}
@media (max-width:760px){.printer-mode-card{padding:18px}
}
@media (max-width:760px){.monthly-summary{grid-template-columns:1fr}
}
@media (max-width:760px){.filter-bar{display:grid;grid-template-columns:1fr}
}
@media (max-width:760px){.filter-bar .search-control,.filter-bar select{min-width:0;width:100%}
}
@media (max-width:760px){.filter-bar .btn{width:100%;min-height:48px;justify-content:center}
}
@media (max-width:760px){.generation-head,.generation-footer{align-items:stretch;flex-direction:column}
}
@media (max-width:760px){.generation-head>strong{font-size:24px}
}
@media (max-width:760px){.generation-footer .btn{width:100%;min-height:50px}
}
@media (max-width:760px){.check-grid{grid-template-columns:1fr}
}
@media (max-width:760px){.plan-pills{display:grid;width:100%;grid-template-columns:1fr}
}
@media (max-width:760px){.plan-pill{width:100%}
}
@media (max-width:760px){.inline-pay{display:grid;grid-template-columns:1fr;width:100%}
}
@media (max-width:760px){.inline-pay select,.inline-pay .btn{width:100%;min-height:46px}
}
@media (prefers-reduced-motion:reduce){.generation-progress span{transition:none}
}
.cs-dialog>form,.cs-dialog>.dialog-panel,.cs-dialog form.dialog-panel{display:flex;width:100%;max-height:min(92dvh,940px);min-height:0;flex-direction:column;overflow:hidden}
.cs-dialog .dialog-head,.cs-dialog .dialog-actions,.cs-dialog .dialog-footer{flex:0 0 auto}
@media (max-width:639px){.cs-dialog,.cs-dialog-tall{width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}
}
@media (max-width:639px){.cs-dialog>form,.cs-dialog>.dialog-panel,.cs-dialog form.dialog-panel{height:100dvh;max-height:100dvh}
}
.emission-history{margin-top:20px;overflow:hidden;border:1px solid var(--cs-line);border-radius:22px;background:#fff;box-shadow:var(--cs-shadow-sm)}
.emission-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid var(--cs-line);background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)}
.emission-history-head h2{margin:4px 0 5px;color:var(--cs-ink);font-size:clamp(20px,2vw,26px);font-weight:850;letter-spacing:-.045em}
.emission-history-head p{max-width:620px;margin:0;color:var(--cs-muted);font-size:12px;line-height:1.55}
.emission-count{display:flex;min-width:116px;min-height:58px;align-items:center;justify-content:center;flex-direction:column;padding:10px 14px;border:1px solid var(--cs-line);border-radius:16px;color:var(--cs-ink-soft);background:#fff;box-shadow:var(--cs-shadow-xs)}
.emission-count b{color:var(--cs-ink);font-size:22px;font-weight:900;letter-spacing:-.04em;line-height:1}
.emission-count span{margin-top:5px;color:var(--cs-muted);font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.emission-list{display:grid}
.emission-item{position:relative;display:grid;grid-template-columns:minmax(250px,1.55fr) minmax(180px,1fr) minmax(150px,.72fr) minmax(145px,.7fr) auto;align-items:center;gap:20px;min-height:92px;padding:17px 20px;border-bottom:1px solid #edf0f4;color:inherit;background:#fff;text-decoration:none;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}
.emission-item:last-child{border-bottom:0}
.emission-item:hover,.emission-item:focus-visible{z-index:1;color:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--brand-secondary) 4%,#fff),#fff 62%);box-shadow:inset 3px 0 0 var(--brand-secondary);outline:0}
.emission-item:active{transform:scale(.998)}
.emission-item.is-opening{pointer-events:none;opacity:.72}
.emission-main,.emission-destination,.emission-usage,.emission-meta{min-width:0}
.emission-main{display:flex;align-items:center;gap:13px}
.emission-icon{display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;border-radius:14px;color:var(--brand-secondary);background:color-mix(in srgb,var(--brand-secondary) 9%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-secondary) 11%,transparent)}
.emission-icon .ui-icon{width:21px;height:21px}
.emission-copy{display:flex;min-width:0;flex-direction:column}
.emission-copy strong{overflow:hidden;color:var(--cs-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:850;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap}
.emission-copy span,.emission-destination span{overflow:hidden;margin-top:4px;color:var(--cs-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.emission-destination,.emission-usage,.emission-meta{display:flex;flex-direction:column}
.emission-destination small,.emission-usage small{color:#8a96a8;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.emission-destination strong,.emission-usage strong{overflow:hidden;margin-top:4px;color:var(--cs-ink-soft);font-size:11px;font-weight:820;text-overflow:ellipsis;white-space:nowrap}
.emission-usage{gap:8px}
.emission-usage-copy{display:flex;justify-content:space-between;gap:8px}
.emission-progress{display:block;width:100%;height:5px;overflow:hidden;border-radius:999px;background:#edf1f6}
.emission-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-secondary),var(--brand-accent))}
.emission-meta{align-items:flex-start;gap:7px}
.emission-meta small{color:var(--cs-muted);font-size:9px;white-space:nowrap}
.emission-open{display:inline-flex;min-width:112px;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:9px 13px;border:1px solid var(--cs-line-strong);border-radius:12px;color:var(--cs-ink-soft);background:#fff;font-size:10px;font-weight:850;transition:border-color .18s ease,color .18s ease,background .18s ease}
.emission-open .ui-icon{width:15px;height:15px;transform:rotate(-90deg)}
.emission-item:hover .emission-open,.emission-item:focus-visible .emission-open{border-color:var(--brand-secondary);color:#fff;background:var(--brand-secondary)}
.emission-empty{display:grid;min-height:230px;place-items:center;align-content:center;padding:32px;text-align:center}
.emission-empty>span{display:grid;width:54px;height:54px;place-items:center;border-radius:17px;color:var(--brand-secondary);background:color-mix(in srgb,var(--brand-secondary) 9%,#fff)}
.emission-empty .ui-icon{width:24px;height:24px}
.emission-empty strong{margin-top:14px;color:var(--cs-ink);font-size:15px}
.emission-empty p{max-width:430px;margin:6px 0 0;color:var(--cs-muted);font-size:11px;line-height:1.55}
.emission-pagination{margin-top:16px}
.batch-page-head{margin-bottom:18px;padding:19px 20px;border:1px solid var(--cs-line);border-radius:20px;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);box-shadow:var(--cs-shadow-sm)}
.batch-page-head .back-link{display:inline-flex;margin-bottom:10px}
.batch-page-head h1{max-width:760px}
.batch-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.batch-summary-card{min-width:0;padding:16px;border:1px solid var(--cs-line);border-radius:17px;background:#fff;box-shadow:var(--cs-shadow-xs)}
.batch-summary-card small{display:block;color:#8491a5;font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.batch-summary-card strong{display:block;overflow:hidden;margin-top:7px;color:var(--cs-ink);font-size:clamp(19px,2vw,27px);font-weight:900;letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap}
.batch-summary-card strong.is-date{font-size:17px}
.batch-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 13px}
.batch-list-head h2{margin:0;color:var(--cs-ink);font-size:18px;font-weight:850;letter-spacing:-.035em}
.batch-list-head p{margin:4px 0 0;color:var(--cs-muted);font-size:10px}
.ticket-card-grid.batch-ticket-grid{gap:13px}
.batch-ticket-grid .ticket-preview{border:1px solid var(--cs-line);border-radius:18px;background:#fff;box-shadow:var(--cs-shadow-xs);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.batch-ticket-grid .ticket-preview:hover{border-color:color-mix(in srgb,var(--brand-secondary) 30%,var(--cs-line));box-shadow:0 13px 28px rgba(16,24,40,.08);transform:translateY(-2px)}
.batch-ticket-grid .qr-mini{margin:13px auto}
.batch-ticket-grid .ticket-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.batch-ticket-grid .ticket-actions .btn{width:100%;justify-content:center}
.batch-token-warning{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #fedf89;border-radius:12px;color:#7a2e0e;background:#fffaeb;font-size:10px;line-height:1.5}
.cs-print-dialog{width:min(760px,calc(100vw - 24px))}
.cs-print-dialog .dialog-head{background:linear-gradient(180deg,#fff,#fbfcfe)}
.cs-print-dialog .notice.info{border-color:#bfdbfe;background:#eff6ff}
.print-module-unavailable{margin-top:12px;padding:12px 14px;border:1px solid #fedf89;border-radius:13px;color:#7a2e0e;background:#fffaeb;font-size:10px;line-height:1.5}
.batch-error-shell{display:flex;width:min(620px,100%);min-height:420px;align-items:center;justify-content:center;flex-direction:column;margin:36px auto;padding:34px;border:1px solid var(--cs-line);border-radius:24px;background:#fff;box-shadow:var(--cs-shadow-md);text-align:center}
.batch-error-icon{display:grid;width:62px;height:62px;place-items:center;border-radius:19px;color:var(--cs-warning);background:var(--cs-warning-soft)}
.batch-error-icon .ui-icon{width:29px;height:29px}
.batch-error-shell h1{margin:9px 0;color:var(--cs-ink);font-size:clamp(25px,4vw,35px);font-weight:900;letter-spacing:-.05em}
.batch-error-shell>p{max-width:500px;margin:0;color:var(--cs-muted);font-size:12px;line-height:1.7}
.batch-error-code{display:flex;min-width:270px;flex-direction:column;margin-top:20px;padding:13px 16px;border:1px dashed var(--cs-line-strong);border-radius:13px;background:#f8fafc}
.batch-error-code span{color:var(--cs-muted);font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.batch-error-code strong{margin-top:5px;color:var(--cs-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:15px}
.batch-error-actions{display:flex;gap:9px;margin-top:22px}
@media (max-width:1179px){.emission-item{grid-template-columns:minmax(260px,1.4fr) minmax(180px,1fr) minmax(145px,.75fr) auto}
}
@media (max-width:1179px){.emission-usage{display:none}
}
@media (max-width:920px){.emission-item{grid-template-columns:minmax(0,1fr) auto;gap:13px;padding:16px}
}
@media (max-width:920px){.emission-main{grid-column:1}
}
@media (max-width:920px){.emission-open{grid-column:2;grid-row:1}
}
@media (max-width:920px){.emission-destination{grid-column:1 / -1;padding-left:59px}
}
@media (max-width:920px){.emission-meta{grid-column:1 / -1;align-items:center;flex-direction:row;padding-left:59px}
}
@media (max-width:920px){.batch-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:639px){.emission-history{margin-top:15px;border-radius:18px}
}
@media (max-width:639px){.emission-history-head{align-items:stretch;flex-direction:column;padding:17px}
}
@media (max-width:639px){.emission-count{min-width:0;min-height:50px;align-items:baseline;justify-content:flex-start;flex-direction:row;gap:7px}
}
@media (max-width:639px){.emission-count span{margin-top:0}
}
@media (max-width:639px){.emission-list{gap:10px;padding:11px;background:#f7f9fc}
}
@media (max-width:639px){.emission-item{min-height:0;border:1px solid var(--cs-line);border-radius:16px;box-shadow:var(--cs-shadow-xs)}
}
@media (max-width:639px){.emission-item:last-child{border-bottom:1px solid var(--cs-line)}
}
@media (max-width:639px){.emission-item:hover,.emission-item:focus-visible{box-shadow:0 10px 24px rgba(16,24,40,.09)}
}
@media (max-width:639px){.emission-icon{width:42px;height:42px;flex-basis:42px}
}
@media (max-width:639px){.emission-copy strong{font-size:10.5px}
}
@media (max-width:639px){.emission-destination,.emission-meta{padding-left:55px}
}
@media (max-width:639px){.emission-open{min-width:44px;width:44px;padding:0}
}
@media (max-width:639px){.emission-open span{display:none}
}
@media (max-width:639px){.emission-open .ui-icon{width:17px;height:17px}
}
@media (max-width:639px){.emission-pagination{display:grid;grid-template-columns:1fr 1fr}
}
@media (max-width:639px){.emission-pagination>span{grid-column:1 / -1;grid-row:1;text-align:center}
}
@media (max-width:639px){.batch-page-head{margin-bottom:13px;padding:16px;border-radius:18px}
}
@media (max-width:639px){.batch-page-head .page-actions{grid-template-columns:1fr}
}
@media (max-width:639px){.batch-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
}
@media (max-width:639px){.batch-summary-card{padding:13px;border-radius:14px}
}
@media (max-width:639px){.batch-summary-card strong{font-size:21px}
}
@media (max-width:639px){.batch-summary-card strong.is-date{font-size:14px}
}
@media (max-width:639px){.batch-list-head{align-items:flex-start;flex-direction:column}
}
@media (max-width:639px){.batch-error-shell{min-height:0;margin:18px auto;padding:26px 18px;border-radius:20px}
}
@media (max-width:639px){.batch-error-actions{width:100%;flex-direction:column}
}
@media (max-width:639px){.batch-error-actions .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.emission-item,.emission-open,.batch-ticket-grid .ticket-preview{transition:none}
}
:root{--bg:#f4f7fb;--surface:#fff;--surface2:#f8fafc;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--danger:#dc2626;--warning:#d97706;--success:#16a34a;--brand-primary:#0f172a;--brand-secondary:#2563eb;--brand-accent:#16a34a;--shadow:0 14px 34px rgba(15,23,42,.08);--radius:18px;--cs-canvas:#f4f7fb;--cs-canvas-deep:#edf2f7;--cs-surface:#ffffff;--cs-surface-soft:#f8fafc;--cs-surface-brand:#f5f8ff;--cs-ink:#101828;--cs-ink-soft:#344054;--cs-muted:#667085;--cs-muted-light:#98a2b3;--cs-line:#e4e7ec;--cs-line-strong:#d0d5dd;--cs-sidebar:#0a1020;--cs-sidebar-raised:#111a2d;--cs-success:#067647;--cs-success-soft:#ecfdf3;--cs-warning:#b54708;--cs-warning-soft:#fffaeb;--cs-danger:#b42318;--cs-danger-soft:#fef3f2;--cs-info:#175cd3;--cs-info-soft:#eff8ff;--cs-radius-xs:8px;--cs-radius-sm:12px;--cs-radius:16px;--cs-radius-lg:22px;--cs-radius-xl:28px;--cs-shadow-xs:0 1px 2px rgba(16,24,40,.04);--cs-shadow-sm:0 2px 8px rgba(16,24,40,.055),0 1px 2px rgba(16,24,40,.03);--cs-shadow-md:0 14px 34px rgba(16,24,40,.09);--cs-shadow-lg:0 28px 76px rgba(16,24,40,.18);--cs-sidebar-width:280px;--cs-sidebar-collapsed:88px;--cs-topbar-height:76px;--cs-ease:180ms cubic-bezier(.2,.8,.2,1);--cs-radius:18px;--cs-shadow:0 14px 40px rgba(15,23,42,.08);--cs-touch:48px;--cs-radius:16px;--cs-shadow:0 12px 35px rgba(15,23,42,.08)}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none;max-width:100%;overflow-x:clip;max-width:100%;overflow-x:clip}
.sidebar-nav{scrollbar-width:none}
.sidebar-nav::-webkit-scrollbar{display:none}
.btn,input,select,textarea,button{min-height:44px}
.btn.primary,.btn.success{font-weight:800}
.cs-dialog{width:min(720px,calc(100vw - 24px));max-width:none;max-height:min(90dvh,920px);padding:0;overflow:hidden;border:0;border-radius:21px;color:var(--cs-ink);background:#fff;box-shadow:var(--cs-shadow-lg);max-height:min(92dvh,940px);overscroll-behavior:contain;max-height:min(92dvh,940px);overscroll-behavior:contain}
.cs-dialog>form,.cs-dialog>.dialog-panel,.cs-dialog form.dialog-panel{display:flex;width:100%;max-height:min(92dvh,940px);min-height:0;flex-direction:column;overflow:hidden}
.cs-dialog .dialog-head{flex:0 0 auto;position:relative;z-index:2}
.cs-dialog .dialog-body{flex:1 1 auto;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;flex:1 1 auto;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:28px}
.cs-dialog .dialog-actions,.cs-dialog .dialog-footer{flex:0 0 auto;position:relative;z-index:2;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -8px 24px rgba(15,23,42,.05)}
.monthly-status-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0 18px}
.monthly-status-card{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;text-decoration:none;color:inherit;transition:.18s ease}
.monthly-status-card:hover{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 10px 24px rgba(15,23,42,.08)}
.monthly-status-card b{font-size:22px}
.monthly-status-card small{color:#64748b;font-weight:800}
.monthly-status-card span{font-size:11px;color:#94a3b8}
.monthly-status-card.is-positive{border-color:#bbf7d0;background:#f0fdf4}
.monthly-status-card.is-danger{border-color:#fecaca;background:#fff7f7}
.monthly-status-card.is-warning{border-color:#fde68a;background:#fffbeb}
.monthly-plan-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;margin-bottom:16px}
.monthly-plan-strip p{margin:4px 0 0;color:var(--muted);font-size:12px}
.monthly-wallet-section{padding-bottom:18px}
.monthly-wallet-grid{display:grid;gap:12px}
.monthly-wallet-card{overflow:hidden;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 6px 20px rgba(15,23,42,.045)}
.monthly-wallet-card.needs-attention{border-color:#fca5a5;box-shadow:inset 4px 0 #dc2626,0 6px 20px rgba(127,29,29,.07)}
.monthly-wallet-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid #eef2f7}
.monthly-access-state{display:flex;align-items:flex-end;flex-direction:column;gap:4px}
.monthly-access-state small{font-size:11px;color:var(--muted)}
.monthly-cycle-line{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(130px,.55fr) auto;align-items:center;gap:18px;padding:15px 18px}
.monthly-cycle-line>div{display:flex;flex-direction:column;gap:3px}
.monthly-cycle-line small,.monthly-finance-snapshot small{font-size:9px;font-weight:800;letter-spacing:.07em;color:#94a3b8}
.monthly-cycle-line span{font-size:11px;color:var(--muted)}
.monthly-cycle-value b{font-size:19px}
.monthly-billing-state{align-items:flex-end}
.monthly-billing-state .badge+.badge{margin-top:3px}
.monthly-finance-snapshot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 18px;background:#e2e8f0;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}
.monthly-finance-snapshot>span{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:#f8fafc}
.monthly-finance-snapshot b{font-size:12px}
.monthly-wallet-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px}
.monthly-pay-form{display:grid;grid-template-columns:140px minmax(160px,1fr) auto;gap:8px;flex:1}
.monthly-inline-action{position:relative}
.monthly-inline-action>summary,.monthly-history>summary{cursor:pointer;color:#475569;font-size:12px;font-weight:800}
.monthly-inline-action[open]{flex:1 1 100%;padding:12px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}
.monthly-inline-action form{display:flex;align-items:center;gap:8px;margin-top:8px}
.monthly-inline-action input{flex:1}
.monthly-inline-action p{margin:0;flex:1;color:var(--muted);font-size:12px}
.monthly-history{border-top:1px solid #eef2f7;padding:11px 18px}
.monthly-history>summary{display:flex;justify-content:space-between}
.monthly-history>summary span{display:inline-grid;place-items:center;min-width:24px;height:20px;border-radius:999px;background:#e2e8f0}
.monthly-history-list{display:grid;margin-top:10px;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}
.monthly-history-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 11px;background:#fff;border-bottom:1px solid #eef2f7}
.monthly-history-list>div:last-child{border-bottom:0}
.monthly-history-list span{display:flex;flex-direction:column;gap:2px}
.monthly-history-list span:last-child{text-align:right}
.monthly-history-list small{color:var(--muted);font-size:10px}
.monthly-wallet-empty{display:grid;justify-items:center;gap:8px;padding:48px 18px;border:1px dashed #cbd5e1;border-radius:16px;text-align:center}
.monthly-wallet-empty span{color:var(--muted)}
.badge.overdue{background:#fee2e2;color:#991b1b}
.badge.expiring{background:#fef3c7;color:#92400e}
.camera-helper{display:block;margin-top:8px;color:var(--muted);font-size:11px;line-height:1.45}
.operator-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.operator-quick-actions .btn{min-height:64px;font-size:16px}
@media (max-width:991px){.content{padding-inline:16px}
}
@media (max-width:991px){.page-head{gap:14px}
}
@media (max-width:991px){.page-actions{width:100%}
}
@media (max-width:991px){.page-actions .btn{flex:1 1 auto}
}
@media (max-width:991px){.monthly-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:991px){.monthly-plan-strip{align-items:flex-start;flex-direction:column}
}
@media (max-width:991px){.monthly-cycle-line{grid-template-columns:1fr auto}
}
@media (max-width:991px){.monthly-billing-state{grid-column:1/-1;align-items:flex-start}
}
@media (max-width:991px){.monthly-pay-form{grid-template-columns:1fr 1fr}
}
@media (max-width:991px){.monthly-pay-form .btn{grid-column:1/-1}
}
@media (max-width:639px){.content{padding:14px 14px calc(92px+env(safe-area-inset-bottom))}
}
@media (max-width:639px){.page-hero-copy h1,.page-head h1{font-size:clamp(26px,8vw,34px)}
}
@media (max-width:639px){.page-actions{display:grid;grid-template-columns:1fr}
}
@media (max-width:639px){.page-actions .btn{width:100%;min-height:52px}
}
@media (max-width:639px){.filter-bar{display:grid;grid-template-columns:1fr}
}
@media (max-width:639px){.filter-bar>*{width:100%;min-width:0}
}
@media (max-width:639px){.monthly-status-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}
}
@media (max-width:639px){.monthly-status-card{min-width:132px;scroll-snap-align:start}
}
@media (max-width:639px){.monthly-wallet-head{align-items:flex-start}
}
@media (max-width:639px){.monthly-access-state{min-width:108px}
}
@media (max-width:639px){.monthly-cycle-line{grid-template-columns:1fr;padding:13px 14px}
}
@media (max-width:639px){.monthly-cycle-value,.monthly-billing-state{align-items:flex-start}
}
@media (max-width:639px){.monthly-finance-snapshot{grid-template-columns:1fr;margin:0 14px}
}
@media (max-width:639px){.monthly-wallet-actions{align-items:stretch;flex-direction:column;padding:14px}
}
@media (max-width:639px){.monthly-wallet-actions>.btn{width:100%}
}
@media (max-width:639px){.monthly-pay-form{grid-template-columns:1fr;width:100%}
}
@media (max-width:639px){.monthly-pay-form .btn{grid-column:auto}
}
@media (max-width:639px){.monthly-inline-action{width:100%}
}
@media (max-width:639px){.monthly-inline-action form{align-items:stretch;flex-direction:column}
}
@media (max-width:639px){.monthly-inline-action form>*{width:100%}
}
@media (max-width:639px){.monthly-history{padding:11px 14px}
}
@media (max-width:639px){.monthly-history-list>div{align-items:flex-start;flex-direction:column}
}
@media (max-width:639px){.monthly-history-list span:last-child{text-align:left}
}
@media (max-width:639px){.cs-dialog,.cs-dialog-tall{width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}
}
@media (max-width:639px){.cs-dialog>form,.cs-dialog>.dialog-panel,.cs-dialog form.dialog-panel{height:100dvh;max-height:100dvh}
}
@media (max-width:639px){.cs-dialog .dialog-head{padding:calc(16px+env(safe-area-inset-top)) 16px 14px}
}
@media (max-width:639px){.cs-dialog .dialog-body{padding:16px 16px 32px}
}
@media (max-width:639px){.cs-dialog .dialog-actions,.cs-dialog .dialog-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 16px calc(12px+env(safe-area-inset-bottom))}
}
@media (max-width:639px){.cs-dialog .dialog-actions .btn,.cs-dialog .dialog-footer .btn{min-height:52px;width:100%}
}
@media (max-width:639px){.cs-dialog .dialog-actions .btn.primary:last-child,.cs-dialog .dialog-footer .btn.primary:last-child{grid-column:1/-1;grid-row:1}
}
@media (max-width:639px){.operator-quick-actions{grid-template-columns:1fr}
}
@media (max-width:639px){.table.responsive-enhanced tbody tr{border-radius:16px;box-shadow:var(--cs-shadow)}
}
.warn-text{color:#b45309}
.digital-control-box{margin:16px 0;padding:16px;border:1px solid #bfdbfe;border-radius:16px;background:linear-gradient(145deg,#eff6ff,#fff)}
.digital-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px}
.digital-control-head>div{display:flex;flex-direction:column;gap:4px}
.digital-control-head small{max-width:240px;color:#64748b;text-align:right;line-height:1.45}
.digital-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.digital-control-grid label{gap:6px}
.digital-control-grid label span{font-size:11px;font-weight:800;color:#334155}
.digital-control-waive{display:flex;align-items:center;flex-direction:row;gap:9px;margin-top:12px;color:#475569}
.digital-control-waive input{width:18px;height:18px;min-height:18px;flex:0 0 18px}
.control-kpis .kpi{min-height:126px}
.control-filter{grid-template-columns:repeat(5,minmax(130px,1fr));align-items:end}
.control-filter .control-search{min-width:210px}
.control-table{min-width:1180px}
.control-row.status-divergent{background:#fff7f7}
.control-row.status-pending{background:#fffdf5}
.control-codes{display:flex;gap:16px;margin-bottom:5px}
.control-codes span{display:flex;min-width:88px;flex-direction:column;gap:2px}
.control-codes small{color:#64748b;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.control-note{max-width:220px;margin-top:6px;color:#7c2d12;line-height:1.4}
.inline-form{display:inline-flex;margin:0}
@media (max-width:1100px){.control-filter{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1100px){.control-filter .btn{min-height:48px}
}
@media (max-width:639px){.digital-control-head{flex-direction:column}
}
@media (max-width:639px){.digital-control-head small{text-align:left}
}
@media (max-width:639px){.digital-control-grid,.control-filter{grid-template-columns:1fr}
}
@media (max-width:639px){.control-kpis{grid-template-columns:1fr 1fr}
}
@media (max-width:639px){.control-kpis .kpi{min-height:110px}
}
@media (max-width:639px){.control-codes{flex-direction:column;gap:6px}
}
@media print{.controls-page .page-actions,.controls-page .filter-card,.controls-page .table-actions,.controls-page dialog{display:none!important}
}
@media print{.controls-page .card{box-shadow:none}
}
@media print{.controls-page .control-table{min-width:0;font-size:9px}
}
@media print{.controls-page .control-table th,.controls-page .control-table td{padding:7px}
}
@media print{.controls-page .control-kpis{grid-template-columns:repeat(4,1fr)}
}
.tier-editor{display:grid;gap:10px;padding:14px;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc}
.tier-editor>small{color:var(--muted)}
.director-period{display:flex;align-items:end;gap:.65rem;flex-wrap:wrap}
.director-period label{display:grid;gap:.25rem;font-size:.72rem;font-weight:800;color:#cbd5e1}
.director-period input{min-width:145px}
.director-chart{display:grid;gap:.7rem}
.director-bar-row{display:grid;grid-template-columns:48px minmax(100px,1fr) 105px;align-items:center;gap:.7rem}
.director-bar-row>span,.director-bar-row>small{color:var(--muted);font-size:.76rem}
.director-bar-row>small{grid-column:2/4}
.director-bar{height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}
.director-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--brand-secondary),var(--brand-accent));border-radius:inherit}
.director-mix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:1rem}
.director-mix span{display:grid;padding:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-size:.73rem;color:var(--muted)}
.director-mix b{color:var(--text);font-size:.9rem;margin-top:.2rem}
.director-actions{grid-template-columns:1fr}
.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #dcfce7;margin-right:.25rem}
.audit-live-list{max-height:420px;overflow:auto}
@media (max-width:760px){.director-period{width:100%}
}
@media (max-width:760px){.director-period label{flex:1}
}
@media (max-width:760px){.director-period input{min-width:0}
}
@media (max-width:760px){.director-bar-row{grid-template-columns:42px 1fr 92px}
}
@media (max-width:760px){.director-mix{grid-template-columns:1fr 1fr}
}
.filters{display:grid;grid-template-columns:minmax(220px,2fr) minmax(180px,1fr) minmax(150px,.7fr) auto auto;gap:10px;align-items:end}
.filters .btn{min-height:44px}
.actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.actions form{margin:0}
.table td small{display:block;margin-top:5px;line-height:1.45}
.table td code{font-size:10px;color:#475569}
.table-card{margin-top:18px}
@media (max-width:980px){.filters{grid-template-columns:1fr 1fr}
}
@media (max-width:980px){.filters>label:first-child{grid-column:1/-1}
}
@media (max-width:620px){.filters{grid-template-columns:1fr}
}
@media (max-width:620px){.filters>label:first-child{grid-column:auto}
}
.auth-feedback{display:flex;align-items:flex-start;gap:11px;margin:0 0 16px;padding:13px 14px;border:1px solid;border-radius:14px;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.auth-feedback>span{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:10px}
.auth-feedback>span .ui-icon{width:18px;height:18px}
.auth-feedback>div{display:flex;min-width:0;flex-direction:column;gap:2px}
.auth-feedback b{font-size:12px}
.auth-feedback small{font-size:12px;line-height:1.45}
.auth-feedback.danger{color:#991b1b;border-color:#fecaca;background:#fff7f7}
.auth-feedback.danger>span{background:#fee2e2}
.auth-feedback.success{color:#166534;border-color:#bbf7d0;background:#f3fff7}
.auth-feedback.success>span{background:#dcfce7}
.error-page-shell{width:min(680px,100%);margin:clamp(24px,7vh,80px) auto;padding:clamp(24px,5vw,48px);text-align:center;border:1px solid #dfe6ef;border-radius:28px;background:linear-gradient(160deg,#fff,#f8fbff);box-shadow:0 24px 70px rgba(15,23,42,.1)}
.error-code-card{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px;color:var(--brand-primary);font-size:clamp(52px,9vw,88px);font-weight:950;letter-spacing:-.09em}
.error-code-card i{display:grid;width:clamp(58px,9vw,82px);height:clamp(58px,9vw,82px);place-items:center;border-radius:24px;color:#fff;background:linear-gradient(135deg,var(--brand-secondary),var(--brand-accent));box-shadow:0 16px 34px color-mix(in srgb,var(--brand-secondary) 25%,transparent)}
.error-code-card .ui-icon{width:42%;height:42%}
.error-page-shell h1{margin:8px 0 10px;font-size:clamp(28px,5vw,42px);letter-spacing:-.05em}
.error-page-shell>p{max-width:520px;margin:0 auto;color:var(--muted);font-size:14px;line-height:1.7}
.error-requested-path{display:block;margin-top:18px;color:#7c8ca4}
.error-requested-path code{overflow-wrap:anywhere;color:#475569}
.error-page-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:26px;flex-wrap:wrap}
@media (max-width:560px){.error-page-shell{margin:18px auto;border-radius:20px}
}
@media (max-width:560px){.error-page-actions{display:grid}
}
@media (max-width:560px){.error-page-actions .btn{width:100%}
}
.permission-toolbar{position:sticky;z-index:2;top:-1px;display:flex;align-items:end;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--cs-line);border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 8px 20px rgba(15,23,42,.05);backdrop-filter:blur(12px)}
.permission-toolbar>.field{min-width:min(360px,100%);margin:0}
.permission-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.permission-group legend{padding:0 8px;color:var(--cs-ink,#101828);font-size:12px;font-weight:900;display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:10px}
.permission-check[hidden],.permission-group[hidden]{display:none!important}
.contract-parties,.contract-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form-section{min-width:0;margin:0;padding:16px;border:1px solid var(--cs-line);border-radius:16px}
.form-section>legend{padding:0 7px;font-weight:900;color:var(--cs-ink)}
.signature-progress{width:150px;max-width:100%;height:7px;margin:9px 0 5px;overflow:hidden;border-radius:999px;background:#e2e8f0}
.signature-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-secondary),var(--brand-accent))}
.contract-table td code,.detail-list code,.event-item code{display:block;max-width:380px;overflow-wrap:anywhere}
.contract-integrity-card{align-self:start}
.signer-list{display:grid;gap:12px}
.signer-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px;border:1px solid var(--cs-line);border-radius:15px;background:#fff}
.signer-card h4{margin:8px 0 2px}
.signer-card p,.signer-card small{display:block;margin:3px 0;color:var(--cs-muted)}
.detail-list{display:grid;gap:0;margin:12px 0 18px}
.detail-list>div{display:grid;grid-template-columns:minmax(110px,.55fr) minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--cs-line)}
.detail-list dt{color:var(--cs-muted);font-size:11px;font-weight:800}
.detail-list dd{min-width:0;margin:0;font-size:12px;font-weight:750}
.event-timeline{display:grid;gap:0}
.event-item{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;padding:0 0 22px}
.event-item:before{position:absolute;top:14px;bottom:-2px;left:7px;width:2px;content:"";background:#dbe4ef}
.event-item:last-child:before{display:none}
.event-marker{position:relative;z-index:1;width:16px;height:16px;margin-top:2px;border:4px solid #dbeafe;border-radius:50%;background:var(--brand-secondary)}
.event-head{display:flex;align-items:start;justify-content:space-between;gap:14px}
.event-head time,.event-item p{color:var(--cs-muted);font-size:11px}
.event-item p{margin:4px 0 7px}
.public-contract{width:min(720px,100%);margin:0 auto}
.public-contract-head{margin-bottom:18px;text-align:center}
.public-contract-head h1{margin:7px 0;font-size:clamp(26px,6vw,38px);letter-spacing:-.05em}
.public-contract-head p{margin:0;color:var(--cs-muted)}
.public-contract .auth-card{width:100%;padding:clamp(20px,5vw,36px);border:1px solid var(--cs-line);border-radius:24px;background:#fff;box-shadow:0 22px 60px rgba(15,23,42,.1)}
.signer-identity{margin-bottom:16px;padding:14px;border-radius:15px;background:#f8fafc}
.signer-identity h2{margin:5px 0}
.signer-identity p{margin:0;color:var(--cs-muted)}
.signature-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:16px 0}
.signature-steps span{padding:8px;border-radius:9px;color:#64748b;background:#f1f5f9;font-size:10px;font-weight:800;text-align:center}
.signature-steps span.active{color:#1d4ed8;background:#dbeafe}
.public-sign-form{margin-top:18px}
.consent-check{align-items:flex-start}
.resend-panel{margin:14px 0;padding:12px;border:1px solid var(--cs-line);border-radius:12px}
.resend-panel summary{cursor:pointer;font-weight:800}
.resend-panel form{margin-top:12px}
.success-seal,.integrity-seal{display:grid;width:72px;height:72px;place-items:center;margin:0 auto 16px;border-radius:24px;color:#166534;background:#dcfce7;font-size:38px;font-weight:900}
.contract-success{text-align:center}
.verification-code{display:grid;gap:5px;margin:18px 0;padding:15px;border:1px dashed #93c5fd;border-radius:14px;background:#eff6ff}
.verification-code small{color:#475569}
.verification-code b{font-family:ui-monospace,monospace;font-size:20px;letter-spacing:.08em}
.verification-card>h2,.verification-card>p{text-align:center}
.integrity-seal.invalid{color:#991b1b;background:#fee2e2}
.integrity-seal.pending{color:#92400e;background:#fef3c7}
@media (max-width:760px){.permission-toolbar{align-items:stretch;flex-direction:column}
}
@media (max-width:760px){.permission-toolbar>.field{min-width:0}
}
@media (max-width:760px){.permission-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}
}
@media (max-width:760px){.permission-toolbar-actions .badge{grid-column:1/-1}
}
@media (max-width:760px){.contract-parties,.contract-history-grid{grid-template-columns:1fr}
}
@media (max-width:760px){.signer-card{align-items:stretch;flex-direction:column}
}
@media (max-width:760px){.signer-card .btn{width:100%}
}
@media (max-width:760px){.event-head{flex-direction:column;gap:3px}
}
@media (max-width:760px){.detail-list>div{grid-template-columns:1fr;gap:4px}
}
@media (max-width:760px){.public-contract .auth-card{border-radius:18px}
}
@media (max-width:760px){.signature-steps{grid-template-columns:1fr}
}
.structure-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.unit-editor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));gap:14px}
.unit-editor-card{min-width:0;margin:0;padding:16px;border:1px solid var(--cs-line);border-radius:17px;background:#fbfcfe}
.unit-editor-card legend{display:flex;align-items:baseline;gap:8px;padding:0 7px}
.unit-editor-card legend span{font-weight:900}
.unit-editor-card legend small{color:var(--cs-muted)}
.structure-save-card{position:sticky;z-index:3;bottom:12px;display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(240px,1fr) minmax(260px,1fr) auto;align-items:end;gap:14px;border-color:#bfdbfe;box-shadow:0 20px 50px rgba(15,23,42,.15)}
.structure-save-card h3,.structure-save-card p{margin:0}
.structure-save-card p{margin-top:5px;color:var(--cs-muted);font-size:11px}
.structure-element-grid,.support-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:13px}
.structure-element-card{padding:15px;border:1px solid var(--cs-line);border-radius:15px;background:#fff}
.structure-element-card h4{margin:9px 0 3px}
.structure-element-card p,.structure-element-card small{display:block;color:var(--cs-muted)}
.structure-element-card form{margin-top:12px}
.support-page{display:grid;gap:18px}
.support-contact-card{display:flex;min-height:130px;flex-direction:column;justify-content:center;text-decoration:none}
.support-contact-card span{color:var(--brand-secondary);font-size:10px;font-weight:900;text-transform:uppercase}
.support-contact-card b{margin:5px 0;font-size:18px}
.support-contact-card small{color:var(--cs-muted)}
.support-ticket-card{max-width:920px}
.support-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
.support-form-actions small{display:flex;align-items:center;gap:7px;color:var(--cs-muted)}
@media (max-width:1050px){.structure-save-card{position:static;grid-template-columns:1fr 1fr}
}
@media (max-width:1050px){.structure-save-card>div{grid-column:1/-1}
}
@media (max-width:680px){.structure-form-grid,.structure-save-card{grid-template-columns:1fr}
}
@media (max-width:680px){.structure-form-grid .span2,.structure-save-card>*{grid-column:auto}
}
@media (max-width:680px){.support-form-actions{align-items:stretch;flex-direction:column}
}
@media (max-width:680px){.support-form-actions .btn{width:100%}
}
.cs-dialog.cs-dialog-wide,.cs-dialog.wide{width:min(980px,calc(100vw - 28px));max-width:980px}
.cs-dialog.cs-dialog-wide>.dialog-panel,.cs-dialog.cs-dialog-wide>form,.cs-dialog.wide>.dialog-panel,.cs-dialog.wide>form{width:100%;max-width:none}
.cs-dialog .dialog-head-copy,.cs-dialog .dialog-body,.cs-dialog .dialog-footer,.cs-dialog fieldset,.cs-dialog .field{min-width:0;max-width:100%}
.cs-dialog .dialog-head,.cs-dialog .dialog-body,.cs-dialog .dialog-footer{padding-inline:clamp(16px,2.4vw,24px)}
.permission-check.is-locked{cursor:not-allowed;border-style:dashed;background:#f8fafc;opacity:.66}
.permission-check.is-locked input{cursor:not-allowed}
.permission-check.is-locked small{color:#b54708}
.safe-dashboard-reference{margin:18px 0 0;color:var(--cs-muted);font-size:10px;text-align:center}
@media (max-width:639px){.cs-dialog.cs-dialog-wide,.cs-dialog.wide{width:100vw;max-width:100vw}
}
@media (max-width:639px){.permission-toolbar-actions{grid-template-columns:1fr 1fr}
}
@media (max-width:639px){.permission-toolbar-actions .btn{width:100%}
}
.audit-filters{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(190px,1fr) 150px 150px auto auto;align-items:end;gap:10px;margin-bottom:18px}
.audit-filters .field{margin:0}
.audit-stream-card{overflow:hidden}
.audit-stream{display:grid;gap:0}
.audit-event-card{display:grid;gap:12px;padding:18px 20px;border-bottom:1px solid var(--cs-line);background:#fff}
.audit-event-card:last-child{border-bottom:0}
.audit-event-head,.audit-event-main,.audit-event-foot{display:flex;align-items:center;justify-content:space-between;gap:14px}
.audit-event-head time{color:var(--cs-muted);font-size:11px;font-variant-numeric:tabular-nums}
.audit-event-main>div{display:flex;min-width:0;flex-direction:column}
.audit-event-main>div small{color:var(--cs-muted)}
.audit-entity{display:flex;min-width:0;max-width:48%;align-items:center;gap:8px;color:var(--cs-muted);font-size:11px}
.audit-entity code{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.audit-event-foot{align-items:flex-start;color:var(--cs-muted);font-size:10px}
.audit-event-foot details{width:min(620px,75%)}
.audit-event-foot summary{cursor:pointer;color:var(--brand-secondary);font-weight:850;text-align:right}
.audit-event-foot dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 0;padding:12px;border:1px solid var(--cs-line);border-radius:12px;background:#f8fafc}
.audit-event-foot dl div{min-width:0}
.audit-event-foot dt{color:var(--cs-muted);font-size:9px;font-weight:900;text-transform:uppercase}
.audit-event-foot dd{margin:2px 0 0;overflow-wrap:anywhere;color:var(--cs-ink);font-family:ui-monospace,monospace;font-size:10px}
.audit-event-card:hover{background:#fbfdff}
@media (max-width:1050px){.audit-filters{grid-template-columns:1fr 1fr}
}
@media (max-width:1050px){.audit-filters .field:first-child{grid-column:1/-1}
}
@media (max-width:1050px){.audit-filters .btn{width:100%}
}
@media (max-width:680px){.audit-filters{grid-template-columns:1fr}
}
@media (max-width:680px){.audit-filters .field:first-child{grid-column:auto}
}
@media (max-width:680px){.audit-event-card{padding:16px}
}
@media (max-width:680px){.audit-event-head,.audit-event-main,.audit-event-foot{align-items:flex-start;flex-direction:column}
}
@media (max-width:680px){.audit-entity{max-width:100%;align-items:flex-start;flex-direction:column;gap:2px}
}
@media (max-width:680px){.audit-entity code{max-width:100%}
}
@media (max-width:680px){.audit-event-foot details{width:100%}
}
@media (max-width:680px){.audit-event-foot summary{text-align:left}
}
@media (max-width:680px){.audit-event-foot dl{grid-template-columns:1fr}
}
.app-body,.auth-body,.portal-body{--cs-radius:var(--ui-radius,16px);--radius:var(--ui-radius,16px)}
.theme-font-system{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.theme-font-inter{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.theme-font-humanist{font-family:"Avenir Next",Avenir,"Segoe UI",Roboto,Arial,sans-serif}
.theme-shadow-none .card,.theme-shadow-none .cs-dialog,.theme-shadow-none .mobile-dock{box-shadow:none}
.theme-shadow-soft .card{box-shadow:0 1px 2px rgba(16,24,40,.03),0 8px 28px rgba(16,24,40,.035)}
.theme-shadow-elevated .card{box-shadow:0 2px 5px rgba(16,24,40,.04),0 18px 45px rgba(16,24,40,.08)}
.theme-sidebar-brand .sidebar{background:linear-gradient(165deg,color-mix(in srgb,var(--brand-primary) 91%,#020617),color-mix(in srgb,var(--brand-secondary) 38%,#07111f))}
.theme-sidebar-light .sidebar{color:var(--cs-ink);border-color:var(--cs-line);background:var(--cs-surface)}
.theme-sidebar-light .brand-copy strong,.theme-sidebar-light .user-copy strong{color:var(--cs-ink)}
.theme-sidebar-light .brand-copy small,.theme-sidebar-light .user-copy small,.theme-sidebar-light .nav-section{color:var(--cs-muted)}
.theme-sidebar-light .nav-link{color:var(--cs-ink-soft)}
.theme-sidebar-light .nav-link:hover{color:var(--cs-ink);background:color-mix(in srgb,var(--brand-secondary) 7%,#fff)}
.theme-sidebar-light .nav-link.active{color:var(--brand-secondary);background:color-mix(in srgb,var(--brand-secondary) 10%,#fff)}
.theme-sidebar-light .nav-icon,.theme-sidebar-light .user-avatar{color:var(--brand-secondary);background:color-mix(in srgb,var(--brand-secondary) 10%,#fff)}
.theme-sidebar-light .workspace-label,.theme-sidebar-light .sidebar-foot{border-color:var(--cs-line);background:var(--cs-surface-soft)}
.theme-density-compact .card{padding:16px}
.theme-density-compact .table th,.theme-density-compact .table td{padding:9px 11px}
.theme-density-compact .nav-link{min-height:40px}
.theme-density-compact .content{padding-top:20px}
.app-body:focus-visible,.auth-body:focus-visible,.portal-body:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-secondary) 34%,transparent);outline-offset:2px}
.app-body .card{background:var(--cs-surface)}
.app-body .page-hero{margin-bottom:18px;padding:clamp(2px,1vw,10px) 2px}
.app-body .page-hero-copy{max-width:820px}
.app-body .page-hero-copy p{max-width:760px;margin-top:6px;line-height:1.55}
.app-body .page-hero-copy h1{font-size:clamp(29px,3vw,42px);letter-spacing:-.055em}
.app-body .summary-strip{gap:10px}
.app-body .summary-chip{min-height:76px;padding:13px 15px;border-radius:var(--cs-radius)}
.app-body .data-card{padding:0;overflow:hidden}
.app-body .data-card>.data-toolbar{padding:18px 20px}
.app-body .data-card>.table-wrap{border-width:1px 0 0;border-radius:0}
.app-body input,.app-body select,.app-body textarea,.auth-body input,.auth-body select,.auth-body textarea{border-color:color-mix(in srgb,var(--cs-muted) 27%,transparent);background:var(--cs-surface);color:var(--cs-ink)}
.app-body input::placeholder,.app-body textarea::placeholder{color:color-mix(in srgb,var(--cs-muted) 67%,transparent)}
.app-body .field>span,.app-body .field>label{font-weight:800;color:var(--cs-ink-soft)}
input.is-valid{border-color:var(--cs-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--cs-success) 10%,transparent)}
input.is-invalid{border-color:var(--cs-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--cs-danger) 10%,transparent)}
input.is-valid+small,[data-document-status]{transition:color .16s ease}
input.is-valid+small{color:var(--cs-success)}
input.is-invalid+small{color:var(--cs-danger)}
.lifecycle-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lifecycle-options label{display:flex;min-height:110px;align-items:flex-start;flex-direction:row;gap:10px;margin:0;padding:14px;border:1px solid var(--cs-line);border-radius:var(--cs-radius);background:var(--cs-surface);cursor:pointer}
.lifecycle-options label:has(input:checked){border-color:var(--brand-secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-secondary) 10%,transparent);background:color-mix(in srgb,var(--brand-secondary) 4%,#fff)}
.lifecycle-options input{width:18px;height:18px;min-height:18px;margin:2px 0 0;accent-color:var(--brand-secondary)}
.lifecycle-options span{display:flex;min-width:0;flex-direction:column;gap:4px}
.lifecycle-options b{font-size:13px}
.lifecycle-options small{color:var(--cs-muted);font-weight:550;line-height:1.45}
.theme-editor-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:18px;align-items:start}
.theme-json{min-height:300px;font-size:11px;line-height:1.55;tab-size:2;white-space:pre}
.theme-preview{--preview-primary:#0f172a;--preview-secondary:#2563eb;--preview-accent:#0f9f84;--preview-bg:#f4f7fb;--preview-surface:#fff;--preview-text:#101828;--preview-muted:#667085;--preview-radius:16px;position:sticky;top:0;display:grid;grid-template-columns:96px 1fr;min-height:370px;overflow:hidden;border:1px solid var(--cs-line);border-radius:20px;background:var(--preview-bg);box-shadow:0 16px 42px rgba(16,24,40,.09)}
.theme-preview-sidebar{display:flex;align-items:center;flex-direction:column;gap:14px;padding:20px 13px;background:linear-gradient(180deg,var(--preview-primary),color-mix(in srgb,var(--preview-secondary) 32%,var(--preview-primary)))}
.theme-preview-sidebar i{display:block;width:100%;height:30px;border-radius:9px;background:rgba(255,255,255,.1)}
.theme-preview-sidebar i:first-of-type{box-shadow:inset 3px 0 var(--preview-accent);background:rgba(255,255,255,.18)}
.theme-preview-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--preview-secondary),var(--preview-accent));font-weight:950}
.theme-preview-main{display:flex;min-width:0;flex-direction:column;gap:14px;padding:22px}
.theme-preview-card{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:var(--preview-radius);color:var(--preview-text);background:var(--preview-surface);box-shadow:0 10px 28px rgba(16,24,40,.07)}
.theme-preview-card small{color:var(--preview-secondary);font-size:9px;font-weight:900;letter-spacing:.1em}
.theme-preview-card b{font-size:21px}
.theme-preview-card p{margin:0;color:var(--preview-muted);font-size:11px;line-height:1.55}
.theme-preview-card button{align-self:flex-start;min-height:40px;margin-top:6px;padding:0 13px;border:0;border-radius:10px;color:#fff;background:var(--preview-secondary);font-weight:850}
.theme-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.theme-swatches span{height:42px;border:1px solid rgba(16,24,40,.07);border-radius:12px}
.theme-swatches span:nth-child(1){background:var(--preview-primary)}
.theme-swatches span:nth-child(2){background:var(--preview-secondary)}
.theme-swatches span:nth-child(3){background:var(--preview-accent)}
.theme-preview-main>.muted{margin:auto 0 0;font-size:10px;line-height:1.5}
.contracts-page .contract-parties .form-section{background:var(--cs-surface-soft)}
.contracts-page [data-document-status]{display:block;margin-top:2px;font-size:10px;font-weight:600}
.contract-integrity-card .detail-list code{font-size:9px;line-height:1.55}
.event-head time{font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:920px){.theme-editor-layout{grid-template-columns:1fr}
}
@media (max-width:920px){.theme-preview{position:static;min-height:320px}
}
@media (max-width:920px){.lifecycle-options{grid-template-columns:1fr}
}
@media (max-width:920px){.lifecycle-options label{min-height:0}
}
@media (max-width:920px){.tenants-page .table-actions{justify-content:flex-end}
}
@media (max-width:639px){.app-body .topbar{min-height:66px;padding-block:9px}
}
@media (max-width:639px){.app-body .top-context{display:none}
}
@media (max-width:639px){.app-body .top-title h1{font-size:17px}
}
@media (max-width:639px){.app-body .content{padding:12px 10px calc(96px+env(safe-area-inset-bottom))}
}
@media (max-width:639px){.app-body .page-hero{gap:12px;margin-bottom:13px}
}
@media (max-width:639px){.app-body .page-hero-copy h1{font-size:28px}
}
@media (max-width:639px){.app-body .page-hero-copy p{font-size:12px}
}
@media (max-width:639px){.app-body .summary-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:3px;scrollbar-width:none}
}
@media (max-width:639px){.app-body .summary-strip::-webkit-scrollbar{display:none}
}
@media (max-width:639px){.app-body .summary-chip{min-width:145px;scroll-snap-align:start}
}
@media (max-width:639px){.app-body .card{padding:14px}
}
@media (max-width:639px){.app-body .data-card{padding:0}
}
@media (max-width:639px){.app-body .data-card>.data-toolbar{padding:15px}
}
@media (max-width:639px){.app-body .table.responsive-enhanced tbody{gap:12px}
}
@media (max-width:639px){.app-body .table.responsive-enhanced tr{border-radius:var(--cs-radius)}
}
@media (max-width:639px){.app-body .table.responsive-enhanced td{grid-template-columns:minmax(78px,31%) minmax(0,1fr);padding:11px 12px;text-align:left}
}
@media (max-width:639px){.app-body .table.responsive-enhanced td>*{justify-self:stretch}
}
@media (max-width:639px){.app-body .table.responsive-enhanced td .table-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
}
@media (max-width:639px){.app-body .table.responsive-enhanced td .table-actions>*{width:100%}
}
@media (max-width:639px){.app-body .table.responsive-enhanced td .table-actions .btn{width:100%;min-height:44px}
}
@media (max-width:639px){.theme-preview{grid-template-columns:68px 1fr;min-height:285px;border-radius:16px}
}
@media (max-width:639px){.theme-preview-sidebar{padding:16px 9px}
}
@media (max-width:639px){.theme-preview-main{padding:15px}
}
@media (max-width:639px){.theme-preview-card{padding:15px}
}
@media (max-width:639px){.theme-preview-card b{font-size:17px}
}
@media (max-width:639px){.theme-json{min-height:270px}
}
@media (max-width:639px){.cs-dialog .theme-editor-layout{display:block}
}
@media (max-width:639px){.cs-dialog .theme-preview{margin-top:16px}
}
@media (max-width:639px){.contract-filters{gap:9px}
}
@media (max-width:639px){.contract-parties{gap:12px}
}
@media (max-width:639px){.form-section{padding:13px}
}
@media (max-width:639px){.contract-history-grid{gap:12px}
}
@media (prefers-reduced-motion:reduce){.app-body *{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}
}
.contract-studio-page{display:grid;gap:18px}
.contract-studio-hero{margin-bottom:0}
.contract-studio-notice{display:flex;align-items:center;justify-content:space-between;gap:14px}
.contract-studio-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.contract-studio-flow>div{position:relative;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-height:76px;padding:13px 14px;border:1px solid var(--cs-line);border-radius:var(--cs-radius);background:linear-gradient(180deg,var(--cs-surface),var(--cs-surface-soft))}
.contract-studio-flow span{grid-row:1/3;display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));font-size:13px;font-weight:950;box-shadow:0 8px 18px color-mix(in srgb,var(--brand-secondary) 18%,transparent)}
.contract-studio-flow b{font-size:12px}
.contract-studio-flow small{color:var(--cs-muted);font-size:10px}
.contract-studio-form{gap:16px}
.contract-studio-section{position:relative;overflow:hidden}
.contract-studio-section:before{position:absolute;inset:0 auto 0 0;width:3px;content:"";background:linear-gradient(180deg,var(--brand-secondary),var(--brand-accent))}
.contract-studio-section .card-title{align-items:flex-start;margin-bottom:15px}
.contract-studio-section .card-title h3,.contract-studio-review h3{margin:2px 0 4px}
.contract-studio-section .notice.compact{margin-top:12px;padding:11px 13px}
.contract-studio-review{display:flex;align-items:center;justify-content:space-between;gap:22px;border-color:color-mix(in srgb,var(--brand-secondary) 28%,var(--cs-line));background:linear-gradient(135deg,color-mix(in srgb,var(--brand-secondary) 5%,#fff),var(--cs-surface))}
.contract-studio-review>div:first-child{max-width:720px}
.contract-studio-review p{margin:5px 0 0;color:var(--cs-muted);line-height:1.55}
.contract-studio-actions{display:flex;flex:0 0 auto;align-items:center;gap:9px;flex-wrap:wrap}
.contract-source-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:3px}
.contract-source-line .badge{font-size:8px}
.contract-profile-inline{border:1px solid var(--cs-line);border-radius:14px;background:var(--cs-surface-soft)}
.contract-profile-inline summary{padding:12px 14px;cursor:pointer;font-weight:850}
.contract-profile-inline>.stack{padding:0 14px 14px}
@media (max-width:980px){.contract-studio-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){.contract-studio-review{align-items:stretch;flex-direction:column}
}
@media (max-width:980px){.contract-studio-actions{width:100%}
}
@media (max-width:980px){.contract-studio-actions .btn{flex:1 1 220px}
}
@media (max-width:639px){.contract-studio-page{gap:13px}
}
@media (max-width:639px){.contract-studio-notice{align-items:stretch;flex-direction:column}
}
@media (max-width:639px){.contract-studio-notice .btn{width:100%}
}
@media (max-width:639px){.contract-studio-flow{grid-template-columns:1fr}
}
@media (max-width:639px){.contract-studio-flow>div{min-height:64px}
}
@media (max-width:639px){.contract-studio-review{gap:15px}
}
@media (max-width:639px){.contract-studio-actions{display:grid;grid-template-columns:1fr}
}
@media (max-width:639px){.contract-studio-actions .btn{width:100%}
}
@media (max-width:639px){.contract-source-line{align-items:flex-start;flex-direction:column;gap:4px}
}
.app-body{--tap-size:44px;--page-max:1540px}
.app-body .content{width:100%;max-width:var(--page-max);margin-inline:auto}
.app-body .btn{min-height:var(--tap-size);gap:7px;border-radius:11px;font-weight:850}
.app-body .btn.small{min-height:36px}
.app-body input,.app-body select,.app-body textarea{min-height:var(--tap-size);border-radius:11px}
.app-body textarea{min-height:96px}
.app-body .page-actions,.app-body .page-hero-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.app-body .table-wrap{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--brand-secondary) 28%,transparent) transparent}
.app-body .table thead th{position:sticky;z-index:2;top:0;background:color-mix(in srgb,var(--cs-surface-soft) 94%,#fff);backdrop-filter:blur(8px)}
.app-body .table tbody tr{transition:background-color .15s ease,box-shadow .15s ease}
.app-body .table tbody tr:hover{background:color-mix(in srgb,var(--brand-secondary) 2.8%,#fff)}
.app-body .table-actions{gap:7px;flex-wrap:wrap}
.app-body .badge{white-space:nowrap}
.app-body .cs-dialog{overscroll-behavior:contain}
.app-body .cs-dialog>.dialog-panel,.app-body .cs-dialog>form{max-height:min(88dvh,880px)}
.app-body .dialog-head,.app-body .dialog-footer{position:sticky;z-index:5;background:color-mix(in srgb,var(--cs-surface) 94%,transparent);backdrop-filter:blur(14px)}
.app-body .dialog-head{top:0}
.app-body .dialog-footer,.app-body .dialog-actions{bottom:0}
.app-body .brand-logo-wrap{overflow:hidden;border:1px solid rgba(255,255,255,.14);background:linear-gradient(160deg,#176cf6,#071a35)}
.app-body .brand-logo{width:100%;height:100%;object-fit:cover}
.app-body .brand-copy strong{letter-spacing:-.025em}
.session-selection-result{max-width:720px;margin-inline:auto;text-align:left}
.session-selection-result>.result-status-icon{margin-inline:auto}
.session-selection-result>h2,.session-selection-result>p{text-align:center}
.exit-session-search{display:grid;gap:7px;margin:22px 0 10px;color:var(--cs-ink-soft);font-size:11px;font-weight:850}
.exit-session-search input{width:100%;font-size:16px;text-transform:uppercase}
.exit-session-list{display:grid;max-height:390px;gap:8px;padding:2px;overflow:auto;overscroll-behavior:contain}
.exit-session-option{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:12px 14px;border:1px solid var(--cs-line);border-radius:14px;color:var(--cs-ink);background:var(--cs-surface);cursor:pointer;text-align:left;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.exit-session-option:hover,.exit-session-option:focus-visible{border-color:var(--brand-secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-secondary) 10%,transparent);transform:translateY(-1px)}
.exit-session-option>span{display:flex;min-width:0;flex-direction:column;gap:2px}
.exit-session-option b{font:900 18px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.045em}
.exit-session-option small{overflow:hidden;color:var(--cs-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.exit-session-time{align-items:flex-end;flex:0 0 auto;color:var(--brand-secondary);font-size:13px;font-weight:900}
.exit-session-time small{text-align:right}
.exit-session-empty{padding:18px;border:1px dashed var(--cs-line);border-radius:13px;color:var(--cs-muted);text-align:center}
.session-selection-result>.notice{margin-top:14px}
.session-selection-result>#cancelSessionSelection{margin-top:12px}
.yard-page .entity-copy .badge{margin-top:2px;font-size:8px}
.monthly-page .page-hero-copy p{max-width:720px}
.plan-pill{display:flex;flex-direction:column;min-width:130px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:#f8fafc;position:relative}
.plan-pill form{margin:3px 0 0}
.plan-pill .link-button{padding:0;color:var(--brand-secondary);font-size:9px}
.plan-pill.is-inactive{border-style:dashed;filter:saturate(.35);opacity:.72}
@media (max-width:760px){.app-body{--tap-size:46px}
}
@media (max-width:760px){.app-body .page-actions,.app-body .page-hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
}
@media (max-width:760px){.app-body .page-actions>*:only-child,.app-body .page-hero-actions>*:only-child{grid-column:1/-1}
}
@media (max-width:760px){.app-body .page-actions .btn,.app-body .page-hero-actions .btn{width:100%}
}
@media (max-width:760px){.app-body .data-toolbar{align-items:stretch;flex-direction:column}
}
@media (max-width:760px){.app-body .data-toolbar-actions,.app-body .search-bar{width:100%}
}
@media (max-width:760px){.app-body .table.responsive-enhanced thead{display:none}
}
@media (max-width:760px){.app-body .table.responsive-enhanced tbody{display:grid;padding:10px;background:var(--cs-surface-soft)}
}
@media (max-width:760px){.app-body .table.responsive-enhanced tr{overflow:hidden;border:1px solid var(--cs-line);background:var(--cs-surface);box-shadow:0 8px 24px rgba(15,23,42,.045)}
}
@media (max-width:760px){.app-body .table.responsive-enhanced td{border-bottom:1px solid color-mix(in srgb,var(--cs-line) 72%,transparent)}
}
@media (max-width:760px){.app-body .table.responsive-enhanced td:last-child{border-bottom:0}
}
@media (max-width:760px){.app-body .table.responsive-enhanced td .table-actions{grid-template-columns:1fr}
}
@media (max-width:760px){.app-body .cs-dialog{width:100vw;max-width:100vw;margin:0;border-radius:22px 22px 0 0}
}
@media (max-width:760px){.app-body .cs-dialog[open]{position:fixed;inset:auto 0 0}
}
@media (max-width:760px){.app-body .cs-dialog>.dialog-panel,.app-body .cs-dialog>form{max-height:94dvh;border-radius:22px 22px 0 0}
}
@media (max-width:760px){.app-body .dialog-footer,.app-body .dialog-actions{padding-bottom:calc(14px+env(safe-area-inset-bottom))}
}
@media (max-width:760px){.app-body .validator-stage{gap:12px}
}
@media (max-width:760px){.exit-session-list{max-height:42dvh}
}
@media (max-width:760px){.exit-session-option{min-height:72px;padding:13px}
}
@media (max-width:760px){.exit-session-option b{font-size:20px}
}
@media (max-width:420px){.app-body .page-actions,.app-body .page-hero-actions{grid-template-columns:1fr}
}
@media (max-width:420px){.app-body .summary-chip{min-width:132px}
}
@media (max-width:420px){.app-body .mobile-dock a{min-width:0}
}
@media (max-width:420px){.app-body .mobile-dock small{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
.cs-runtime{--cs-focus-ring:0 0 0 4px color-mix(in srgb,var(--brand-secondary) 18%,transparent);--cs-shadow-xs:0 1px 2px rgba(15,23,42,.04);--cs-shadow-sm:0 8px 24px rgba(15,23,42,.065);--cs-shadow-md:0 18px 48px rgba(15,23,42,.1);--cs-content-gap:clamp(14px,1.65vw,24px);min-width:320px;color-scheme:light;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.cs-runtime:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid color-mix(in srgb,var(--brand-secondary) 78%,#fff);outline-offset:2px;box-shadow:var(--cs-focus-ring)}
.cs-runtime:where(button,.btn,.nav-link,.mobile-dock a,.mobile-dock button){-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.cs-runtime:where(.main,.content,.workspace-page,.grid,.card,.data-card,.table-wrap){min-width:0}
.cs-runtime .workspace-page{display:grid;gap:var(--cs-content-gap)}
.cs-runtime .content{padding:clamp(20px,2.2vw,34px);padding-bottom:clamp(52px,6vw,82px)}
.cs-runtime .page-head,.cs-runtime .page-hero{margin:0}
.cs-runtime .page-hero-copy{min-width:0}
.cs-runtime .page-hero-copy h1,.cs-runtime .page-hero-copy h2{max-width:20ch;text-wrap:balance}
.cs-runtime .page-hero-copy p{max-width:78ch;line-height:1.62;text-wrap:pretty}
.cs-runtime .card{border-color:color-mix(in srgb,var(--cs-line,#e2e8f0) 90%,transparent);box-shadow:var(--cs-shadow-xs)}
.cs-runtime .card:hover{border-color:color-mix(in srgb,var(--brand-secondary) 13%,var(--cs-line,#e2e8f0))}
.cs-runtime .summary-strip{align-items:stretch}
.cs-runtime .summary-chip{min-width:0;box-shadow:var(--cs-shadow-xs)}
.cs-runtime .summary-chip-copy b,.cs-runtime .kpi-value,.cs-runtime .money,.cs-runtime .mono{font-variant-numeric:tabular-nums}
.cs-runtime .btn{max-width:100%;white-space:normal;line-height:1.18}
.cs-runtime .btn:hover{transform:translateY(-1px)}
.cs-runtime .btn:active{transform:translateY(0);box-shadow:none}
.cs-runtime .btn.primary,.cs-runtime .btn.brand{box-shadow:0 8px 20px color-mix(in srgb,var(--brand-secondary) 20%,transparent)}
.cs-runtime .btn.danger{box-shadow:0 8px 20px rgba(185,28,28,.12)}
.cs-runtime .field>label,.cs-runtime label.field,.cs-runtime form>label{min-width:0}
.cs-runtime:where(input,select,textarea){max-width:100%;border-color:color-mix(in srgb,var(--cs-line,#d8e0ea) 94%,#94a3b8)}
.cs-runtime:where(input,select,textarea):hover:not(:disabled){border-color:color-mix(in srgb,var(--brand-secondary) 25%,#cbd5e1)}
.cs-runtime:where(input,select,textarea):disabled{cursor:not-allowed;opacity:.72}
.cs-runtime input[type="date"],.cs-runtime input[type="month"]{min-width:0;font-variant-numeric:tabular-nums}
.cs-runtime .sidebar-head{min-height:68px}
.cs-runtime .brand{min-width:0}
.cs-runtime .brand-logo-wrap,.cs-runtime .brand-mark{flex:0 0 auto}
.cs-runtime .brand-copy strong{display:-webkit-box;overflow:hidden;max-width:100%;white-space:normal;line-height:1.18;text-overflow:clip;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.cs-runtime .brand-copy small,.cs-runtime .top-user-copy b,.cs-runtime .top-user-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-runtime .sidebar-nav{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.26) transparent}
.cs-runtime .sidebar-nav::-webkit-scrollbar{width:5px}
.cs-runtime .sidebar-nav::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(148,163,184,.26)}
.cs-runtime .nav-link,.cs-runtime .nav-group>summary{position:relative}
.cs-runtime .nav-link[aria-current="page"]::after{position:absolute;right:12px;width:6px;height:6px;border-radius:50%;background:currentColor;content:"";opacity:.7}
.cs-runtime .nav-link.nav-primary:not(.active){border:1px solid color-mix(in srgb,var(--brand-accent) 22%,transparent)}
.cs-runtime .topbar{box-shadow:0 1px 0 rgba(15,23,42,.025)}
.cs-runtime .topbar.is-scrolled{box-shadow:0 12px 34px rgba(15,23,42,.075)}
.cs-runtime .top-title{min-width:0}
.cs-runtime .top-title h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.auth-body.cs-runtime .auth-story-brand{gap:16px}
.auth-body.cs-runtime .auth-story-brand>span,.auth-body.cs-runtime .auth-story-brand>img{width:66px;height:66px;padding:8px;border-radius:18px;box-shadow:0 18px 42px rgba(0,0,0,.24)}
.auth-body.cs-runtime .auth-story-brand strong{max-width:28ch;color:#fff;font-size:18px;line-height:1.2;text-wrap:balance}
.auth-body.cs-runtime .auth-company-logo,.auth-body.cs-runtime .auth-mobile-brand>.brand-mark{width:60px;height:60px;flex:0 0 60px;border-radius:17px;box-shadow:var(--cs-shadow-sm)}
.auth-body.cs-runtime .auth-mobile-brand strong{font-size:16px;line-height:1.22}
.auth-body.cs-runtime .remember-option{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);min-height:62px;align-items:center;gap:12px;margin:0;padding:11px 13px;border:1px solid color-mix(in srgb,var(--cs-line,#d8e0ea) 92%,#94a3b8);border-radius:14px;color:var(--cs-ink,#101828);background:rgba(255,255,255,.82);cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;-webkit-tap-highlight-color:transparent}
.auth-body.cs-runtime .remember-option:hover{border-color:color-mix(in srgb,var(--brand-secondary) 35%,#cbd5e1);background:color-mix(in srgb,var(--brand-secondary) 3%,#fff)}
.auth-body.cs-runtime .remember-option:active{transform:translateY(1px)}
.auth-body.cs-runtime .remember-option>input{position:absolute;width:1px;height:1px;min-height:0;margin:0;padding:0;overflow:hidden;opacity:0;pointer-events:none}
.auth-body.cs-runtime .remember-check{display:grid;width:24px;height:24px;place-items:center;border:1.5px solid #b8c3d1;border-radius:8px;color:transparent;background:#fff;box-shadow:inset 0 0 0 2px #fff;transition:.16s ease}
.auth-body.cs-runtime .remember-check svg{width:14px;height:14px;stroke-width:3}
.auth-body.cs-runtime .remember-copy{display:flex;min-width:0;flex-direction:column;gap:3px}
.auth-body.cs-runtime .remember-copy b{font-size:12px;line-height:1.25}
.auth-body.cs-runtime .remember-copy small{color:var(--cs-muted,#667085);font-size:10px;font-weight:600;line-height:1.4}
.auth-body.cs-runtime .remember-option>input:checked+.remember-check{border-color:var(--brand-secondary);color:#fff;background:var(--brand-secondary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-secondary) 78%,#fff),0 5px 12px color-mix(in srgb,var(--brand-secondary) 20%,transparent)}
.auth-body.cs-runtime .remember-option:has(input:checked){border-color:color-mix(in srgb,var(--brand-secondary) 42%,#cbd5e1);background:color-mix(in srgb,var(--brand-secondary) 5%,#fff)}
.auth-body.cs-runtime .remember-option:focus-within,.auth-body.cs-runtime .remember-option:has(input:focus-visible){outline:2px solid color-mix(in srgb,var(--brand-secondary) 78%,#fff);outline-offset:2px;box-shadow:var(--cs-focus-ring)}
.cs-runtime .table-wrap.is-scrollable-x{border-right-color:color-mix(in srgb,var(--brand-secondary) 24%,var(--cs-line,#e2e8f0))}
.cs-runtime .table-wrap.is-scrollable-x::after{display:none;position:sticky;right:8px;bottom:6px;z-index:8;display:block;float:right;width:max-content;margin-top:-26px;padding:4px 8px;border:1px solid color-mix(in srgb,var(--brand-secondary) 18%,#dbe4ef);border-radius:999px;color:var(--cs-muted,#64748b);background:rgba(255,255,255,.94);box-shadow:var(--cs-shadow-xs);content:"Arraste para ver mais →";font-size:9px;font-weight:850;letter-spacing:.02em;pointer-events:none}
.cs-runtime .table-wrap.is-at-end::after{opacity:0}
.cs-runtime .table{font-variant-numeric:tabular-nums}
.cs-runtime .table th,.cs-runtime .table td{overflow-wrap:anywhere}
.cs-runtime .table th{color:color-mix(in srgb,var(--cs-muted,#64748b) 88%,#0f172a);letter-spacing:.075em}
.cs-runtime .table td{line-height:1.42}
.cs-runtime .table.has-action-column th:last-child,.cs-runtime .table.has-action-column td:last-child{position:sticky;right:0;z-index:3;border-left:1px solid color-mix(in srgb,var(--cs-line,#e2e8f0) 78%,transparent);background:color-mix(in srgb,var(--cs-surface,#fff) 97%,var(--cs-surface-soft,#f8fafc));box-shadow:-10px 0 18px -18px rgba(15,23,42,.45)}
.cs-runtime .table.has-action-column th:last-child{z-index:5;background:color-mix(in srgb,var(--cs-surface-soft,#f8fafc) 96%,#fff)}
.cs-runtime .table-actions,.cs-runtime .cell-actions{align-items:center;gap:7px}
.cs-runtime .table-actions form,.cs-runtime .cell-actions form{margin:0}
.cs-runtime .contracts-page .table-wrap{overflow-x:auto}
.cs-runtime .contract-table{width:100%;min-width:860px;table-layout:fixed}
.cs-runtime .contract-table th:nth-child(1){width:38%}
.cs-runtime .contract-table th:nth-child(2){width:17%}
.cs-runtime .contract-table th:nth-child(3){width:13%}
.cs-runtime .contract-table th:nth-child(4){width:17%}
.cs-runtime .contract-table th:nth-child(5){width:15%}
.cs-runtime .contract-table td{vertical-align:top}
.cs-runtime .contract-table .entity-cell{align-items:flex-start}
.cs-runtime .contract-table .entity-copy b{line-height:1.38}
.cs-runtime .contract-table .contract-date-range{display:grid;gap:3px}
.cs-runtime .contract-table .contract-date-range i{color:var(--cs-muted,#64748b);font-size:10px;font-style:normal;font-weight:700}
.cs-runtime .contract-table .contract-actions>*{width:auto;min-width:0}
.cs-runtime .contract-table .contract-actions .btn{width:auto;min-width:74px;min-height:34px;padding:7px 10px;font-size:10px}
.cs-runtime .contract-table .contract-actions form{display:block}
.cs-runtime dialog.cs-dialog,.cs-runtime dialog.dialog{max-width:calc(100vw - 24px);border:0;box-shadow:var(--cs-shadow-md)}
.cs-runtime dialog::backdrop{background:rgba(5,12,27,.63);backdrop-filter:blur(6px)}
.cs-runtime .dialog-body{overscroll-behavior:contain;scrollbar-width:thin}
.cs-runtime .toast{max-width:min(620px,calc(100vw - 32px))}
.cs-runtime .empty-inline{min-height:86px;align-content:center}
.auth-body.cs-runtime .auth-panel-inner,.portal-body.cs-runtime .portal-wrap{min-width:0}
.auth-body.cs-runtime .auth-card,.portal-body.cs-runtime .portal-card{box-shadow:var(--cs-shadow-md)}
.portal-body.cs-runtime .portal-brand>div{min-width:0}
.portal-body.cs-runtime .portal-brand b{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
@media (max-width:1180px){.cs-runtime .content{padding-inline:24px}
}
@media (max-width:1180px){.cs-runtime .topbar{padding-inline:24px}
}
@media (max-width:1180px){.cs-runtime .top-user-copy{max-width:170px}
}
@media (max-width:1180px){.cs-runtime .contract-table{min-width:820px}
}
@media (max-width:960px){.cs-runtime .content{padding:20px;padding-bottom:calc(96px+env(safe-area-inset-bottom))}
}
@media (max-width:960px){.cs-runtime .topbar{padding-inline:18px}
}
@media (max-width:960px){.cs-runtime .table-wrap{overflow:visible;border:0;background:transparent}
}
@media (max-width:960px){.cs-runtime .table-wrap::after{display:none}
}
@media (max-width:960px){.cs-runtime .table.responsive-enhanced,.cs-runtime .table.responsive-enhanced tbody{display:grid;width:100%;min-width:0;gap:12px}
}
@media (max-width:960px){.cs-runtime .table.responsive-enhanced thead{display:none}
}
@media (max-width:960px){.cs-runtime .table.responsive-enhanced tbody{padding:0;background:transparent}
}
@media (max-width:960px){.cs-runtime .table.responsive-enhanced tr{display:grid;overflow:hidden;border:1px solid var(--cs-line,#e2e8f0);border-radius:16px;background:var(--cs-surface,#fff);box-shadow:var(--cs-shadow-sm)}
}
@media (max-width:960px){.cs-runtime .table.responsive-enhanced td{position:static;display:grid;grid-template-columns:minmax(116px,30%) minmax(0,1fr);align-items:start;gap:12px;width:100%;min-height:45px;padding:11px 14px;border:0;border-bottom:1px solid color-mix(in srgb,var(--cs-line,#e2e8f0) 72%,transparent);background:transparent;box-shadow:none;text-align:left}
}
@media (max-width:960px){.cs-runtime .table.responsive-enhanced td::before{color:var(--cs-muted,#64748b);content:attr(data-label);font-size:9px;font-weight:900;letter-spacing:.075em;line-height:1.45;text-transform:uppercase}
}
@media (max-width:960px){.cs-runtime .table.responsive-enhanced td:last-child{border-bottom:0}
}
@media (max-width:960px){.cs-runtime .table.responsive-enhanced td[colspan]{display:block}
}
@media (max-width:960px){.cs-runtime .table.responsive-enhanced td[colspan]::before{display:none}
}
@media (max-width:960px){.cs-runtime .table.responsive-enhanced .table-actions,.cs-runtime .table.responsive-enhanced .cell-actions,.cs-runtime .contract-table .contract-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
}
@media (max-width:960px){.cs-runtime .table.responsive-enhanced .table-actions>*,.cs-runtime .table.responsive-enhanced .cell-actions>*,.cs-runtime .table.responsive-enhanced .table-actions .btn,.cs-runtime .table.responsive-enhanced .cell-actions .btn,.cs-runtime .contract-table .contract-actions .btn{width:100%}
}
@media (max-width:960px){.cs-runtime .contract-table .contract-actions form{display:block}
}
@media (max-width:760px){.cs-runtime{--cs-content-gap:13px}
}
@media (max-width:760px){.cs-runtime .content{padding:16px 14px calc(104px+env(safe-area-inset-bottom))}
}
@media (max-width:760px){.cs-runtime .topbar{min-height:70px;height:auto;padding:10px 14px}
}
@media (max-width:760px){.cs-runtime .top-title h1{max-width:min(54vw,290px);font-size:18px}
}
@media (max-width:760px){.cs-runtime .top-context{font-size:8px}
}
@media (max-width:760px){.cs-runtime .connection-status{display:none}
}
@media (max-width:760px){.cs-runtime .top-user{max-width:116px;padding:5px 7px}
}
@media (max-width:760px){.cs-runtime .top-user-copy b{font-size:10px}
}
@media (max-width:760px){.cs-runtime .top-user-copy small{display:none}
}
@media (max-width:760px){.cs-runtime .page-head,.cs-runtime .page-hero{align-items:stretch;gap:14px}
}
@media (max-width:760px){.cs-runtime .page-hero-copy h1,.cs-runtime .page-hero-copy h2{max-width:none;font-size:clamp(27px,8vw,36px);line-height:1.02}
}
@media (max-width:760px){.cs-runtime .page-hero-copy p{font-size:13px;line-height:1.55}
}
@media (max-width:760px){.cs-runtime .summary-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;overflow:visible}
}
@media (max-width:760px){.cs-runtime .summary-chip{width:auto;min-height:92px;padding:13px}
}
@media (max-width:760px){.cs-runtime .summary-chip-icon{width:34px;height:34px}
}
@media (max-width:760px){.cs-runtime .summary-chip-copy small{white-space:normal}
}
@media (max-width:760px){.cs-runtime .card{border-radius:16px}
}
@media (max-width:760px){.cs-runtime .data-card>.data-toolbar{gap:10px}
}
@media (max-width:760px){.cs-runtime .table.responsive-enhanced td{grid-template-columns:minmax(88px,31%) minmax(0,1fr);padding:11px 12px}
}
@media (max-width:760px){.cs-runtime .mobile-dock{left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));width:auto;padding-inline:6px;border:1px solid rgba(203,213,225,.8);border-radius:22px;box-shadow:0 18px 48px rgba(15,23,42,.18)}
}
@media (max-width:760px){.cs-runtime .mobile-dock>:where(a,button){min-width:0}
}
@media (max-width:760px){.cs-runtime .mobile-dock .dock-main{transform:translateY(-8px);box-shadow:0 12px 26px color-mix(in srgb,var(--brand-secondary) 24%,transparent)}
}
@media (max-width:760px){.cs-runtime dialog.cs-dialog,.cs-runtime dialog.dialog{max-width:100vw}
}
@media (max-width:760px){.cs-runtime .dialog-grid,.cs-runtime .form-grid,.cs-runtime .form-grid.cols3{grid-template-columns:1fr}
}
@media (max-width:760px){.cs-runtime .dialog-grid>*,.cs-runtime .form-grid>*,.cs-runtime .form-grid .span2{grid-column:auto}
}
@media (max-width:760px){.auth-body.cs-runtime .auth-panel{padding:18px 14px}
}
@media (max-width:760px){.auth-body.cs-runtime .auth-card{border-radius:20px}
}
@media (max-width:760px){.portal-body.cs-runtime .portal-wrap{width:100%;padding:16px 12px 34px}
}
@media (max-width:430px){.cs-runtime .summary-strip{grid-template-columns:1fr 1fr}
}
@media (max-width:430px){.cs-runtime .page-actions,.cs-runtime .page-hero-actions{grid-template-columns:1fr}
}
@media (max-width:430px){.cs-runtime .table.responsive-enhanced td{grid-template-columns:1fr;gap:5px}
}
@media (max-width:430px){.cs-runtime .table.responsive-enhanced td::before{margin-bottom:1px}
}
@media (max-width:430px){.cs-runtime .table.responsive-enhanced .table-actions,.cs-runtime .table.responsive-enhanced .cell-actions,.cs-runtime .contract-table .contract-actions{grid-template-columns:1fr}
}
@media (max-width:430px){.cs-runtime .scope-banner{align-items:stretch;flex-direction:column}
}
@media (max-width:430px){.cs-runtime .scope-banner button{width:100%;min-height:42px}
}
@media (hover:none) and (pointer:coarse){.cs-runtime:where(.btn,button,.nav-link,summary){min-height:44px}
}
@media (hover:none) and (pointer:coarse){.cs-runtime .btn:hover,.cs-runtime .card:hover{transform:none}
}
@media (prefers-contrast:more){.cs-runtime{--cs-line:#94a3b8}
}
@media (prefers-contrast:more){.cs-runtime .badge,.cs-runtime .btn,.cs-runtime:where(input,select,textarea){border-width:2px}
}
@media (prefers-reduced-motion:reduce){.cs-runtime *,.cs-runtime *::before,.cs-runtime *::after{scroll-behavior:auto;animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}
}
@media print{.cs-runtime .sidebar,.cs-runtime .topbar,.cs-runtime .mobile-dock,.cs-runtime .support-fab,.cs-runtime .scope-banner,.cs-runtime .page-actions{display:none !important}
}
@media print{.cs-runtime .main{width:100% !important;margin:0 !important}
}
@media print{.cs-runtime .content{max-width:none;padding:0}
}
@media print{.cs-runtime .card{break-inside:avoid;box-shadow:none}
}
.cs-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;margin-bottom:20px;border:1px solid var(--cs-line,#e2e8f0);border-radius:18px;background:linear-gradient(115deg,#fff,#f1f5fb);color:#12213b}
.cs-hero>div{min-width:0}
.cs-hero h2{font-size:clamp(24px,3vw,36px);line-height:1.12;letter-spacing:-.035em;margin:8px 0 12px;font-weight:750}
.cs-hero p{font-size:15px;max-width:68ch;line-height:1.6;color:#526079;margin:0}
.cs-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--cs-primary,#1d4ed8);text-transform:uppercase}
.cs-hero-logo{width:min(230px,30%);height:82px;object-fit:contain;background:#fff;border-radius:12px;padding:10px}
.cs-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}
.cs-actions form{margin:0}
.cs-actions label{display:grid;gap:5px;font-size:12px;font-weight:700}
.cs-actions .btn{white-space:normal}
.cs-actions>*{min-width:0}
.cs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cs-panels{align-items:start}
.panel{min-width:0;background:#fff;border:1px solid var(--cs-line,#dfe5ee);border-radius:16px;padding:24px;margin-bottom:18px;color:#14223a}
.panel h2{font-size:21px;line-height:1.3;letter-spacing:-.015em;margin:0 0 14px}
.panel h3{font-size:16px;margin:0 0 12px}
.panel p{line-height:1.65}
.panel .table-wrap{margin-top:14px}
.cs-form{display:grid;gap:18px;max-width:100%}
.cs-form>label,.cs-form .cs-grid>label{display:grid;gap:7px;font-size:13px;font-weight:700;min-width:0}
.cs-form small{font-size:12px;font-weight:400;color:#5c687c;line-height:1.5}
.cs-form input:not([type=checkbox]),.cs-form select,.cs-form textarea,.cs-actions select,.cs-help-index input{width:100%;min-width:0;max-width:100%;border:1px solid #cbd5e1;border-radius:9px;padding:11px 12px;background:#fff;color:#102039;font:inherit;min-height:44px}
.cs-form textarea{line-height:1.55;resize:vertical}
.cs-form .btn{justify-self:start;min-height:44px}
.cs-form .cs-code{font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}
.cs-form input:focus,.cs-form select:focus,.cs-form textarea:focus,.cs-help-index input:focus{outline:3px solid #bfdbfe;outline-offset:2px;border-color:#2563eb}
.cs-check{display:flex;flex-direction:row;align-items:flex-start;gap:10px;line-height:1.6;font-size:13px;font-weight:500}
.cs-check input[type=checkbox]{appearance:auto;width:20px;height:20px;min-width:20px;min-height:20px;margin:2px 0 0;padding:0;accent-color:var(--cs-primary,#2563eb)}
.btn.btn-primary{background:var(--cs-primary,#1d4ed8);color:#fff;border-color:var(--cs-primary,#1d4ed8)}
.cs-notice{padding:15px 17px;margin:14px 0;border:1px solid #cfdded;border-left:3px solid var(--cs-accent,#2563eb);border-radius:10px;background:#f5f8fc;color:#33465f;font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.cs-empty{padding:36px 12px;text-align:center;color:#526079}
.cs-ref{display:block;overflow-wrap:anywhere;color:#5c687c;font:11px/1.6 ui-monospace,monospace;margin-top:5px}
.cs-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.cs-section-head h2{margin:0}
.cs-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;font-weight:750;font-size:16px;min-height:44px;list-style:revert}
.cs-disclosure>summary::after{content:"+";font-size:23px;font-weight:400}
.cs-disclosure[open]>summary{margin-bottom:20px}
.cs-disclosure[open]>summary::after{content:"−"}
.cs-timeline{list-style:none;margin:0;padding:0}
.cs-timeline li{border-left:2px solid #dbe6f5;padding:3px 0 20px 18px;position:relative}
.cs-timeline li::before{content:"";width:8px;height:8px;border-radius:50%;background:#2563eb;position:absolute;left:-5px;top:10px}
.cs-timeline p{margin:5px 0}
.cs-timeline small{color:#67758a}
.cs-prewrap{white-space:pre-wrap;overflow-wrap:anywhere}
.cs-quick-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:24px}
.cs-quick-flow>div{background:#fff;border:1px solid #dfe5ee;padding:18px;border-radius:14px}
.cs-quick-flow b{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#edf3fe;color:#1d4ed8;border-radius:9px;font-size:12px;margin-bottom:10px}
.cs-quick-flow strong{display:block;font-size:15px}
.cs-quick-flow p{font-size:13px;color:#5c687c;line-height:1.5;margin:7px 0 0}
.cs-help-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}
.cs-help-index{position:sticky;top:95px;padding:17px}
.cs-help-index label{display:grid;gap:8px;font-weight:700;font-size:12px}
.cs-help-index nav{display:grid;gap:3px;margin-top:16px;max-height:55vh;overflow:auto}
.cs-help-index nav a{color:#3b4f6a;padding:9px 8px;font-size:12px;line-height:1.4;text-decoration:none;border-radius:7px}
.cs-help-index nav a:hover,.cs-help-index nav a:focus{background:#eff4fa;color:#123e77}
.cs-help-chapter{scroll-margin-top:95px}
.cs-help-chapter li{line-height:1.75;font-size:14px;margin-bottom:13px;padding-left:5px}
.cs-help-chapter ol{padding-left:20px;margin:20px 0}
.cs-checkpoint{border-top:1px solid #e2e8f0;padding-top:14px;font-size:13px;color:#33465f}
.cs-help-chapter h2{margin-top:8px}
.cs-help-shortcut{display:inline-flex;align-items:center;gap:6px;padding:9px;color:var(--cs-primary,#1d4ed8);font-size:12px;text-decoration:none;border-radius:8px;min-height:42px}
.cs-help-shortcut:hover{background:#eef3fb}
.cs-help-shortcut svg{width:20px;height:20px}
.cs-welcome{display:flex;gap:12px;align-items:center;background:#f1f6ff;border:1px solid #d8e6fb;border-radius:13px;padding:15px 18px;margin-bottom:18px}
.cs-welcome>div{flex:1;min-width:0}
.cs-welcome b,.cs-welcome span{display:block}
.cs-welcome b{font-size:14px}
.cs-welcome span{font-size:12px;color:#536886;margin-top:4px}
.cs-tour .dialog-panel{width:min(600px,calc(100vw - 24px))}
.cs-tour .dialog-body p{font-size:16px;line-height:1.8}
.cs-tour .dialog-body .cs-notice{font-size:12px}
.cs-tour .dialog-footer{flex-wrap:wrap}
.cs-copy-card{padding:18px;border:1px solid #dbe3ee;border-radius:12px;background:#f9fbfe;min-width:0}
.cs-copy-card p{font-size:14px}
.cs-list{padding-left:20px}
.cs-list li{line-height:1.7;margin-bottom:12px}
.cs-simulation-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.cs-metric{background:#f2f6fc;border:1px solid #dfe7f3;border-radius:12px;padding:18px}
.cs-metric span{display:block;color:#5e6c80;font-size:12px;margin-bottom:8px}
.cs-metric strong{display:block;font-size:23px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cs-simulation-result>.cs-notice{grid-column:1/-1}
.cs-runtime:not(.sidebar-collapsed) .sidebar-head .brand{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;padding:4px;min-width:0}
.cs-runtime .sidebar-head .brand-copy{padding:0 3px;min-width:0}
.scope-global .sidebar-head .brand-copy strong{display:none}
.auth-body.cs-runtime .auth-story-brand>img{width:240px;max-width:100%;height:95px;object-fit:contain}
.auth-body.cs-runtime .auth-mobile-brand{align-items:center;padding-bottom:18px;border-bottom:1px solid color-mix(in srgb,var(--cs-line,#e2e8f0) 84%,transparent);flex-wrap:wrap;gap:12px}
@media (max-width:1100px){.cs-help-layout{grid-template-columns:190px minmax(0,1fr);gap:16px}
}
@media (max-width:1100px){.cs-help-shortcut span{display:none}
}
@media (max-width:1100px){.cs-simulation-result{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){.cs-hero{padding:21px;align-items:flex-start;flex-direction:column;gap:14px}
}
@media (max-width:760px){.cs-hero-logo{width:190px;max-width:100%}
}
@media (max-width:760px){.cs-grid{grid-template-columns:1fr}
}
@media (max-width:760px){.cs-quick-flow{grid-template-columns:1fr;gap:9px}
}
@media (max-width:760px){.cs-quick-flow>div{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:12px;padding:14px}
}
@media (max-width:760px){.cs-quick-flow b{grid-row:1/3;margin:0}
}
@media (max-width:760px){.cs-quick-flow p{grid-column:2}
}
@media (max-width:760px){.panel{padding:18px}
}
@media (max-width:760px){.cs-help-layout{grid-template-columns:1fr}
}
@media (max-width:760px){.cs-help-index{position:static}
}
@media (max-width:760px){.cs-help-index nav{max-height:170px}
}
@media (max-width:760px){.cs-help-chapter{scroll-margin-top:80px}
}
@media (max-width:760px){.cs-welcome{flex-wrap:wrap}
}
@media (max-width:760px){.cs-welcome>div{flex-basis:100%}
}
@media (max-width:760px){.cs-tour .dialog-panel{width:100%}
}
@media (max-width:760px){.cs-tour .dialog-footer .btn{flex:1}
}
@media (max-width:760px){.cs-section-head{align-items:flex-start;flex-direction:column}
}
@media (max-width:760px){.cs-actions{align-items:stretch}
}
@media (max-width:760px){.cs-actions>.btn{flex:1}
}
@media (max-width:760px){.cs-hero .cs-actions{margin:0;width:100%}
}
@media (max-width:760px){.cs-simulation-result{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){.cs-metric{padding:12px}
}
@media (max-width:760px){.cs-metric strong{font-size:20px}
}
@media (max-width:390px){.cs-simulation-result{grid-template-columns:1fr}
}
@media (max-width:390px){.cs-actions .btn{flex-basis:100%}
}
@media (max-width:390px){.cs-tour .dialog-footer .btn{font-size:12px}
}
@media (prefers-reduced-motion:reduce){.cs-tour *{transition:none;animation:none}
}
.cs-runtime .cs-flash{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;margin:0 0 18px;border:1px solid #b8cfec;border-left:4px solid #2663be;border-radius:12px;background:#edf5ff;color:#163e76;position:static;max-width:100%;opacity:1;line-height:1.6;overflow-wrap:anywhere}
.cs-runtime .cs-flash.danger{border-color:#ecc2c2;border-left-color:#ae2424;background:#fff1f1;color:#832020}
.cs-runtime .cs-flash.success{border-color:#b4dcca;border-left-color:#167044;background:#effbf5;color:#135335}
.cs-flash svg{width:22px;height:22px;flex:none}
.cs-runtime:not(.sidebar-collapsed) .sidebar-head .brand-logo-wrap{display:grid;place-items:center;width:38px;height:38px;min-width:38px;min-height:38px;max-width:38px;max-height:38px;flex:0 0 38px;padding:5px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:#fff;box-sizing:border-box}
.cs-runtime .sidebar-head .brand-logo{width:100%;height:100%;object-fit:contain;display:block;min-width:0;min-height:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;flex:0 1 auto}
.cs-runtime.sidebar-collapsed .brand-logo-wrap{display:grid;place-items:center;width:38px;height:38px;min-width:38px;min-height:38px;max-width:38px;max-height:38px;flex:0 0 38px;padding:5px;border-radius:10px;background:#fff;box-sizing:border-box}
.auth-body.cs-runtime .auth-company-logo{width:clamp(190px,58vw,240px);height:78px;min-width:190px;padding:7px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:90px;overflow:hidden}
.auth-body.cs-runtime .auth-company-logo img{object-fit:contain;padding:0;display:block;max-width:100%;max-height:100%;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
.cs-runtime .table-wrap{position:relative;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.cs-runtime .table .btn{word-break:normal;overflow-wrap:normal;min-width:fit-content}
.cs-runtime .table td:last-child:has(.btn){min-width:150px}
.cs-runtime .table-actions{min-width:135px}
.cs-runtime .table .entity-copy{white-space:normal;min-width:0;overflow-wrap:break-word}
.cs-runtime .agreements-table{table-layout:fixed;min-width:1140px;width:100%}
.cs-runtime .agreements-table th:nth-child(1){width:25%}
.cs-runtime .agreements-table th:nth-child(2){width:23%}
.cs-runtime .agreements-table th:nth-child(3){width:11%}
.cs-runtime .agreements-table th:nth-child(4){width:14%}
.cs-runtime .agreements-table th:nth-child(5){width:10%}
.cs-runtime .agreements-table th:nth-child(6){width:8%}
.cs-runtime .agreements-table th:last-child:has(+* ){width:auto}
.cs-runtime .agreements-table:has(th:nth-child(7)) th:last-child{width:150px}
.cs-runtime .agreements-table td:last-child .btn{min-width:112px;white-space:nowrap}
.billing-kpis{margin-bottom:18px}
.billing-brand-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 20px}
.billing-brand-pair>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:20px;background:#fff;border:1px solid #dce4ef;border-radius:14px;min-width:0}
.billing-brand-pair small{color:#596a7f}
.billing-brand-pair strong{font-size:14px;overflow-wrap:anywhere}
.billing-document{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:18px 0;border-top:1px solid #dfe6ef}
.billing-document>div{min-width:0;max-width:100%}
.billing-document p{margin:6px 0;font-size:13px}
.billing-full{width:100%}
.billing-history{padding-left:24px;max-height:520px;overflow-y:auto}
.billing-history li{padding:10px 0 10px 8px;border-bottom:1px solid #edf1f6}
.billing-history time{font-size:12px;color:#53657e}
.billing-history p{margin:4px 0;overflow-wrap:anywhere}
.billing-document details{flex:1 0 100%}
.billing-table{min-width:860px}
.billing-kpis .cs-metric strong{font-size:clamp(19px,2.6vw,25px)}
@media (max-width:960px){.cs-runtime .agreements-table{min-width:0;table-layout:auto}
}
@media (max-width:960px){.cs-runtime .table.responsive-enhanced td:last-child:has(.btn){min-width:0}
}
@media (max-width:960px){.billing-table{min-width:0}
}
@media (max-width:960px){.billing-brand-pair img{height:50px}
}
@media (max-width:960px){.billing-document .cs-actions{width:100%}
}
@media (max-width:540px){.billing-brand-pair{grid-template-columns:1fr 1fr;gap:8px}
}
@media (max-width:540px){.billing-brand-pair>div{padding:12px}
}
@media (max-width:540px){.billing-brand-pair img{height:42px}
}
@media (max-width:540px){.billing-brand-pair strong{font-size:12px}
}
@media (max-width:540px){.billing-kpis{grid-template-columns:1fr}
}
@media (max-width:540px){.cs-section-head{flex-wrap:wrap}
}
@media (max-width:540px){.cs-hero{padding:20px}
}
@media (max-width:540px){.panel{padding:18px}
}
@media (max-width:540px){.billing-document .btn{flex:1 1 auto;max-width:100%}
}
@media (max-width:540px){.cs-form .cs-grid{grid-template-columns:1fr}
}
.cs-runtime .btn.btn-primary{background:var(--brand-secondary,#2563eb);border-color:var(--brand-secondary,#2563eb);color:var(--button-on-secondary,#fff);box-shadow:0 6px 16px color-mix(in srgb,var(--brand-secondary,#2563eb) 18%,transparent)}
.cs-runtime .btn.btn-primary:hover{filter:brightness(.94)}
.cs-runtime .btn:disabled{cursor:not-allowed;opacity:.6}
.cs-runtime .agreements-table td{white-space:normal;overflow-wrap:break-word}
.cs-runtime .agreements-table .entity-cell{display:flex;min-width:0;max-width:100%;width:100%;align-items:flex-start}
.cs-runtime .agreements-table .entity-avatar{flex:0 0 36px}
.cs-runtime .agreements-table .entity-copy{display:block;min-width:0;max-width:100%;flex:1 1 0;white-space:normal}
.cs-runtime .agreements-table .entity-copy b,.cs-runtime .agreements-table .entity-copy small{display:block;max-width:100%;white-space:normal;word-break:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip}
[hidden]{display:none!important;display:none!important}
.table-actions,.contract-actions,.page-actions,.cs-actions,.form-actions{gap:10px;align-items:center}
.table-actions .btn{white-space:normal;word-break:normal;overflow-wrap:normal;min-height:40px;line-height:1.35;flex-shrink:0}
.entity-cell,.entity-copy{min-width:0}
.entity-copy>b,.entity-copy>small{white-space:normal;overflow-wrap:break-word;word-break:normal}
.contract-table .entity-copy{display:block;max-width:100%}
.contract-table .contract-title{display:block;line-height:1.5}
.contract-table td{vertical-align:top}
.cs-runtime .contract-table .contract-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:6px;display:grid;grid-template-columns:1fr;min-width:115px}
.contract-table .contract-progress-copy{display:block;margin-top:7px}
.contract-details{margin-top:10px;font-size:11px;line-height:1.6}
.contract-details summary{cursor:pointer;color:var(--muted,#61718a)}
.contract-details code{display:block;white-space:normal;overflow-wrap:anywhere}
.tenant-table .tenant-metadata{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px;line-height:1.65;font-size:12px}
.tenant-table .tenant-access-link{display:inline-block;max-width:100%;overflow-wrap:anywhere;font-size:12px}
.cs-runtime .tenant-table .table-actions{display:grid;grid-template-columns:1fr;min-width:115px}
@media (min-width:1081px){.contract-table{table-layout:fixed;min-width:760px}
}
@media (min-width:1081px){.contract-table th:nth-child(1){width:42%}
}
@media (min-width:1081px){.contract-table th:nth-child(2){width:23%}
}
@media (min-width:1081px){.contract-table th:nth-child(3){width:18%}
}
@media (min-width:1081px){.contract-table th:nth-child(4){width:17%}
}
@media (min-width:1081px){.contract-table td:last-child{position:static;box-shadow:none}
}
@media (min-width:1081px){.tenant-table{table-layout:fixed;min-width:720px}
}
@media (min-width:1081px){.tenant-table th:nth-child(1){width:47%}
}
@media (min-width:1081px){.tenant-table th:nth-child(2){width:21%}
}
@media (min-width:1081px){.tenant-table th:nth-child(3){width:15%}
}
@media (min-width:1081px){.tenant-table th:nth-child(4){width:17%}
}
@media (min-width:1081px){.tenant-table td:last-child{position:static;box-shadow:none}
}
.brand-logo-wrap{padding:5px;background:#fff;height:76px;min-height:76px;padding:10px 12px}
.brand-logo-wrap .brand-logo{height:52px;max-height:52px;width:100%;object-fit:contain}
.brand-name{line-height:1.4}
.palette-assistant{border:1px solid #dbe5f1;border-radius:14px;padding:16px;background:#f7faff}
.palette-assistant p{font-size:13px;line-height:1.6;margin:6px 0 12px}
.palette-swatches{display:flex;gap:8px;margin:10px 0}
.palette-swatches span{display:block;width:38px;height:38px;border:1px solid #d0d8e5;border-radius:10px}
.cycle-fields{margin-top:20px}
.cycle-fields .check-row{align-items:flex-start}
.plan-list{display:grid;gap:16px}
.plan-card{display:flex;align-items:center;justify-content:space-between;gap:24px}
.plan-card h2{font-size:21px;margin:6px 0}
.installment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:16px;margin:20px 0}
.installment{background:var(--surface,#fff);border:1px solid #dce3ed;border-top:4px solid #9caabd;border-radius:16px;padding:20px;min-width:0;box-shadow:0 3px 12px #18335705}
.installment.paid{border-top-color:#15803d;background:#f5fcf7}
.installment.overdue{border-top-color:#b42318;background:#fff8f7}
.installment.pending{border-top-color:#b45309}
.installment.planned{border-top-color:#c2cbd8}
.installment-head{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;justify-content:space-between;font-size:12px;color:#52637a}
.installment-head .badge{white-space:normal;text-align:left;line-height:1.4}
.installment h2{font-size:23px;margin:18px 0 8px}
.installment-value{display:block;font-size:24px;line-height:1.5}
.installment p,.installment small{font-size:12px;line-height:1.65;display:block}
.installment .btn{margin-top:12px}
.cycle-error{color:#a91916;font-weight:600}
.acceptance-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.acceptance-list>div{border:1px solid #dde4ef;border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.acceptance-list details{width:100%}
.acceptance-list summary{cursor:pointer;padding:7px 0}
.billing-document .cs-actions{margin:0;align-items:stretch}
.panel>summary{padding:6px 0;cursor:pointer;font-weight:700}
.billing-brand-pair img{height:64px;max-width:100%;width:230px;object-fit:contain;object-position:left center;max-height:38px}
.secure-document{margin:0;background:#f4f7fb;color:#17263b;font:16px/1.6 system-ui,sans-serif;padding:24px;box-sizing:border-box}
.secure-document *{box-sizing:border-box}
.secure-document main{max-width:720px;margin:36px auto;padding:36px;background:#fff;border:1px solid #dce4ef;border-radius:20px}
.secure-brand{width:205px;max-width:75%;height:auto;max-height:60px;object-fit:contain}
.secure-document h1{font-size:30px;line-height:1.2;margin:26px 0 16px}
.secure-document .eyebrow{font-size:11px;letter-spacing:.1em;margin-top:30px;color:#536680}
.secure-document .btn{display:inline-block;font:600 14px/1.5 system-ui,sans-serif;padding:12px 16px;cursor:pointer;border:1px solid #cdd7e5;border-radius:10px;background:#fff;color:#203654;max-width:100%;white-space:normal}
.secure-document .primary{background:#1955c8;color:#fff}
.secure-form{display:grid;gap:16px;margin:20px 0}
.secure-form label{display:grid;gap:8px}
.secure-form input:not([type=checkbox]){padding:13px;border:1px solid #b7c5d8;border-radius:10px;font:22px system-ui;letter-spacing:.3em;max-width:100%;width:100%}
.secure-form .check{display:flex;align-items:flex-start;font-size:14px;gap:10px}
.secure-form .check input{margin-top:6px;width:18px;height:18px;flex-shrink:0}
.secure-document small{display:block;font-size:12px;margin-top:8px}
.secure-document footer{font-size:11px;color:#566780;border-top:1px solid #dbe3ed;margin-top:24px;padding-top:20px}
.secure-document code{overflow-wrap:anywhere;font-size:11px}
.secure-message{padding:14px;border-radius:10px;background:#eff6ff}
.secure-message.error{background:#fff0ee;color:#9a2018}
.secure-message.success{background:#edf9f1;color:#146731}
.acceptance-facts{padding:20px;background:#f6f8fc;border-radius:12px}
.acceptance-facts>strong{font-size:30px}
.acceptance-facts dl{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;font-size:13px}
.acceptance-facts dd{margin:0;overflow-wrap:anywhere}
.acceptance-facts dt{color:#5a6e87}
@media (max-width:700px){.plan-card{align-items:stretch;flex-direction:column;gap:12px}
}
@media (max-width:700px){.installment-grid{grid-template-columns:1fr}
}
@media (max-width:700px){.acceptance-list{grid-template-columns:1fr}
}
@media (max-width:700px){.secure-document{padding:12px}
}
@media (max-width:700px){.secure-document main{padding:22px;margin:12px auto}
}
@media (max-width:700px){.secure-document h1{font-size:25px}
}
@media (max-width:700px){.acceptance-facts dl{grid-template-columns:1fr;gap:4px}
}
@media (max-width:700px){.acceptance-facts dd{margin-bottom:10px}
}
@media (max-width:700px){.table-actions .btn{min-height:44px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto}
}
.cs-runtime .table.contract-table .contract-actions,.cs-runtime .table.tenant-table .table-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;min-width:112px;justify-content:stretch}
.cs-runtime .table.contract-table .contract-actions>*{width:100%;min-width:0}
.cs-runtime .table.contract-table .contract-actions .btn{width:100%;min-width:0;justify-content:center}
:root{--cs-bg:#f6f7f9;--cs-surface:#ffffff;--cs-surface-raised:#ffffff;--cs-surface-muted:#f1f3f6;--cs-surface-subtle:#fafbfc;--cs-text:#16191f;--cs-text-2:#4b5563;--cs-text-3:#7c8696;--cs-border:#e5e8ee;--cs-border-strong:#d7dce4;--cs-sidebar:#11151c;--cs-sidebar-raised:#171c25;--cs-sidebar-text:#c9d0dc;--cs-sidebar-muted:#7e899c;--cs-sidebar-width:264px;--cs-sidebar-rail:78px;--cs-topbar-height:68px;--cs-content-max:1680px;--cs-control:40px;--cs-control-sm:34px;--cs-row:48px;--cs-radius-xs:7px;--cs-radius-sm:10px;--cs-radius-md:14px;--cs-radius-lg:18px;--cs-shadow-1:0 1px 2px rgba(17,24,39,.035);--cs-shadow-2:0 8px 24px rgba(17,24,39,.06);--cs-shadow-3:0 20px 55px rgba(17,24,39,.12);--cs-duration-fast:130ms;--cs-duration:180ms;--cs-ease:cubic-bezier(.2,.75,.2,1);--brand:var(--brand-secondary,#2563eb);--brand-hover:color-mix(in srgb,var(--brand) 88%,#000);--brand-active:color-mix(in srgb,var(--brand) 78%,#000);--brand-subtle:color-mix(in srgb,var(--brand) 7%,#fff);--brand-soft:color-mix(in srgb,var(--brand) 12%,#fff);--brand-border:color-mix(in srgb,var(--brand) 22%,var(--cs-border));--brand-foreground:#fff;--bg:var(--cs-bg);--surface:var(--cs-surface);--surface2:var(--cs-surface-muted);--text:var(--cs-text);--muted:var(--cs-text-3);--cs-canvas:var(--cs-bg);--cs-ink:var(--cs-text);--cs-ink-soft:var(--cs-text-2);--cs-muted:var(--cs-text-3);--cs-line:var(--cs-border);color-scheme:light}
/* Tenant colors are brand + light-scheme inputs. Semantic interface tokens remain scheme-owned. */
html[data-color-scheme="light"] body{--cs-bg:var(--tenant-background,#f6f7f9);--cs-surface:var(--tenant-surface,#ffffff);--cs-surface-raised:var(--tenant-surface,#ffffff);--cs-surface-muted:color-mix(in srgb,var(--tenant-surface,#ffffff) 90%,var(--tenant-text,#16191f));--cs-surface-subtle:color-mix(in srgb,var(--tenant-surface,#ffffff) 96%,var(--tenant-text,#16191f));--cs-text:var(--tenant-text,#16191f);--cs-text-2:color-mix(in srgb,var(--tenant-text,#16191f) 76%,var(--tenant-muted,#7c8696));--cs-text-3:var(--tenant-muted,#7c8696);--bg:var(--cs-bg);--surface:var(--cs-surface);--surface2:var(--cs-surface-muted);--text:var(--cs-text);--muted:var(--cs-text-3);--cs-canvas:var(--cs-bg);--cs-ink:var(--cs-text);--cs-ink-soft:var(--cs-text-2);--cs-muted:var(--cs-text-3);--cs-line:var(--cs-border)}
html{background:var(--cs-bg);scrollbar-gutter:stable}
body{background:var(--cs-bg);color:var(--cs-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.45;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body,.app-shell,.main,.content{min-width:0}
button,input,select,textarea{font:inherit}
button,a,[role="button"]{-webkit-tap-highlight-color:transparent}
::selection{background:var(--brand-soft);color:var(--cs-text)}
:focus-visible{outline:2px solid color-mix(in srgb,var(--brand) 72%,#fff);outline-offset:2px}
.ui-icon{width:18px;height:18px;flex:0 0 auto}
 .sidebar{width:var(--cs-sidebar-width);background:var(--cs-sidebar);border-right:1px solid rgba(255,255,255,.055);padding:14px 10px 12px;box-shadow:none}
.sidebar-head{min-height:54px;padding:0 4px 8px}
.brand{gap:10px;padding:7px 8px 9px;border-radius:var(--cs-radius-sm)}
.brand:hover{background:rgba(255,255,255,.035)}
.brand-logo-wrap,.brand-mark{width:36px;height:36px;min-width:36px;border-radius:10px}
.brand-logo{width:100%;height:100%;padding:5px;border-radius:10px;background:#fff;object-fit:contain}
.brand-copy strong{font-size:13px;letter-spacing:-.01em}
.brand-copy small{font-size:9px;color:var(--cs-sidebar-muted);margin-top:1px}
.workspace-label{margin:7px 7px 9px;padding:0 4px;color:var(--cs-sidebar-muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.workspace-label span{display:none}
.sidebar-nav{padding:0 2px 4px;gap:2px}
.nav-section{padding:15px 9px 5px;color:#657086;font-size:8px;letter-spacing:.12em;font-weight:800}
.nav-link{min-height:38px;gap:9px;padding:8px 9px;border-radius:9px;color:var(--cs-sidebar-text);font-size:12px;font-weight:620;transition:background var(--cs-duration-fast) var(--cs-ease),color var(--cs-duration-fast) var(--cs-ease)}
.nav-link .nav-icon{width:20px;height:20px;background:transparent;color:#909bad}
.nav-link .nav-icon .ui-icon{width:17px;height:17px}
.nav-link:hover{background:rgba(255,255,255,.055);color:#fff}
.nav-link.active{background:color-mix(in srgb,var(--brand) 17%,#171c25);box-shadow:inset 2px 0 0 color-mix(in srgb,var(--brand) 80%,#fff);color:#fff}
.nav-link.active .nav-icon{background:transparent;color:color-mix(in srgb,var(--brand) 72%,#fff)}
.nav-link.nav-primary:not(.active){background:rgba(255,255,255,.028)}
.nav-group{border-radius:10px}
.nav-group>summary{min-height:38px;padding:8px 9px;border-radius:9px;color:var(--cs-sidebar-text);font-size:12px}
.nav-group[open]>summary{background:rgba(255,255,255,.035)}
.sidebar-foot{padding:11px 5px 2px;border-top-color:rgba(255,255,255,.06)}
.user-avatar{width:32px;height:32px;border-radius:9px;background:#242c39}
.user-mini strong{font-size:11px}
.user-mini small{font-size:9px}
.link-button{font-size:11px}
.main{margin-left:var(--cs-sidebar-width);width:calc(100% - var(--cs-sidebar-width));background:var(--cs-bg)}
.topbar{height:var(--cs-topbar-height);padding:0 24px;background:rgba(246,247,249,.88);backdrop-filter:saturate(155%) blur(14px);border-bottom:1px solid rgba(215,220,228,.8);box-shadow:none}
.topbar.is-scrolled{box-shadow:0 7px 20px rgba(17,24,39,.045)}
.topbar-leading{gap:10px}
.desktop-collapse,.mobile-menu,.cs-icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--cs-border);border-radius:10px;background:var(--cs-surface);color:var(--cs-text-2);cursor:pointer;box-shadow:var(--cs-shadow-1);transition:background var(--cs-duration-fast),border-color var(--cs-duration-fast),transform var(--cs-duration-fast)}
.desktop-collapse:hover,.mobile-menu:hover,.cs-icon-button:hover{background:var(--cs-surface-muted);border-color:var(--cs-border-strong)}
.desktop-collapse:active,.mobile-menu:active,.cs-icon-button:active{transform:scale(.97)}
.top-title{min-width:0}
.top-title .top-context,.top-title .eyebrow{font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.09em;color:var(--cs-text-3);font-weight:760}
.top-title h1{margin:4px 0 0;color:var(--cs-text);font-size:18px;line-height:1.15;letter-spacing:-.022em;font-weight:720;text-wrap:balance}
.top-actions{gap:7px}
.cs-help-shortcut,.connection-status,.top-user{min-height:36px;border-radius:10px;border:1px solid var(--cs-border);background:rgba(255,255,255,.78);box-shadow:var(--cs-shadow-1)}
.cs-help-shortcut{padding:0 10px;font-size:11px;color:var(--cs-text-2)}
.connection-status{padding:0 10px;font-size:10px;color:var(--cs-text-2)}
.connection-status span{width:6px;height:6px;box-shadow:none}
.top-user{padding:4px 8px 4px 5px;gap:7px}
.top-user-mark{width:27px;height:27px;border-radius:8px}
.top-user-copy b{font-size:10px}
.top-user-copy small{font-size:8px}
.content{max-width:var(--cs-content-max);padding:22px 24px 48px}
.scope-banner{min-height:38px;padding:6px 16px;font-size:11px}
 body.sidebar-collapsed .sidebar{width:var(--cs-sidebar-rail)}
body.sidebar-collapsed .main{margin-left:var(--cs-sidebar-rail);width:calc(100% - var(--cs-sidebar-rail))}
body.sidebar-collapsed .brand{justify-content:center}
body.sidebar-collapsed .brand-copy,body.sidebar-collapsed .workspace-label,body.sidebar-collapsed .nav-section,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .nav-group summary>b,body.sidebar-collapsed .user-copy,body.sidebar-collapsed .link-button span{display:none}
body.sidebar-collapsed .nav-link,body.sidebar-collapsed .nav-group>summary{justify-content:center;padding-inline:8px}
body.sidebar-collapsed .nav-link .nav-icon,body.sidebar-collapsed .nav-group .nav-icon{width:24px;height:24px}
 .card,.cs-panel,.panel{background:var(--cs-surface);border:1px solid var(--cs-border);border-radius:var(--cs-radius-md);box-shadow:var(--cs-shadow-1)}
.card{padding:18px}
.card.soft{background:var(--cs-surface-subtle)}
.card:hover{box-shadow:var(--cs-shadow-1)}
a.card,[data-clickable].card{transition:border-color var(--cs-duration-fast),box-shadow var(--cs-duration-fast),transform var(--cs-duration-fast)}
a.card:hover,[data-clickable].card:hover{border-color:var(--cs-border-strong);box-shadow:var(--cs-shadow-2);transform:translateY(-1px)}
.card-title{margin-bottom:14px}
.card-title h2,.card-title h3,.section-title{color:var(--cs-text);letter-spacing:-.018em}
.muted{color:var(--cs-text-3)}
 .btn,.btn-primary{min-height:var(--cs-control);padding:0 13px;border:1px solid var(--cs-border-strong);border-radius:10px;background:var(--cs-surface);color:var(--cs-text);font-size:12px;font-weight:680;line-height:1;box-shadow:var(--cs-shadow-1);transition:background var(--cs-duration-fast),border-color var(--cs-duration-fast),color var(--cs-duration-fast),transform var(--cs-duration-fast),box-shadow var(--cs-duration-fast)}
.btn:hover,.btn-primary:hover{transform:none;box-shadow:var(--cs-shadow-1);background:var(--cs-surface-muted);border-color:var(--cs-border-strong)}
.btn:active,.btn-primary:active{transform:scale(.985)}
.btn.primary,.btn.brand,.btn.btn-primary,.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--brand-foreground);box-shadow:0 1px 2px color-mix(in srgb,var(--brand) 22%,transparent)}
.btn.primary:hover,.btn.brand:hover,.btn.btn-primary:hover,.btn-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}
.btn.small,.btn.sm{min-height:var(--cs-control-sm);padding:0 10px;border-radius:9px;font-size:11px}
.btn.huge,.btn.lg{min-height:46px;padding:0 16px;font-size:13px}
.btn.ghost{background:transparent;border-color:transparent;box-shadow:none}
.btn.danger{background:#b42318;border-color:#b42318}
.btn.success{background:#087443;border-color:#087443}
.btn.warning{background:#b54708;border-color:#b54708}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}
 .field,label{gap:6px;color:var(--cs-text-2);font-size:11px;font-weight:650}
.field input,.field select,.field textarea,label input,label select,label textarea,input,select,textarea{min-height:var(--cs-control);border:1px solid var(--cs-border-strong);border-radius:10px;padding:8px 10px;background:var(--cs-surface);color:var(--cs-text);box-shadow:0 1px 0 rgba(17,24,39,.015);transition:border-color var(--cs-duration-fast),box-shadow var(--cs-duration-fast),background var(--cs-duration-fast)}
textarea{min-height:96px;line-height:1.5}
input:hover,select:hover,textarea:hover{border-color:#c8ced8}
input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--brand) 68%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent);outline:0}
input[readonly],textarea[readonly],select[disabled],input[disabled],textarea[disabled]{background:var(--cs-surface-muted);color:var(--cs-text-3)}
input[type="color"]{padding:4px}
.form-grid{gap:12px}
.form-actions{gap:8px;margin-top:14px}
 .kpi-grid{container-type:inline-size;gap:10px;margin-bottom:16px}
.kpi{min-width:0;padding:15px 16px;border:1px solid var(--cs-border);border-radius:var(--cs-radius-md);background:var(--cs-surface);box-shadow:var(--cs-shadow-1)}
.kpi::after{display:none}
.kpi-label{font-size:9px;letter-spacing:.07em;color:var(--cs-text-3);font-weight:760}
.kpi-value{margin-top:7px;color:var(--cs-text);font-size:24px;line-height:1.06;letter-spacing:-.035em;font-weight:740;font-variant-numeric:tabular-nums}
.kpi-note{margin-top:6px;color:var(--cs-text-3);font-size:10px}
.money,.money-big,.amount,[data-money]{font-variant-numeric:tabular-nums lining-nums}
.money-big{color:var(--cs-text);font-size:36px;font-weight:760}
@container (max-width:760px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container (max-width:420px){.kpi-grid{grid-template-columns:1fr}
}
 .table-wrap{position:relative;border:1px solid var(--cs-border);border-radius:var(--cs-radius-md);background:var(--cs-surface);box-shadow:var(--cs-shadow-1);scrollbar-gutter:stable}
.table{min-width:720px;background:transparent;font-variant-numeric:tabular-nums}
.table th,.table td{height:var(--cs-row);padding:10px 12px;border-bottom:1px solid var(--cs-border);vertical-align:middle}
.table th{position:sticky;top:0;z-index:2;background:color-mix(in srgb,var(--cs-surface) 94%,var(--cs-surface-muted));color:var(--cs-text-3);font-size:9px;letter-spacing:.06em;font-weight:760;box-shadow:0 1px 0 var(--cs-border)}
.table td{color:var(--cs-text-2);font-size:11px}
.table tbody tr{transition:background var(--cs-duration-fast)}
.table tbody tr:hover{background:var(--cs-surface-subtle)}
.table tbody tr:last-child td{border-bottom:0}
.table td.money,.table th.money,.table td[data-type="money"]{text-align:right;font-variant-numeric:tabular-nums}
.table .row{gap:6px}
 .badge,.status-badge,.cs-badge{min-height:22px;padding:0 8px;border:1px solid transparent;border-radius:999px;font-size:9px;letter-spacing:.035em;font-weight:760;text-transform:none}
.badge.ok,.badge.success{background:#ecfdf3;border-color:#d1fadf;color:#067647}
.badge.warn,.badge.warning{background:#fffaeb;border-color:#fef0c7;color:#b54708}
.badge.bad,.badge.danger{background:#fef3f2;border-color:#fee4e2;color:#b42318}
.badge.info{background:#eff8ff;border-color:#d1e9ff;color:#175cd3}
 .data-toolbar,.page-actions,.list-toolbar,.filters-bar{container-type:inline-size;gap:8px}
.search-bar{min-height:var(--cs-control)}
@container (max-width:620px){.data-toolbar,.list-toolbar,.filters-bar{display:grid;grid-template-columns:1fr auto}
.data-toolbar .search-bar,.list-toolbar .search-bar,.filters-bar .search-bar{grid-column:1/-1}
}
 dialog.cs-dialog,.command-palette{border:0;padding:0;background:transparent;color:inherit;max-width:none;max-height:none}
dialog.cs-dialog::backdrop,.command-palette::backdrop{background:rgba(13,18,27,.46);backdrop-filter:blur(3px)}
.dialog-panel,.modal-card,.command-palette__panel{border:1px solid var(--cs-border);border-radius:18px;background:var(--cs-surface);box-shadow:var(--cs-shadow-3)}
.command-palette__panel{width:min(620px,calc(100vw - 28px));margin:min(14vh,120px) auto 0;overflow:hidden}
.command-palette__search{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid var(--cs-border)}
.command-palette__search .ui-icon{color:var(--cs-text-3)}
.command-palette__search input{min-height:36px;border:0;padding:0;background:transparent;box-shadow:none;font-size:14px}
.command-palette__search input:focus{box-shadow:none}
.command-palette__hint{margin-left:auto;padding:3px 6px;border:1px solid var(--cs-border);border-radius:6px;color:var(--cs-text-3);font-size:9px;background:var(--cs-surface-muted)}
.command-palette__results{max-height:min(56vh,430px);overflow:auto;padding:7px}
.command-palette__item{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:var(--cs-text-2);text-align:left;cursor:pointer}
.command-palette__item:hover,.command-palette__item[aria-selected="true"]{background:var(--brand-subtle);color:var(--cs-text)}
.command-palette__item .ui-icon{width:16px;height:16px;color:var(--cs-text-3)}
.command-palette__item small{margin-left:auto;color:var(--cs-text-3);font-size:9px}
.command-palette__empty{padding:26px 18px;color:var(--cs-text-3);text-align:center;font-size:12px}
 .cs-flash,.toast,.notice,.cs-notice{border-radius:11px;box-shadow:none}
.cs-flash{margin-bottom:14px}
 body.theme-density-compact{--cs-control:35px;--cs-control-sm:30px;--cs-row:41px}
body.theme-density-compact .card{padding:14px}
body.theme-density-compact .content{padding-top:17px}
body.theme-density-comfortable{--cs-control:42px;--cs-control-sm:36px;--cs-row:52px}
 .scope-parking .operator-shell{--cs-control:46px}
 .billing-page .card,.finance-page .card,.platform-finance .card,.contract-studio .card{box-shadow:var(--cs-shadow-1)}
.billing-timeline,.billing-schedule,.contract-timeline{border-color:var(--cs-border)}
 @view-transition{navigation:auto}
@media (prefers-reduced-motion:no-preference){::view-transition-old(root),::view-transition-new(root){animation-duration:140ms;animation-timing-function:var(--cs-ease)}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
 html[data-color-scheme="dark"]{color-scheme:dark;--cs-bg:#0f1217;--cs-surface:#15191f;--cs-surface-raised:#191e25;--cs-surface-muted:#1e242c;--cs-surface-subtle:#171b21;--cs-text:#f1f3f5;--cs-text-2:#c1c7d0;--cs-text-3:#9aa4b2;--cs-border:#2a313b;--cs-border-strong:#3a4552;--cs-sidebar:#0b0e12;--cs-sidebar-raised:#11151b;--line:var(--cs-border);--bg:var(--cs-bg);--surface:var(--cs-surface);--surface2:var(--cs-surface-muted);--text:var(--cs-text);--muted:var(--cs-text-3);--cs-canvas:var(--cs-bg);--cs-ink:var(--cs-text);--cs-ink-soft:var(--cs-text-2);--cs-muted:var(--cs-text-3);--cs-line:var(--cs-border)}
html[data-color-scheme="dark"] body,html[data-color-scheme="dark"] .main{background:var(--cs-bg);color:var(--cs-text)}
html[data-color-scheme="dark"] .topbar{background:rgba(15,18,23,.88);border-bottom-color:var(--cs-border)}
html[data-color-scheme="dark"] .card,html[data-color-scheme="dark"] .kpi,html[data-color-scheme="dark"] .table-wrap,html[data-color-scheme="dark"] .dialog-panel,html[data-color-scheme="dark"] .modal-card,html[data-color-scheme="dark"] .command-palette__panel,html[data-color-scheme="dark"] .top-user,html[data-color-scheme="dark"] .connection-status,html[data-color-scheme="dark"] .cs-help-shortcut,html[data-color-scheme="dark"] .desktop-collapse,html[data-color-scheme="dark"] .mobile-menu,html[data-color-scheme="dark"] .cs-icon-button{background:var(--cs-surface);border-color:var(--cs-border);color:var(--cs-text)}
html[data-color-scheme="dark"] input,html[data-color-scheme="dark"] select,html[data-color-scheme="dark"] textarea{background:var(--cs-surface-raised);border-color:var(--cs-border-strong);color:var(--cs-text)}
html[data-color-scheme="dark"] .table th{background:#191e25;color:var(--cs-text-3);border-bottom-color:var(--cs-border)}
html[data-color-scheme="dark"] .table td{color:var(--cs-text-2);border-bottom-color:var(--cs-border)}
html[data-color-scheme="dark"] .table tbody tr:hover{background:#1a2028}
html[data-color-scheme="dark"] .btn{background:var(--cs-surface-raised);border-color:var(--cs-border-strong);color:var(--cs-text)}
html[data-color-scheme="dark"] .btn:hover{background:var(--cs-surface-muted)}
html[data-color-scheme="dark"] .btn.primary,html[data-color-scheme="dark"] .btn.brand,html[data-color-scheme="dark"] .btn.btn-primary,html[data-color-scheme="dark"] .btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}
html[data-color-scheme="dark"] .muted,html[data-color-scheme="dark"] .kpi-note,html[data-color-scheme="dark"] .kpi-label{color:var(--cs-text-3)}
html[data-color-scheme="dark"] .kpi-value,html[data-color-scheme="dark"] .money-big,html[data-color-scheme="dark"] .card-title h2,html[data-color-scheme="dark"] .card-title h3,html[data-color-scheme="dark"] .section-title{color:var(--cs-text)}
html[data-color-scheme="dark"] .table.responsive-enhanced tr{background:var(--cs-surface);border-color:var(--cs-border)}
html[data-color-scheme="dark"] .table.responsive-enhanced td{border-bottom-color:var(--cs-border)}
html[data-color-scheme="dark"] .file-drop,html[data-color-scheme="dark"] .csv-columns,html[data-color-scheme="dark"] .import-report>div{background:var(--cs-surface-muted);border-color:var(--cs-border)}
 @media(max-width:1180px){.top-user-copy{display:none}
.cs-help-shortcut span{display:none}
}
@media(max-width:991px){.sidebar{width:min(88vw,314px);transform:translateX(-104%);transition:transform var(--cs-duration) var(--cs-ease)}
.sidebar.open{transform:translateX(0)}
.main,body.sidebar-collapsed .main{margin-left:0;width:100%}
.desktop-collapse{display:none}
.mobile-menu{display:inline-flex}
.topbar{padding-inline:14px}
.content{padding:17px 14px 92px}
.sidebar-backdrop.show{display:block;background:rgba(6,10,17,.52);backdrop-filter:blur(2px)}
body.sidebar-collapsed .sidebar{width:min(88vw,314px)}
body.sidebar-collapsed .brand-copy,body.sidebar-collapsed .workspace-label,body.sidebar-collapsed .nav-section,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .user-copy,body.sidebar-collapsed .link-button span{display:initial}
body.sidebar-collapsed .nav-link,body.sidebar-collapsed .nav-group>summary{justify-content:flex-start;padding-inline:9px}
}
@media(max-width:680px){:root{--cs-radius-md:12px;--cs-control:42px}
.topbar{height:62px}
.top-title h1{font-size:16px;max-width:52vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-title .top-context,.top-title .eyebrow{font-size:8px}
.connection-status,.top-user{display:none}
.content{padding:13px 10px 94px}
.card{padding:14px}
.kpi{padding:13px}
.kpi-value{font-size:21px}
dialog.cs-dialog .dialog-panel,.command-palette__panel{width:100%;max-height:88dvh;margin:auto 0 0;border-radius:18px 18px 0 0;border-bottom:0}
.command-palette{align-items:end}
.command-palette__panel{position:fixed;left:0;right:0;bottom:0}
.command-palette__results{max-height:52dvh}
.mobile-dock{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));border:1px solid var(--cs-border);border-radius:16px;background:color-mix(in srgb,var(--cs-surface) 92%,transparent);backdrop-filter:blur(16px);box-shadow:0 14px 36px rgba(17,24,39,.14)}
.mobile-dock a,.mobile-dock button{min-height:50px}
}
:root{--cs-sidebar-width:252px;--cs-sidebar-rail:72px;--cs-content-max:1720px}
.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}
 .scope-global .sidebar-head .brand-copy strong{display:block}
.sidebar-head{min-width:0}
.sidebar .brand{display:flex;width:100%;min-width:0;align-items:center;grid-template-columns:none}
.cs-runtime:not(.sidebar-collapsed) .sidebar-head .brand{display:flex;grid-template-columns:none;gap:10px;width:100%;padding:7px 8px 9px}
.cs-runtime:not(.sidebar-collapsed) .sidebar-head .brand-logo-wrap,.cs-runtime.sidebar-collapsed .brand-logo-wrap{display:grid;place-items:center;width:38px;height:38px;min-width:38px;min-height:38px;max-width:38px;max-height:38px;flex:0 0 38px;padding:5px;border-radius:10px;background:#fff;box-sizing:border-box}
.cs-runtime .sidebar-head .brand-logo{width:100%;height:100%;max-width:100%;max-height:100%;padding:0;object-fit:contain;object-position:center}
.sidebar .brand-copy{flex:1 1 auto;min-width:0;padding:0}
.sidebar .brand-copy strong{overflow:hidden;display:block;max-width:100%;font-size:13px;font-weight:720;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:unset}
.sidebar .brand-copy small{display:block;overflow:hidden;max-width:100%;font-size:9px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.sidebar .nav-link .nav-label{display:block;width:auto;height:auto;min-width:0;flex:1 1 auto;overflow:hidden;border-radius:0;background:transparent;color:inherit;font-size:12px;line-height:1.2;text-align:left;text-overflow:ellipsis;white-space:nowrap}
.sidebar .nav-link[aria-current="page"]::after{right:10px;width:5px;height:5px}
body.sidebar-collapsed .sidebar .nav-link[aria-current="page"]::after{right:5px;top:5px}
body.sidebar-collapsed .workspace-label{display:none}
body.sidebar-collapsed .sidebar-head{justify-content:center}
body.sidebar-collapsed .sidebar .brand{width:auto;padding-inline:0}
 .top-title{display:flex;min-width:0;align-items:center;gap:7px;flex-direction:row;white-space:nowrap}
.top-title .top-context{max-width:24ch;overflow:hidden;color:var(--cs-text-3);font-size:10px;font-weight:650;letter-spacing:0;text-overflow:ellipsis;text-transform:none}
.top-title-separator{color:var(--cs-border-strong);font-size:13px}
.top-title>strong{max-width:34ch;overflow:hidden;color:var(--cs-text);font-size:13px;font-weight:720;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}
.topbar{min-height:64px;height:64px;padding-inline:20px}
.topbar-leading{gap:8px}
.top-actions{gap:6px}
.cs-help-shortcut,.connection-status,.top-user{min-height:34px}
.top-user{max-width:210px}
 .workspace-page{gap:16px}
.page-head,.page-hero{width:100%;min-width:0;overflow:visible}
.page-hero-copy{max-width:900px}
.page-head h1,.page-hero h1,.app-body .page-hero-copy h1{margin:4px 0 5px;font-size:clamp(30px,3vw,40px);font-weight:735;letter-spacing:-.045em;line-height:1.05}
.page-head p,.page-hero p,.app-body .page-hero-copy p{max-width:780px;margin:0;color:var(--cs-text-3);font-size:12px;line-height:1.58}
.eyebrow{color:var(--cs-text-3);font-size:8px;font-weight:760;letter-spacing:.13em}
.page-actions{position:relative;z-index:2;display:flex;max-width:100%;flex:0 0 auto;align-self:flex-start;align-items:center;justify-content:flex-end;gap:8px;overflow:visible}
.page-actions .btn{width:auto;max-width:100%;min-height:38px;flex:0 0 auto;padding:8px 12px;white-space:nowrap;overflow:visible}
.page-actions .btn.primary{box-shadow:0 6px 16px color-mix(in srgb,var(--brand) 16%,transparent)}
 .summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.summary-chip,.app-body .summary-chip{min-height:70px;padding:11px 13px;border-radius:12px;box-shadow:none}
.summary-chip-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px}
.summary-chip-icon .ui-icon{width:17px;height:17px}
.summary-chip-copy small{font-size:8px;font-weight:730;letter-spacing:.055em}
.summary-chip-copy b{margin-top:2px;font-size:20px;font-weight:735;letter-spacing:-.035em}
 .data-card>.data-toolbar,.app-body .data-card>.data-toolbar{padding:16px 18px;margin-bottom:0;border-bottom:1px solid var(--cs-border)}
.data-toolbar{gap:12px}
.data-toolbar-copy h3{font-size:16px;font-weight:720;letter-spacing:-.02em}
.data-toolbar-copy p{margin-top:3px;font-size:10px;line-height:1.5}
.data-toolbar-actions{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:flex-end}
.table-search{display:flex;min-width:min(310px,100%);height:36px;align-items:center;gap:7px;padding:0 8px;border:1px solid var(--cs-border-strong);border-radius:9px;color:var(--cs-text-3);background:var(--cs-surface);box-shadow:var(--cs-shadow-1);font-weight:500}
.table-search .ui-icon{width:15px;height:15px;flex:0 0 15px}
.table-search input{min-width:0;min-height:32px;height:32px;flex:1;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:11px;color:var(--cs-text)}
.table-search input:hover,.table-search input:focus{border:0;box-shadow:none;outline:0}
.table-search kbd{padding:2px 5px;border:1px solid var(--cs-border);border-radius:5px;background:var(--cs-surface-muted);color:var(--cs-text-3);font:600 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}
.data-toolbar .badge{flex:0 0 auto}
.table-wrap{border:0;border-radius:0;box-shadow:none}
.data-card>.table-wrap{border-top:0}
.table{min-width:700px}
.table th,.table td{height:46px;padding:10px 12px}
.table th{font-size:8px;font-weight:760;letter-spacing:.065em}
.table td{font-size:11px}
.entity-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:var(--brand-subtle);color:var(--brand);font-size:10px;font-weight:780}
.entity-copy b{color:var(--cs-text);font-size:11px;font-weight:700}
.entity-copy small{color:var(--cs-text-3);font-size:9px}
.tenant-table .tenant-metadata{gap:4px 12px;margin-top:5px;color:var(--cs-text-3);font-size:9px;line-height:1.4}
.tenant-table .tenant-access-link{color:var(--brand);font-size:10px;font-weight:680;text-decoration:none}
.tenant-table .tenant-access-link:hover{text-decoration:underline;text-underline-offset:3px}
.cs-runtime .table.tenant-table .table-actions,.cs-runtime .table-actions,.cs-runtime .cell-actions,.cs-runtime .contract-actions{position:relative;display:flex;min-width:0;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:6px}
.cs-runtime .table.tenant-table .table-actions form{flex:0 0 auto}
.cs-runtime .table.tenant-table .table-actions .btn{width:auto;min-width:0}
.table-filter-empty[hidden]{display:none}
 html[data-color-scheme="dark"] .table-search{border-color:var(--cs-border-strong);background:var(--cs-surface);color:var(--cs-text-3)}
html[data-color-scheme="dark"] .table-search input{background:transparent;color:var(--cs-text)}
html[data-color-scheme="dark"] .table-search kbd{border-color:var(--cs-border);background:var(--cs-surface-muted);color:var(--cs-text-3)}
html[data-color-scheme="dark"] .entity-avatar{background:color-mix(in srgb,var(--brand) 14%,var(--cs-surface));color:color-mix(in srgb,var(--brand) 72%,#fff)}
@media(min-width:760px){.summary-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
.summary-strip:has(>.summary-chip:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(min-width:992px){.page-head,.responsive-head,.page-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}
.page-actions{align-self:auto;padding-bottom:2px}
}
@media(max-width:1180px){.top-title .top-context{max-width:16ch}
.top-title>strong{max-width:24ch}
}
@media(max-width:760px){.top-title{gap:5px}
.top-title .top-context{display:none}
.top-title-separator{display:none}
.top-title>strong{max-width:46vw;font-size:12px}
.page-head h1,.page-hero h1,.app-body .page-hero-copy h1{font-size:29px}
.summary-strip,.app-body .summary-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;scroll-snap-type:none}
.summary-chip,.app-body .summary-chip{min-width:0;min-height:66px;padding:10px}
.data-toolbar-actions{width:100%;align-items:stretch;justify-content:stretch}
.table-search{width:100%;min-width:0;flex:1 1 100%}
.data-toolbar .badge{justify-self:flex-start}
.cs-runtime .table.tenant-table .table-actions{display:grid;grid-template-columns:minmax(0,1fr) 36px;width:100%}
.cs-runtime .table.tenant-table .table-actions form,.cs-runtime .table.tenant-table .table-actions form .btn{width:100%}
}
@media(max-width:430px){.summary-strip,.app-body .summary-strip{grid-template-columns:1fr 1fr}
.summary-chip-copy b{font-size:18px}
}
 .hero-card.hero-global,.operator-welcome{min-height:150px;padding:24px 26px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:linear-gradient(128deg,#121722 0%,color-mix(in srgb,var(--brand) 18%,#121722) 100%);box-shadow:0 10px 30px rgba(17,24,39,.10)}
.hero-card.hero-global::after,.operator-welcome::after{width:240px;height:240px;right:-120px;top:-130px;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 18%,transparent),transparent 68%);opacity:.7}
.hero-card h2,.operator-welcome h2,.page-intro h2{font-size:clamp(25px,2.5vw,32px);font-weight:720;letter-spacing:-.04em}
.hero-card p,.operator-welcome p,.page-intro p{font-size:11px;line-height:1.6}
.hero-card .quick-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.hero-card .quick-actions .btn{min-height:36px;padding-inline:12px;font-size:11px}
.super-kpis,.lean-kpis{gap:9px}
.super-kpis .kpi,.lean-kpis .kpi{min-height:96px;padding:13px 14px}
.super-kpis .kpi small,.lean-kpis .kpi small{display:block;margin-top:5px;color:var(--cs-text-3);font-size:9px;line-height:1.4}
.super-kpis .kpi-value,.lean-kpis .kpi-value{font-size:22px;font-weight:725}
.page-intro{padding:20px 22px;border:1px solid var(--cs-border);border-radius:14px;background:var(--cs-surface);box-shadow:var(--cs-shadow-1)}
.page-intro .btn{flex:0 0 auto}
.action-tile{min-height:72px;padding:12px 13px;border-radius:12px;box-shadow:none;transform:none}
.action-tile:hover{border-color:var(--brand-border);background:var(--brand-subtle);box-shadow:none;transform:none}
.action-tile>span{width:38px;height:38px;flex-basis:38px;border-radius:10px}
.action-tile>span .ui-icon{width:18px;height:18px}
.action-tile b{font-size:12px;font-weight:700}
.action-tile small{font-size:9px}
.activity-row{min-height:58px;padding:10px 14px}
.activity-main b,.activity-end strong{font-size:12px}
.activity-main span,.activity-end span{font-size:9px}
 .finance-page .money,.platform-finance .money,.billing-page .money,.billing-page strong,.director-chart b,.director-mix b{font-variant-numeric:tabular-nums lining-nums}
.director-chart{gap:8px}
.director-bar-row{grid-template-columns:44px minmax(100px,1fr) 108px;gap:9px}
.director-bar{height:7px;background:var(--cs-surface-muted)}
.director-bar i{background:var(--brand)}
.director-bar-row>span,.director-bar-row>small{font-size:9px}
.director-bar-row>b{color:var(--cs-text);font-size:10px;text-align:right}
.director-mix{gap:8px}
.director-mix span{padding:10px 11px;border-color:var(--cs-border);border-radius:10px;background:var(--cs-surface-subtle);font-size:9px}
.director-mix b{font-size:11px}
.billing-brand-pair{gap:10px}
.billing-brand-pair>div{padding:14px;border-color:var(--cs-border);border-radius:12px;box-shadow:none}
.billing-brand-pair img{max-height:34px}
 .contract-table .signature-progress{height:5px;margin:7px 0 5px;background:var(--cs-surface-muted)}
.contract-table .signature-progress>span{background:var(--brand)}
.contract-table .contract-progress-copy,.contract-table small{font-size:9px;color:var(--cs-text-3)}
.cs-runtime .table.contract-table .contract-actions{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:6px}
.cs-runtime .table.contract-table .contract-actions>*{width:auto;min-width:0}
.cs-runtime .table.contract-table .contract-actions .btn{width:auto;min-width:0;justify-content:center}
.contract-studio-flow>div{border-color:var(--cs-border);background:var(--cs-surface);box-shadow:none}
.contract-studio-flow>div.active,.contract-studio-flow>div.current{border-color:var(--brand-border);background:var(--brand-subtle)}
 .workflow-card{overflow:hidden;border:1px solid var(--cs-border);border-radius:14px;background:var(--cs-surface);box-shadow:var(--cs-shadow-1)}
.workflow-card>.ticket-choice-grid{gap:8px;padding:12px 14px;border-bottom:1px solid var(--cs-border);background:var(--cs-surface-subtle)}
.choice-card{min-height:68px;padding:10px 11px;border-color:var(--cs-border);border-radius:10px;box-shadow:none;transform:none}
.choice-card:hover{border-color:var(--brand-border);background:var(--brand-subtle);box-shadow:none;transform:none}
.choice-card.active{border-color:var(--brand-border);background:var(--brand-subtle);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 18%,transparent)}
.choice-card .choice-icon{width:34px;height:34px;flex:0 0 34px;border-radius:9px}
.choice-card>span:nth-child(2) b{font-size:11px;font-weight:700}
.choice-card>span:nth-child(2) small{font-size:9px}
.ticket-form-panel{padding:18px 20px;background:var(--cs-surface)}
.form-section-title{gap:12px;margin-bottom:15px}
.form-section-title h3{font-size:17px;font-weight:720;letter-spacing:-.025em}
.form-section-title p{font-size:10px;line-height:1.55}
.form-submit-bar{padding:11px 12px;border-color:var(--cs-border);border-radius:11px;background:var(--cs-surface-subtle)}
.form-submit-bar .btn{min-height:38px}
 .cs-dialog .dialog-head{padding:18px 20px 14px;border-bottom:1px solid var(--cs-border)}
.cs-dialog .dialog-head h2{margin:4px 0 3px;font-size:20px;font-weight:720;letter-spacing:-.03em}
.cs-dialog .dialog-head p{margin:0;color:var(--cs-text-3);font-size:10px;line-height:1.55}
.cs-dialog .dialog-body{padding:18px 20px 24px}
.cs-dialog .dialog-footer,.cs-dialog .dialog-actions{gap:8px;padding:12px 20px;background:color-mix(in srgb,var(--cs-surface) 96%,transparent);border-top:1px solid var(--cs-border);box-shadow:none}
.dialog-close{width:34px;height:34px;border-radius:9px}
 .operator-metrics{gap:9px}
.simple-metric{min-height:88px;padding:13px 14px;border-radius:12px;box-shadow:none}
.simple-metric span{font-size:8px}
.simple-metric strong{margin:3px 0 1px;font-size:24px;font-weight:730}
.simple-metric small{font-size:9px}
.scan-cta{min-width:180px;border-radius:13px;box-shadow:none}
.scope-parking .scanner-card,.scope-parking .result-panel{box-shadow:var(--cs-shadow-1)}
 .auth-body.cs-runtime .auth-company-logo{width:min(220px,70vw);height:68px;min-width:0;padding:8px;border-radius:14px}
.auth-body.cs-runtime .auth-company-logo img{object-fit:contain}
.portal-brand .auth-company-logo{width:min(190px,52vw);height:58px;min-width:0;padding:6px}
@media(min-width:1200px){.super-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.workflow-card>.ticket-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:960px){.cs-runtime .table.contract-table .contract-actions{display:grid;grid-template-columns:1fr;width:100%}
.cs-runtime .table.contract-table .contract-actions>*{width:100%}
.cs-runtime .table.contract-table .contract-actions .btn{width:100%}
}
@media(max-width:760px){.hero-card.hero-global,.operator-welcome{min-height:0;padding:18px;border-radius:14px}
.hero-card h2,.operator-welcome h2,.page-intro h2{font-size:24px}
.page-intro{align-items:stretch;padding:16px}
.page-intro .btn{width:100%}
.workflow-card>.ticket-choice-grid{grid-template-columns:1fr}
.ticket-form-panel{padding:15px}
.cs-dialog .dialog-head{padding:16px 15px 12px}
.cs-dialog .dialog-body{padding:15px 15px 22px}
.cs-dialog .dialog-footer,.cs-dialog .dialog-actions{padding:11px 15px calc(11px+env(safe-area-inset-bottom))}
}
 .cs-runtime .table.has-action-column th:last-child,.cs-runtime .table.has-action-column td:last-child{width:1%;min-width:126px;white-space:nowrap}
.cs-runtime .agreements-page .table{min-width:880px}
.cs-runtime .agreements-page .table td:last-child .btn{min-width:96px}
.cs-runtime .plan-list>.empty-inline{display:grid;min-height:150px;place-content:center;text-align:center;padding:28px}
@media(max-width:960px){.cs-runtime .table.has-action-column th:last-child,.cs-runtime .table.has-action-column td:last-child{width:auto;min-width:0;white-space:normal}
}
@media(max-width:760px){.cs-runtime .page-actions{display:grid;width:100%;grid-template-columns:1fr;max-width:none}
.cs-runtime .page-actions .btn{width:100%;min-height:44px;justify-content:center}
.cs-runtime .agreements-page .table{min-width:0}
}
:root{
  --cs-release:"CODESTORM COMMAND CENTER 8.4.0";
  --cs-content-max:1480px;
  --cs-control-sm:38px;
  --cs-control-md:44px;
  --cs-row-action:38px;
  --cs-premium-shadow:0 1px 2px rgba(15,23,42,.025),0 14px 34px rgba(15,23,42,.055);
}
.cs-runtime *, .cs-runtime *::before, .cs-runtime *::after{box-sizing:border-box}
.cs-runtime :where(input,select,textarea,button,a,summary){max-width:100%}
.cs-runtime :where(input,select,textarea){line-height:1.25}
.cs-runtime :where(input,textarea)::placeholder{opacity:1;color:var(--cs-text-3,#8b95a7)}
.cs-runtime .content{width:min(100%,var(--cs-content-max));max-width:var(--cs-content-max);padding-inline:clamp(18px,2.25vw,34px)}
.cs-runtime .workspace-page{width:100%;min-width:0;max-width:100%}
.cs-runtime .page-head,.cs-runtime .page-hero{margin-bottom:20px;align-items:center}
.cs-runtime .page-head h1,.cs-runtime .page-hero h1{max-width:22ch;font-size:clamp(30px,2.7vw,40px);font-weight:760;letter-spacing:-.045em;line-height:1.02;text-wrap:balance}
.cs-runtime .page-head p,.cs-runtime .page-hero p{max-width:76ch;margin-top:7px;color:var(--cs-text-3);font-size:12px;line-height:1.6;text-wrap:pretty}
.cs-runtime .page-actions,.cs-runtime .page-hero-actions{align-self:center}
.cs-runtime .page-actions>.btn,.cs-runtime .page-hero-actions>.btn{min-height:var(--cs-control-md);padding-inline:15px;border-radius:11px}
.cs-runtime .summary-strip{margin-bottom:22px;gap:10px}
.cs-runtime .summary-chip{min-height:70px;padding:12px 14px;border-color:var(--cs-border);border-radius:14px;background:linear-gradient(180deg,#fff,#fcfdff);box-shadow:0 1px 2px rgba(15,23,42,.02)}
.cs-runtime .summary-chip-icon{width:38px;height:38px;flex:0 0 38px;border-radius:11px}
.cs-runtime .summary-chip-copy small{font-size:8px;letter-spacing:.08em}
.cs-runtime .summary-chip-copy b{font-size:19px;line-height:1.05}
.cs-runtime .data-card{border-color:var(--cs-border);border-radius:16px;box-shadow:var(--cs-premium-shadow)}
.cs-runtime .data-card>.data-toolbar{margin:0;padding:16px 17px;border-bottom:1px solid var(--cs-border);background:linear-gradient(180deg,#fff,#fdfefe)}
.cs-runtime .data-toolbar-copy h3{font-size:15px;font-weight:760;letter-spacing:-.02em}
.cs-runtime .data-toolbar-copy p{margin-top:4px;font-size:10px;line-height:1.5}
.cs-runtime .data-toolbar-actions{min-width:0}
.cs-runtime label.table-search{display:grid;width:clamp(220px,24vw,320px);height:var(--cs-control-sm);min-width:220px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;padding:0 10px;overflow:hidden;border:1px solid var(--cs-border-strong);border-radius:10px;background:var(--cs-surface);box-shadow:0 1px 2px rgba(15,23,42,.025)}
.cs-runtime label.table-search>.ui-icon{position:static;width:15px;height:15px;align-self:center;color:var(--cs-text-3);transform:none}
.cs-runtime label.table-search>input{display:block;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;color:var(--cs-text);font-size:11px;line-height:normal;vertical-align:middle;appearance:none}
.cs-runtime label.table-search>input::placeholder{color:var(--cs-text-3);line-height:normal}
.cs-runtime label.table-search>input:focus{outline:0}
.cs-runtime label.table-search:focus-within{border-color:color-mix(in srgb,var(--brand) 58%,#cbd5e1);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 10%,transparent)}
.cs-runtime label.table-search>kbd{align-self:center}
.cs-runtime .table-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;scrollbar-gutter:stable}
.cs-runtime .table{width:100%;min-width:0;table-layout:fixed}
.cs-runtime .table thead th{height:44px;padding:0 12px;vertical-align:middle;font-size:8px;letter-spacing:.08em}
.cs-runtime .table tbody td{padding:13px 12px;vertical-align:middle}
.cs-runtime .table tbody tr{background:var(--cs-surface);transition:background .14s ease}
.cs-runtime .table tbody tr:hover{background:color-mix(in srgb,var(--brand) 1.7%,#fff)}
.cs-runtime .table tbody tr:last-child td{border-bottom:0}
.cs-runtime .entity-copy b{max-width:100%;text-overflow:ellipsis;white-space:nowrap}
.cs-runtime .tenant-table .tenant-col-entity{width:auto}
.cs-runtime .tenant-table .tenant-col-status{width:220px}
.cs-runtime .tenant-table .tenant-col-access{width:180px}
.cs-runtime .tenant-table .tenant-col-actions{width:148px}
.cs-runtime .tenant-table td:last-child,.cs-runtime .tenant-table th:last-child{padding-right:14px}
.cs-runtime .tenant-actions{width:100%;justify-content:flex-end}
.cs-runtime .tenant-actions>.btn,.cs-runtime .tenant-actions>form>.btn{min-width:88px}
.cs-runtime .tenant-access-link{font-size:10px;font-weight:720;text-decoration:none}
.cs-runtime .contract-table .contract-col-main{width:auto}
.cs-runtime .contract-table .contract-col-progress{width:250px}
.cs-runtime .contract-table .contract-col-dates{width:170px}
.cs-runtime .contract-table .contract-col-actions{width:150px}
.cs-runtime .contract-table .contract-actions{width:100%;justify-content:flex-end}
.cs-runtime .contract-table .contract-title{max-width:62ch;white-space:normal;line-height:1.35}
.cs-runtime .contract-date-range{display:grid;grid-template-columns:1fr;gap:1px}
.cs-runtime .table-actions{gap:7px}
.cs-runtime .table-actions .btn.small{height:var(--cs-row-action);min-height:var(--cs-row-action);padding:0 12px;border-radius:10px;font-size:10px}
.cs-runtime .action-menu-label{display:none!important}
.cs-runtime .row-action-popover.is-portalled{position:fixed;z-index:5000;width:248px;max-width:calc(100vw - 24px);overflow-y:auto;padding:7px;border:1px solid color-mix(in srgb,var(--cs-border) 88%,#94a3b8);border-radius:13px;background:rgba(255,255,255,.985);box-shadow:0 24px 70px rgba(15,23,42,.20),0 4px 16px rgba(15,23,42,.08);backdrop-filter:blur(16px)}
.cs-runtime .row-action-popover.is-portalled .action-menu-item{min-height:40px;padding:9px 10px;border-radius:9px;font-size:11px}
.cs-runtime .row-action-popover.is-portalled .action-menu-item+form,.cs-runtime .row-action-popover.is-portalled form+*{margin-top:2px}
.cs-runtime .contract-filters{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(180px,.8fr) minmax(160px,.65fr) auto auto;align-items:end;gap:10px}
.cs-runtime .contract-filters>label{display:grid;min-width:0;gap:6px;color:var(--cs-text-2);font-size:10px;font-weight:680}
.cs-runtime .contract-filters :where(input,select){width:100%;min-width:0;height:var(--cs-control-md);min-height:var(--cs-control-md);padding:0 12px;line-height:1.25}
.cs-runtime .contract-filters>.btn{height:var(--cs-control-md);min-height:var(--cs-control-md);align-self:end;white-space:nowrap}
.cs-runtime .billing-plans-page .page-head{padding-bottom:2px}
.cs-runtime .billing-plan-actions .btn{min-height:42px}
.cs-runtime .billing-plans-page>details.panel{overflow:hidden;border-radius:15px;box-shadow:0 1px 2px rgba(15,23,42,.02)}
.cs-runtime .billing-plans-page>details.panel>summary{display:flex;min-height:58px;align-items:center;padding:0 18px;list-style:none}
.cs-runtime .billing-plans-page>details.panel>summary::-webkit-details-marker{display:none}
.cs-runtime .billing-plans-page>details.panel>summary::before{content:"›";margin-right:9px;color:var(--brand);font-size:20px;font-weight:700;transform:rotate(0);transition:transform .16s ease}
.cs-runtime .billing-plans-page>details.panel[open]>summary::before{transform:rotate(90deg)}
.cs-runtime .billing-empty{min-height:210px!important;border-radius:16px;text-align:center}
.scope-parking .validator-stage{align-items:stretch}
.scope-parking .tenant-operator-card{border-color:rgba(148,163,184,.18);background:radial-gradient(circle at 92% 0,color-mix(in srgb,var(--brand) 13%,transparent),transparent 15rem),linear-gradient(160deg,#101827,#0b1220 72%);box-shadow:0 24px 55px rgba(15,23,42,.18)}
.scope-parking .tenant-operator-card::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,color-mix(in srgb,var(--brand) 4%,transparent),transparent 40%)}
.scope-parking .scanner-brand-rail{height:2px;background:linear-gradient(90deg,var(--brand),var(--brand-accent),transparent 88%)}
.scope-parking .scanner-state{margin:18px 0 16px}
.scope-parking .tenant-operator-card .scanner-orb{width:96px;height:96px;border-color:color-mix(in srgb,var(--brand) 35%,#fff);box-shadow:0 0 0 10px color-mix(in srgb,var(--brand) 8%,transparent),0 18px 36px rgba(0,0,0,.18)}
.scope-parking .tenant-operator-card .scanner-state h2{margin-top:18px;font-size:25px;letter-spacing:-.04em}
.scope-parking .tenant-operator-card .scanner-state p{max-width:48ch;margin-inline:auto;font-size:11px;line-height:1.55}
.scope-parking .quick-scan-box{align-items:stretch}
.scope-parking .quick-scan-input{display:flex;height:52px;min-height:52px;align-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--brand) 36%,#344054);border-radius:12px;background:rgba(4,10,20,.58);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.scope-parking .quick-scan-input>.ui-icon{left:14px}
.scope-parking .quick-scan-input>input{height:100%;min-height:0;margin:0;padding:0 12px 0 47px;border:0;border-radius:0;background:transparent!important;box-shadow:none!important;color:#fff;line-height:normal}
.scope-parking .quick-scan-input>input::placeholder{color:#8f9db2}
.scope-parking .quick-scan-input:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}
.scope-parking .quick-scan-box>.btn{height:52px;min-height:52px;border-radius:12px}
.scope-parking .scanner-secondary-actions{align-items:stretch}
.scope-parking .scanner-secondary-actions>.btn,.scope-parking .fallback-box{min-height:46px;margin:0}
.scope-parking .fallback-box{padding:0;overflow:hidden;background:#fff}
.scope-parking .fallback-box>summary{height:46px;min-height:46px;padding:0 13px}
.scope-parking .fallback-box[open]>.fallback-content{padding:0 12px 12px}
.scope-parking .tenant-result-panel{min-height:100%;border-color:color-mix(in srgb,var(--brand) 18%,var(--cs-border));background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--brand) 4%,transparent),transparent 19rem),#fff;box-shadow:0 20px 50px rgba(15,23,42,.055)}
.scope-parking .tenant-result-panel::before{width:2px;opacity:.9}
.scope-parking .result-empty{padding:clamp(26px,5vw,64px)}
.scope-parking .result-empty h2{font-size:clamp(25px,3vw,34px);letter-spacing:-.04em}
.scope-parking .result-empty p{max-width:58ch;line-height:1.65}
@media (max-width:1180px){
  .cs-runtime .tenant-table .tenant-col-status{width:190px}.cs-runtime .tenant-table .tenant-col-access{width:160px}.cs-runtime .tenant-table .tenant-col-actions{width:138px}
  .cs-runtime .contract-table .contract-col-progress{width:220px}.cs-runtime .contract-table .contract-col-dates{width:150px}.cs-runtime .contract-table .contract-col-actions{width:144px}
  .cs-runtime .contract-filters{grid-template-columns:minmax(240px,1.3fr) minmax(170px,.8fr) minmax(150px,.7fr)}
  .cs-runtime .contract-filters>.btn{width:max-content}.cs-runtime .contract-filters>.btn:nth-last-child(-n+2){grid-row:2}
}
@media (max-width:991px){
  .cs-runtime .content{padding-inline:16px}
  .cs-runtime .page-head,.cs-runtime .page-hero{align-items:start}
  .cs-runtime label.table-search{width:100%;min-width:0;max-width:none}
  .cs-runtime .contract-filters{grid-template-columns:1fr 1fr}.cs-runtime .contract-filters>label:first-child{grid-column:1/-1}
  .cs-runtime .contract-filters>.btn{grid-row:auto}
  .cs-runtime .table.responsive-table{table-layout:auto}
}
@media (max-width:760px){
  .cs-runtime .data-card>.data-toolbar{padding:14px}
  .cs-runtime .data-toolbar-actions{display:grid;grid-template-columns:1fr auto}
  .cs-runtime label.table-search{grid-column:1/-1}
  .cs-runtime .contract-filters{grid-template-columns:1fr}.cs-runtime .contract-filters>label:first-child{grid-column:auto}.cs-runtime .contract-filters>.btn{width:100%}
  .cs-runtime .table-actions{justify-content:flex-end}
  .scope-parking .quick-scan-box{grid-template-columns:1fr}
  .scope-parking .scanner-secondary-actions{grid-template-columns:1fr}
}
@media (max-width:430px){
  .cs-runtime .content{padding-inline:12px}
  .cs-runtime .summary-chip{min-height:66px;padding:10px}
  .cs-runtime .page-head h1,.cs-runtime .page-hero h1{font-size:29px}
}
html[data-color-scheme="dark"] .cs-runtime .summary-chip,
html[data-color-scheme="dark"] .cs-runtime .data-card>.data-toolbar{background:var(--cs-surface)}
html[data-color-scheme="dark"] .cs-runtime .row-action-popover.is-portalled{background:color-mix(in srgb,var(--cs-surface-raised) 96%,transparent)}
.cs-runtime,
.cs-runtime *{box-sizing:border-box}
.cs-runtime input,
.cs-runtime select,
.cs-runtime textarea{min-width:0;max-width:100%;margin:0;line-height:1.35}
.cs-runtime input::placeholder,
.cs-runtime textarea::placeholder{opacity:1;line-height:inherit}
.cs-runtime .table-search{
  display:grid!important;grid-template-columns:16px minmax(0,1fr) auto!important;
  width:clamp(240px,24vw,320px);min-width:0;height:38px;min-height:38px;
  align-items:center;gap:7px;padding:0 10px!important;margin:0;
  overflow:hidden;border-radius:10px;
}
.cs-runtime .table-search>svg{grid-column:1;width:15px;height:15px;align-self:center}
.cs-runtime .table-search>input{
  grid-column:2;display:block!important;width:100%!important;height:36px!important;min-height:0!important;
  margin:0!important;padding:0!important;border:0!important;align-self:center;
  line-height:36px!important;background:transparent!important;box-shadow:none!important;
  font-size:11px!important;font-weight:560!important;color:var(--cs-text)!important;
}
.cs-runtime .table-search>input::placeholder{color:var(--cs-text-3)!important;line-height:36px!important}
.cs-runtime .table-search>kbd{grid-column:3;align-self:center}
.cs-runtime .page-head,
.cs-runtime .page-hero{position:relative;isolation:isolate;overflow:visible}
.cs-runtime .page-actions,
.cs-runtime .page-hero-actions{position:static!important;z-index:auto!important;min-width:0!important;width:auto!important;max-width:100%!important}
.cs-runtime .page-actions .btn,
.cs-runtime .page-hero-actions .btn{position:static!important;min-width:max-content!important;width:auto!important;max-width:100%!important}
.cs-runtime .data-card{isolation:isolate;overflow:hidden!important}
.cs-runtime .data-card>.table-wrap{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-gutter:auto!important}
.cs-runtime .data-toolbar{position:relative;z-index:1;overflow:hidden}
.cs-runtime .data-toolbar-actions{min-width:0;max-width:100%}
.cs-runtime .tenant-actions,
.cs-runtime .contract-actions{display:flex!important;min-width:0!important;width:100%;align-items:center;justify-content:flex-end;gap:7px!important}
.cs-runtime .tenant-actions .btn,
.cs-runtime .contract-actions .btn{min-width:0!important;max-width:100%!important;white-space:nowrap!important}
.cs-runtime .tenant-more-button,
.cs-runtime .contract-more-button{padding-inline:9px!important;background:var(--cs-surface)!important;color:var(--cs-text-2)!important}
.cs-runtime .tenant-more-button .ui-icon,
.cs-runtime .contract-more-button .ui-icon{width:15px;height:15px}
@media(min-width:1081px){
  .cs-runtime .tenant-table{width:100%;min-width:820px;table-layout:fixed}
  .cs-runtime .tenant-table .tenant-col-entity{width:43%}
  .cs-runtime .tenant-table .tenant-col-status{width:21%}
  .cs-runtime .tenant-table .tenant-col-access{width:20%}
  .cs-runtime .tenant-table .tenant-col-actions{width:16%}
  .cs-runtime .contract-table{width:100%;min-width:860px;table-layout:fixed}
  .cs-runtime .contract-table th:nth-child(1){width:48%}
  .cs-runtime .contract-table th:nth-child(2){width:22%}
  .cs-runtime .contract-table th:nth-child(3){width:17%}
  .cs-runtime .contract-table th:nth-child(4){width:13%;min-width:132px}
  .cs-runtime .contract-table td:last-child{min-width:132px!important}
}
.cs-runtime dialog.cs-action-dialog{padding:0;background:transparent;backdrop-filter:none;box-shadow:none}
.cs-runtime dialog.cs-action-dialog::backdrop{background:rgba(15,23,42,.34);backdrop-filter:blur(3px)}
.cs-runtime .action-dialog-panel{width:min(560px,calc(100vw - 32px));max-height:min(720px,calc(100dvh - 32px));overflow:hidden;border-radius:18px}
.cs-runtime .action-dialog-panel .dialog-head{padding:20px 20px 16px}
.cs-runtime .action-command-grid{display:grid;grid-template-columns:1fr;gap:8px;padding:8px 12px 16px!important;overflow:auto}
.cs-runtime .action-command-grid form{margin:0}
.cs-runtime .action-command{
  appearance:none;display:grid;width:100%;min-width:0;min-height:68px;
  grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:12px;
  padding:11px 12px;border:1px solid var(--cs-border);border-radius:13px;
  background:var(--cs-surface);color:var(--cs-text);box-shadow:none;text-decoration:none;
  font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease;
}
.cs-runtime .action-command:hover{border-color:var(--brand-border);background:var(--brand-subtle);transform:translateY(-1px);box-shadow:var(--cs-shadow-1)}
.cs-runtime .action-command:active{transform:none}
.cs-runtime .action-command-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:var(--cs-surface-muted);color:var(--brand)}
.cs-runtime .action-command-icon .ui-icon{width:18px;height:18px}
.cs-runtime .action-command>span:nth-child(2){display:block;min-width:0}
.cs-runtime .action-command b{display:block;margin:0 0 3px;font-size:12px;font-weight:760;line-height:1.25;color:var(--cs-text)}
.cs-runtime .action-command small{display:block;color:var(--cs-text-3);font-size:10px;font-weight:520;line-height:1.4}
.cs-runtime .action-command>i{font-style:normal;color:var(--cs-text-3);font-size:15px;text-align:center}
.cs-runtime .action-command--primary{border-color:var(--brand-border);background:var(--brand-subtle)}
.cs-runtime .action-command--danger{color:var(--cs-danger)}
.cs-runtime .action-command--danger .action-command-icon{background:color-mix(in srgb,var(--cs-danger) 9%,var(--cs-surface));color:var(--cs-danger)}
.cs-runtime .action-command--danger b{color:var(--cs-danger)}
.cs-runtime .tenants-page .data-card{border-color:color-mix(in srgb,var(--cs-border) 82%,transparent);box-shadow:0 8px 28px rgba(15,23,42,.035)}
.cs-runtime .tenant-table tbody tr{transition:background .14s ease}
.cs-runtime .tenant-table tbody tr:hover{background:color-mix(in srgb,var(--brand) 2.5%,var(--cs-surface))}
.cs-runtime .tenant-table td{vertical-align:middle}
.cs-runtime .tenant-table .entity-cell{gap:11px}
.cs-runtime .tenant-table .entity-copy b{font-size:11px;line-height:1.35}
.cs-runtime .tenant-table .tenant-metadata{margin-top:4px;gap:4px 10px;font-size:8.5px}
.cs-runtime .tenant-table .badge{white-space:nowrap}
.cs-runtime .contract-table td{vertical-align:middle}
.cs-runtime .contract-table .entity-cell{align-items:flex-start}
.cs-runtime .contract-table .contract-title{line-height:1.35}
.cs-runtime .contract-table .contract-actions .btn{min-height:36px!important;padding:7px 10px!important;font-size:10px!important}
.scope-parking .validator-shell{
  --operator-neutral:#0c1424;
  --operator-neutral-2:#121d31;
  --operator-glow-primary:color-mix(in srgb,var(--brand-primary,var(--brand)) 18%,transparent);
  --operator-glow-accent:color-mix(in srgb,var(--brand-accent,var(--brand)) 12%,transparent);
}
.scope-parking .validator-stage{align-items:stretch;gap:20px}
.scope-parking .tenant-operator-card{
  min-height:610px;padding:22px!important;border:1px solid rgba(148,163,184,.18)!important;
  background:
    radial-gradient(circle at 5% 0%,var(--operator-glow-primary),transparent 19rem),
    radial-gradient(circle at 100% 100%,var(--operator-glow-accent),transparent 22rem),
    linear-gradient(155deg,var(--operator-neutral),var(--operator-neutral-2))!important;
  box-shadow:0 20px 54px rgba(15,23,42,.16)!important;
}
.scope-parking .scanner-brand-rail{height:2px;background:linear-gradient(90deg,var(--brand-primary,var(--brand)),var(--brand-accent,var(--brand)),transparent 88%)}
.scope-parking .tenant-operator-card .scanner-state{margin:30px 0 22px}
.scope-parking .tenant-operator-card .scanner-orb{width:112px;height:112px;border-width:1px;box-shadow:0 0 0 12px color-mix(in srgb,var(--brand) 8%,transparent),0 22px 56px rgba(0,0,0,.2)}
.scope-parking .tenant-operator-card .scanner-state h2{font-size:27px;letter-spacing:-.035em}
.scope-parking .tenant-operator-card .scanner-state p{max-width:46ch;margin-inline:auto;font-size:11px;line-height:1.55;text-align:center}
.scope-parking .tenant-operator-card .quick-scan-box{gap:9px}
.scope-parking .tenant-operator-card .quick-scan-input{min-width:0}
.scope-parking .tenant-operator-card .quick-scan-input input{height:48px!important;min-height:48px!important;border-radius:11px!important;font-size:13px!important}
.scope-parking .tenant-operator-card .quick-scan-box>.btn{min-height:48px!important;border-radius:11px;font-size:12px}
.scope-parking .tenant-operator-card .scanner-secondary-actions{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:9px;align-items:start}
.scope-parking .tenant-operator-card .scanner-secondary-actions>.btn,
.scope-parking .tenant-operator-card .fallback-box{width:100%;min-width:0;margin:0!important;min-height:48px;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.075)!important;color:#eef4ff!important;box-shadow:none}
.scope-parking .tenant-operator-card .scanner-secondary-actions>.btn:hover,
.scope-parking .tenant-operator-card .fallback-box:hover{background:rgba(255,255,255,.11)!important}
.scope-parking .tenant-operator-card .fallback-box{padding:0!important;overflow:hidden}
.scope-parking .tenant-operator-card .fallback-box summary{min-height:48px;padding:9px 12px!important;color:#eef4ff!important;font-size:10px!important;line-height:1.3}
.scope-parking .tenant-operator-card .fallback-box summary .ui-icon{color:var(--brand-accent,var(--brand))}
.scope-parking .tenant-operator-card .fallback-content{padding:0 12px 12px}
.scope-parking .tenant-operator-card .camera-helper{margin-top:11px;font-size:9.5px;line-height:1.5}
.scope-parking .tenant-operator-card .operator-hints{margin-top:auto}
.scope-parking .tenant-result-panel{
  min-height:610px;border:1px solid color-mix(in srgb,var(--brand) 14%,var(--cs-border))!important;
  border-radius:22px!important;background:
    radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--brand) 5%,transparent),transparent 16rem),
    var(--cs-surface)!important;
  box-shadow:0 20px 54px rgba(15,23,42,.055)!important;
}
.scope-parking .tenant-result-panel::before{inset:24px auto 24px 0;width:2px;border-radius:0 2px 2px 0;opacity:.65}
.scope-parking .tenant-result-panel .result-empty{max-width:560px;margin:auto}
.scope-parking .tenant-result-panel .result-illustration{width:78px;height:78px;border-radius:20px}
.scope-parking .tenant-result-panel .result-empty h2{font-size:26px;letter-spacing:-.035em}
.scope-parking .tenant-result-panel .result-empty p{max-width:56ch;margin-inline:auto;line-height:1.6}
@media(max-width:1180px){
  .cs-runtime .data-toolbar{grid-template-columns:1fr}
  .cs-runtime .data-toolbar-actions{justify-content:flex-start;flex-wrap:wrap}
  .cs-runtime .table-search{width:min(100%,360px)}
  .scope-parking .validator-stage{grid-template-columns:1fr!important}
  .scope-parking .tenant-operator-card{position:static!important;min-height:auto}
  .scope-parking .tenant-result-panel{min-height:480px}
}
@media(max-width:760px){
  .cs-runtime .table-search{width:100%;max-width:none}
  .cs-runtime .data-toolbar-actions{display:grid!important;grid-template-columns:1fr auto!important;width:100%}
  .cs-runtime .data-toolbar-actions .table-search{grid-column:1/-1}
  .cs-runtime .tenant-actions,.cs-runtime .contract-actions{justify-content:stretch}
  .cs-runtime .tenant-actions .btn,.cs-runtime .contract-actions .btn{flex:1 1 0;justify-content:center}
  .scope-parking .tenant-operator-card .scanner-secondary-actions{grid-template-columns:1fr}
  .scope-parking .tenant-result-panel{min-height:390px}
  .cs-runtime .action-dialog-panel{width:100%;max-height:88dvh;margin:auto 0 0;border-radius:18px 18px 0 0}
}
@media(max-width:420px){
  .cs-runtime .data-toolbar-actions{grid-template-columns:1fr!important}
  .cs-runtime .data-toolbar-actions>.badge{justify-self:start}
  .cs-runtime .action-command{grid-template-columns:38px minmax(0,1fr) 16px;min-height:64px;padding:10px}
  .cs-runtime .action-command-icon{width:38px;height:38px}
}
/* COLLISION-FREE INTERACTION SURFACES */
/* CODESTORM COMMAND CENTER 8.4.0 — DEFINITIVE */
.cs-runtime .monthly-page .filter-bar{display:grid;grid-template-columns:minmax(280px,1.8fr) minmax(190px,.8fr) auto auto;align-items:center}
.cs-runtime .monthly-page .filter-bar .search-control,.cs-runtime .monthly-page .filter-bar select{width:100%;min-width:0}
.cs-runtime .monthly-page .filter-bar .search-control input{width:100%}
.error-body{min-height:100dvh;margin:0;background:radial-gradient(circle at 20% 0,rgba(37,99,235,.09),transparent 30rem),#f4f7fb;color:#0f172a}
.error-layout{display:grid;min-height:100dvh;place-items:center;padding:clamp(18px,5vw,48px)}
.error-code-card-danger{color:var(--cs-danger,#dc2626);background:color-mix(in srgb,var(--cs-danger,#dc2626) 8%,#fff);border-color:color-mix(in srgb,var(--cs-danger,#dc2626) 18%,#e2e8f0)}
@media(max-width:980px){.cs-runtime .monthly-page .filter-bar{grid-template-columns:minmax(240px,1fr) minmax(180px,.65fr) auto}.cs-runtime .monthly-page .filter-bar .btn:last-child{grid-column:auto}}
@media(max-width:760px){.cs-runtime .monthly-page .filter-bar{grid-template-columns:1fr}.cs-runtime .monthly-page .filter-bar>*{width:100%!important}}

/* V8.3.0 · Contract Studio enterprise scope */
.contract-feature-scope{display:grid;gap:10px;padding:14px;border:1px solid var(--cs-line);border-radius:14px;background:var(--cs-surface-muted)}
.contract-feature-scope .field-label{font-weight:800;color:var(--cs-text)}
.contract-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.contract-feature-grid .check-row{margin:0;min-width:0;background:var(--cs-surface);border:1px solid var(--cs-line);border-radius:10px;padding:10px 12px}
@media(max-width:680px){.contract-feature-grid{grid-template-columns:1fr}.contract-feature-scope{padding:11px}}

/* CodeStorm 11 · Central de Notificações multi-ERP */
.notification-shortcut{position:relative}
.notification-count{position:absolute;top:-5px;right:-6px;display:grid;min-width:18px;height:18px;padding:0 5px;place-items:center;border:2px solid var(--cs-surface);border-radius:999px;background:var(--cs-danger);color:#fff;font-size:9px;font-weight:850;line-height:1;box-shadow:0 4px 12px rgba(15,23,42,.12)}
.notifications-page{display:grid;gap:16px}
.notifications-page .page-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.notifications-page .page-actions form,.notification-actions form{margin:0}
.notifications-page .filter-card{display:grid;grid-template-columns:minmax(190px,.65fr) minmax(180px,.5fr) auto;align-items:end;gap:12px;padding:14px}
.notifications-page .filter-card .field{margin:0}
.notifications-page .filter-card .check-row{min-height:42px;margin:0;align-self:end}
.notification-stream{display:grid;gap:10px}
.notification-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:13px;padding:14px 15px;overflow:hidden}
.notification-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--cs-line)}
.notification-card.is-unread{border-color:color-mix(in srgb,var(--brand) 28%,var(--cs-line));background:color-mix(in srgb,var(--brand) 2.5%,var(--cs-surface))}
.notification-card.severity-critical::before{background:var(--cs-danger)}
.notification-card.severity-high::before,.notification-card.severity-warning::before{background:var(--cs-warning)}
.notification-card.severity-success::before{background:var(--cs-success)}
.notification-status{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:var(--cs-surface-muted);color:var(--cs-text-2)}
.notification-card.is-unread .notification-status{background:var(--brand-subtle);color:var(--brand)}
.notification-copy{min-width:0}
.notification-copy h3{margin:5px 0 4px;font-size:13px;line-height:1.35;color:var(--cs-text)}
.notification-copy p{margin:0;color:var(--cs-text-2);font-size:11px;line-height:1.55;overflow-wrap:anywhere}
.notification-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--cs-text-3);font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:.035em}
.notification-meta time{text-transform:none;letter-spacing:0;font-variant-numeric:tabular-nums}
.notification-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.notifications-page #preferences{display:grid;gap:14px}
.notifications-page #preferences .cs-form{display:grid;gap:12px}
.notifications-page #preferences .check-grid{display:flex;gap:16px;flex-wrap:wrap}
.notifications-page #preferences .check-grid label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:650;color:var(--cs-text-2)}
@media(max-width:760px){
  .notifications-page .page-actions{justify-content:stretch}.notifications-page .page-actions>*{flex:1 1 auto}.notifications-page .page-actions .btn{width:100%;justify-content:center}
  .notifications-page .filter-card{grid-template-columns:1fr}.notifications-page .filter-card .check-row{min-height:auto}
  .notification-card{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:12px}
  .notification-status{width:38px;height:38px}
  .notification-actions{grid-column:1/-1;justify-content:stretch}.notification-actions>*{flex:1 1 0}.notification-actions .btn{width:100%;justify-content:center}
  .notification-meta{gap:5px}.notification-copy h3{font-size:12px}
}