.demo-brand-badge,.demo-topline-badge{display:inline-flex;align-items:center;width:max-content;margin-top:7px;padding:3px 8px;border:1px solid rgba(255,198,82,.5);border-radius:999px;background:rgba(255,198,82,.12);color:#ffe09a!important;font-size:10px!important;font-style:normal;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.demo-topline-badge{margin:0 0 0 8px;letter-spacing:.02em;text-transform:none;vertical-align:middle}
.demo-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px}.demo-page-head h1{margin:6px 0 5px}.demo-page-head p,.demo-panel-head p{margin:0;color:var(--muted)}.demo-page-head .eyebrow{color:#62dda8;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.demo-month-switch{display:grid;grid-template-columns:repeat(3,minmax(175px,1fr));gap:10px;min-width:min(660px,55vw)}.demo-month-switch select{min-width:0}
.demo-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:14px;margin-bottom:18px}.demo-kpi-grid article,.demo-contract-grid article{padding:18px;border:1px solid rgba(63,123,167,.34);border-radius:18px;background:linear-gradient(180deg,rgba(17,44,65,.95),rgba(8,25,39,.97))}.demo-kpi-grid span,.demo-contract-grid span{display:block;color:#9fc4e7;font-size:13px}.demo-kpi-grid strong,.demo-contract-grid strong{display:block;margin:9px 0 5px;font-size:27px}.demo-kpi-grid small,.demo-contract-grid small{color:var(--muted)}
.demo-panel{margin-bottom:18px;padding:19px;border:1px solid rgba(38,139,104,.35);border-radius:20px;background:linear-gradient(180deg,rgba(12,28,44,.88),rgba(7,18,29,.82));box-shadow:0 18px 45px rgba(0,0,0,.14)}.demo-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}.demo-panel-head h2{margin:0 0 5px;font-size:20px}.demo-panel-head>b{color:#ffe09a;font-size:17px}
.demo-trend-chart{display:flex;align-items:flex-end;gap:14px;height:280px;padding:32px 12px 6px;border-left:1px solid rgba(100,157,200,.24);border-bottom:1px solid rgba(100,157,200,.24)}.demo-trend-column{display:grid;grid-template-rows:24px 1fr 24px;align-items:end;justify-items:center;gap:6px;flex:1;height:100%;min-width:70px}.demo-trend-column span{color:#9fc4e7;font-size:11px;font-weight:800;white-space:nowrap}.demo-trend-column i{display:block;width:min(64px,70%);min-height:12px;border-radius:9px 9px 3px 3px;background:linear-gradient(180deg,#42d996,#147b5b);box-shadow:0 10px 24px rgba(34,201,138,.15)}.demo-trend-column.selected i{background:linear-gradient(180deg,#ffe08a,#c18a2f)}.demo-trend-column b{font-size:12px;color:#cfe2f5}
.demo-table{min-width:1060px}.demo-table.compact{min-width:760px}.demo-table td,.demo-table th{padding:12px 14px}.demo-table td small{display:block;margin-top:4px}.demo-table code{color:#89dcb9;font:700 12px ui-monospace,monospace}.demo-progress{display:inline-block;width:90px;height:7px;margin-right:8px;border-radius:999px;background:#173149;overflow:hidden;vertical-align:middle}.demo-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#18a974,#4de0a4)}.demo-status,.demo-readonly-pill{display:inline-flex;padding:5px 9px;border:1px solid rgba(58,203,145,.34);border-radius:999px;background:rgba(34,201,138,.1);color:#baffdf;font-size:12px;font-weight:800;white-space:nowrap}
.demo-office-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.demo-office-grid article{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px;border:1px solid rgba(63,123,167,.3);border-radius:16px;background:rgba(12,32,49,.78)}.demo-office-grid article>span,.demo-office-grid article>strong{grid-column:1/-1}.demo-office-grid article>span{color:#9fc4e7;font-weight:800}.demo-office-grid article>strong{font-size:22px}.demo-office-grid article div{padding-top:9px;border-top:1px solid rgba(96,144,180,.18)}.demo-office-grid small{display:block;color:var(--muted);margin-bottom:3px}
.demo-contract-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin-bottom:16px}.demo-contract-grid strong{font-size:24px}
.demo-schedule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.demo-schedule-grid article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 14px;padding:14px;border:1px solid rgba(63,123,167,.3);border-radius:15px;background:rgba(12,32,49,.78)}.demo-schedule-grid small{display:block;color:var(--muted);margin-top:4px}.demo-schedule-grid strong{color:#9fd4ff}.demo-schedule-grid>article>span{grid-column:1/-1;color:#63dba8;font-size:12px;font-weight:800}
.demo-ai-shell{display:grid;grid-template-columns:minmax(220px,300px) 1fr;min-height:580px;border:1px solid rgba(65,133,185,.35);border-radius:22px;overflow:hidden;background:#091724}.demo-ai-shell>aside{padding:28px;background:linear-gradient(180deg,rgba(18,56,75,.92),rgba(8,28,40,.96));border-right:1px solid rgba(70,139,190,.28)}.demo-ai-shell aside h2{margin:12px 0 7px}.demo-ai-shell aside p{color:var(--muted);line-height:1.5}.demo-ai-logo{font-size:36px}.demo-readonly-pill{margin-top:16px;border-color:rgba(255,198,82,.42);background:rgba(255,198,82,.1);color:#ffe09a}.demo-ai-chat{display:flex;flex-direction:column;gap:18px;padding:34px}.demo-ai-message{max-width:720px;padding:18px;border:1px solid rgba(74,151,203,.34);border-radius:5px 18px 18px 18px;background:rgba(17,46,68,.88)}.demo-ai-message p{margin:8px 0 0;color:#d9ebfa;line-height:1.55}.demo-ai-examples{display:flex;flex-wrap:wrap;gap:9px}.demo-ai-examples>span{width:100%;color:var(--muted);font-size:12px}.demo-ai-examples button{padding:9px 12px;background:rgba(42,78,105,.55);border:1px solid rgba(99,161,206,.28);color:#a9c7dd}.demo-ai-disabled{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:auto}.demo-ai-disabled button:disabled,.demo-ai-disabled input:disabled{opacity:.62;cursor:not-allowed}.demo-notice{padding:12px 14px;border:1px solid rgba(255,198,82,.36);border-radius:13px;background:rgba(255,198,82,.08);color:#ffe7ad;font-size:13px}
@media(max-width:1100px){.demo-kpi-grid,.demo-contract-grid{grid-template-columns:repeat(2,1fr)}.demo-page-head{align-items:flex-start;flex-direction:column}.demo-month-switch{min-width:100%;width:100%}.demo-ai-shell{grid-template-columns:1fr}.demo-ai-shell>aside{border-right:0;border-bottom:1px solid rgba(70,139,190,.28)}}
@media(max-width:680px){.demo-kpi-grid,.demo-contract-grid{grid-template-columns:1fr}.demo-trend-chart{overflow:auto}.demo-ai-chat{padding:20px}.demo-ai-disabled{grid-template-columns:1fr}}