*{box-sizing:border-box}html,body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#edf2f8;color:#18314e}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.54}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #64a6ef;outline-offset:2px}[hidden]{display:none!important}
.demo-shell{min-height:100vh;display:flex;flex-direction:column}
.demo-header{height:56px;background:#161b20;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 25px;gap:12px}
.demo-brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.demo-mark{font-family:Georgia,serif;color:#eba533;border:1.5px solid #eba533;border-radius:4px;padding:5px;font-size:14px}.demo-brand strong{font:700 17px Georgia,serif;letter-spacing:.8px}.demo-badge{background:#323a45;color:#fff;border:1px solid #566376;padding:6px 9px;font-size:10px;letter-spacing:.09em;font-weight:800;border-radius:4px}
.demo-top-actions{display:flex;gap:8px}.demo-head-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#fff;border:1px solid #586374;border-radius:5px;padding:9px 12px;font-size:12px;font-weight:700}.demo-head-btn:hover{background:#333d48}
.demo-project-heading{background:#fff;border-bottom:1px solid #d4dfeb;padding:15px 26px;display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-eyebrow{font-size:10px;letter-spacing:.1em;font-weight:800;color:#53708c}.demo-project-heading h1{font-size:19px;margin:6px 0 0;color:#142c48}.demo-status-mark{font-size:11px;font-weight:800;background:#e6f6ed;color:#0b6c42;padding:9px 13px;border-radius:15px;white-space:nowrap}.demo-status-dot{display:inline-block;width:7px;height:7px;background:#19905c;border-radius:50%;margin-right:5px}
.demo-workspace-tabs{background:#fff;border-bottom:2px solid #cddbeb;display:flex;padding:0 22px;gap:4px;align-items:end;overflow-x:auto}.demo-workspace-tab{background:transparent;border:0;border-bottom:3px solid transparent;padding:15px 19px 12px;color:#4b6885;white-space:nowrap;font-size:13px;font-weight:700}.demo-workspace-tab.active{color:#0864c0;border-bottom-color:#0874d9;background:#f4f9ff}.demo-workspace-tab:hover:not(.active){background:#f5f8fb}.demo-count{background:#eaf2fd;border-radius:20px;padding:3px 7px;font-size:10px}
#demoMain{flex:1;width:100%;margin:0 auto;padding:22px 24px 40px;max-width:1550px}
.demo-setup-shell,.demo-panel{background:#fff;border:1px solid #d5e0ed;border-radius:12px;box-shadow:0 3px 14px #193b5c0a}
.demo-setup-top{display:flex;justify-content:space-between;align-items:center;padding:18px 26px;border-bottom:1px solid #e1e9f2;gap:12px}.demo-setup-top strong{font-size:17px}.demo-small-kicker{font-size:11px;font-weight:800;letter-spacing:.08em;color:#597896}
.demo-steps{display:flex;gap:0;justify-content:space-between;max-width:920px;margin:auto;padding:30px 18px 0}.demo-step{flex:1;min-width:0;background:transparent;border:0;position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;color:#6681a0;font-size:12px;font-weight:700;padding:0 2px 18px}.demo-step:not(:first-child):before{content:"";position:absolute;right:calc(50% + 25px);top:19px;width:calc(100% - 50px);height:2px;background:#d2dfed}.demo-step-index{display:grid;place-items:center;border:2px solid #bad0e5;color:#52718f;background:#fff;border-radius:50%;width:40px;height:40px;font-size:15px;z-index:1}.demo-step.active{color:#086ecb}.demo-step.active .demo-step-index{background:#0873db;border-color:#0873db;color:white;box-shadow:0 0 0 5px #eaf4ff}.demo-step.done .demo-step-index{background:#188551;border-color:#188551;color:white}.demo-step.locked{opacity:.6}.demo-stage{max-width:860px;margin:24px auto 12px;padding:0 14px 30px}.demo-stage-heading{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:26px}.demo-stage-heading h2{font-size:27px;margin:0;color:#142f4c}.demo-hero-icon{width:68px;height:68px;display:grid;place-items:center;font-size:29px;font-weight:800;border-radius:50%;background:#eaf3ff;color:#0770d7}
.demo-check-card{border:1px solid #d6e4f2;background:#fbfdff;border-radius:9px;min-height:81px;padding:18px;display:flex;align-items:center;gap:17px;margin-bottom:12px}.demo-check-icon{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#e6f2ff;color:#1472ce;font-size:20px;flex-shrink:0}.demo-check-card.ok .demo-check-icon{background:#e4f5eb;color:#18814a}.demo-check-card.pending .demo-check-icon{background:#fff5e5;color:#ba811e}.demo-check-copy{flex:1;min-width:0}.demo-check-copy strong{display:block;font-size:15px;color:#1c3855}.demo-check-copy span{display:block;font-size:12px;color:#607994;margin-top:5px}.demo-check-tick{font-size:23px;color:#1f915e}
.demo-btn-primary{width:100%;background:#0873d9;border:1px solid #0873d9;color:white;border-radius:7px;padding:16px 20px;font-size:15px;font-weight:800;margin-top:11px}.demo-btn-primary:hover{background:#055eb6}.demo-btn-secondary{background:#fff;color:#1568b6;border:1px solid #bdd2e8;border-radius:7px;padding:11px 15px;font-size:13px;font-weight:700}.demo-btn-secondary:hover{background:#f1f7ff}.demo-btn-danger{border:1px solid #d8a6a4;background:#fff;color:#9b3028;border-radius:6px;padding:10px 13px;font-size:12px;font-weight:700}.demo-alt-action{display:block;margin:12px auto 0;background:transparent;border:0;color:#2f6eae;font-size:12px;font-weight:700}.demo-counter{display:flex;justify-content:space-between;max-width:860px;margin:16px auto;padding:14px;color:#64809c;font-size:11px;font-weight:800}.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.demo-metric{background:#f5f9fe;border:1px solid #d6e5f4;border-radius:8px;padding:17px}.demo-metric strong{display:block;font-size:24px;color:#173959}.demo-metric span{display:block;color:#6c839a;font-size:12px;margin-top:4px}.demo-section-title{font-size:16px;font-weight:800;margin:20px 0 12px}
.demo-page-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:19px}.demo-page-heading h2{font-size:24px;margin:0}.demo-page-heading p{margin:5px 0 0;font-size:13px;color:#657e97}.demo-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.demo-toolbar .demo-btn-primary{margin:0;width:auto;padding:11px 18px}.demo-toolbar button{white-space:nowrap}
.demo-panel{padding:20px;margin-top:14px}.demo-panel h3{margin:0 0 13px;font-size:16px}.demo-table-wrap{overflow:auto;border:1px solid #d8e3ee;border-radius:8px}.demo-table{width:100%;border-collapse:collapse;font-size:12px}.demo-table th{font-size:11px;letter-spacing:.02em;text-transform:uppercase;background:#eaf1f9;color:#335577;text-align:left;padding:12px 13px;position:sticky;top:0;white-space:nowrap}.demo-table td{padding:11px 13px;border-top:1px solid #e4eaf1;vertical-align:middle}.demo-table tr:hover td{background:#f8fbff}.demo-table input{width:17px;height:17px}.demo-table .demo-fake-email{color:#597590;font-family:Consolas,monospace;white-space:nowrap;font-size:11px}.demo-trade-pill{background:#eff4fa;color:#3a5d82;padding:5px 8px;border-radius:5px;font-size:11px;white-space:nowrap}.demo-status-pill{display:inline-block;background:#eff3f9;color:#55718a;border-radius:15px;padding:5px 9px;font-size:11px;font-weight:700;white-space:nowrap}.demo-status-pill.invited{background:#e9f3fe;color:#0e68bb}.demo-status-pill.will{background:#dff4e7;color:#157347}.demo-status-pill.no{background:#ffe8e6;color:#9e3e35}.demo-status-pill.undecided{background:#fff2d6;color:#91650e}.demo-status-pill.downloaded{background:#fff0e3;color:#a15b19}
.demo-quick-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.demo-quick-filters label{font-size:12px;font-weight:700;color:#4f718b}.demo-quick-filters input,.demo-quick-filters select,.demo-input{border:1px solid #b7cbe0;border-radius:7px;padding:10px 12px;background:#fff;color:#173757;min-width:0}
.demo-hint-inline{color:#6b8299;font-size:12px}.demo-safety-note{background:#ecf6ff;border:1px solid #c4dff5;color:#235985;padding:11px 14px;border-radius:7px;font-size:12px;line-height:1.4}
.demo-modal-backdrop{position:fixed;inset:0;background:#091f35a3;display:flex;align-items:center;justify-content:center;padding:18px;z-index:30}.demo-modal{background:#fff;border-radius:12px;width:min(820px,95vw);max-height:92vh;overflow:auto;box-shadow:0 25px 70px #071e3b50}.demo-modal-head{padding:18px 22px;border-bottom:1px solid #d9e5f0;display:flex;align-items:center;justify-content:space-between;gap:16px}.demo-modal-head h2{font-size:18px;margin:0}.demo-close{font-size:27px;color:#56728f;background:transparent;border:0;line-height:1;padding:0 4px}.demo-modal-content{padding:21px 23px}.demo-modal-content h3{font-size:16px;margin:0 0 10px}.demo-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:22px}.demo-modal-actions .demo-btn-primary{width:auto;margin:0;padding:11px 20px}.demo-preview{border:1px solid #d3e1ee;border-radius:9px;background:#fff;padding:18px;color:#1c2c42;font-size:13px;line-height:1.55}.demo-preview .demo-preview-top{font-size:11px;border-bottom:1px solid #e0e8f1;padding-bottom:11px;margin-bottom:15px}.demo-preview .demo-preview-top strong{display:block;font-size:14px;margin-top:6px;color:#112d4a}.demo-preview p{margin:0 0 15px}.demo-preview-buttons{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:18px 0}.demo-preview-buttons span{border:1px solid #b7c8da;padding:9px 13px;min-width:110px;text-align:center;border-radius:4px;background:#eef5ff;color:#1c608d;font-size:11px;font-weight:800}.demo-preview-buttons span.yes{background:#e5f4e9;border-color:#9dc5a7;color:#196d39}.demo-preview-buttons span.no{background:#fbe9e7;border-color:#e5b6b1;color:#9c3830}.demo-preview-details{border-top:1px solid #dde7f1;margin-top:17px;padding-top:12px;font-size:12px}.demo-preview-details div{display:grid;grid-template-columns:110px 1fr;gap:9px;padding:4px 0}
.demo-chat{border:1px solid #d8e3ee;border-radius:8px;padding:15px;background:#f5f8fc}.demo-chat .demo-chat-bubble{padding:13px 14px;background:#fff;border:1px solid #e1e8f0;border-radius:7px;margin-bottom:12px;font-size:13px;line-height:1.5}.demo-chat .demo-chat-bubble strong{display:block;margin-bottom:7px}.demo-mock-files{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.demo-mock-files span{background:#e9f3fd;padding:8px 10px;border:1px solid #cee0ef;border-radius:5px;font-size:12px;color:#245f94;font-weight:700}.demo-document{background:#f5f9ff;padding:14px;border-radius:7px;border:1px solid #d9e6f4}.demo-document h4{margin:0 0 7px}
.demo-activity-panel{position:fixed;right:0;top:0;bottom:0;width:min(385px,100vw);background:#fff;border-left:1px solid #c6d6e6;z-index:25;box-shadow:-15px 0 44px #051e352b}.demo-activity-list{overflow-y:auto;height:calc(100% - 64px);padding:17px}.demo-activity-line{padding:12px;border-left:3px solid #388dd1;background:#f7faff;margin:0 0 11px;border-radius:0 5px 5px 0;font-size:12px;line-height:1.45}.demo-activity-line time{font-size:10px;color:#6c8297;display:block;margin-bottom:4px}.demo-toast{position:fixed;bottom:20px;right:20px;max-width:420px;background:#17324d;color:#fff;border-radius:7px;padding:13px 18px;z-index:50;font-size:13px;box-shadow:0 12px 35px #081f3b40}.demo-footer{text-align:center;font-size:10px;color:#69839e;padding:15px 10px;background:#f3f6fa;border-top:1px solid #d6e1ed;font-weight:700;letter-spacing:.02em}
.demo-empty{padding:48px 15px;text-align:center;color:#647d98}.demo-empty strong{display:block;color:#1c3856;font-size:17px;margin-bottom:8px}.demo-fake-badge{display:inline-block;padding:4px 8px;border:1px solid #aecbe7;color:#2d70a6;background:#eef7ff;border-radius:5px;font-size:10px;font-weight:800;letter-spacing:.05em}
.demo-sub-view{display:grid;grid-template-columns:240px 1fr;gap:16px}.demo-sub-actions{display:flex;gap:8px;flex-wrap:wrap}.demo-sub-actions .demo-btn-primary{width:auto;margin:0}.demo-sub-actions button{flex:1;min-width:120px}.demo-sub-select{width:100%;margin-bottom:14px}.demo-sub-banner{background:#f7fbff;border:1px solid #d9e8f4;border-radius:8px;padding:18px;margin-bottom:14px}.demo-sub-banner h3{margin:0 0 7px}.demo-sub-banner p{margin:0;font-size:13px;color:#617c95}
@media(max-width:780px){.demo-header{height:auto;min-height:58px;padding:10px 12px;flex-wrap:wrap}.demo-brand strong{font-size:14px}.demo-project-heading{padding:13px}.demo-project-heading h1{font-size:16px}.demo-workspace-tabs{padding:0 5px}.demo-workspace-tab{font-size:12px;padding:12px 11px}.demo-status-mark{font-size:9px}.demo-steps{padding:22px 6px 0}.demo-step{font-size:10px}.demo-step-index{width:33px;height:33px}.demo-step:not(:first-child):before{top:16px;right:calc(50% + 18px);width:calc(100% - 36px)}#demoMain{padding:10px}.demo-stage{padding:0 12px 14px}.demo-stage-heading h2{font-size:22px}.demo-hero-icon{width:52px;height:52px}.demo-setup-top{padding:13px}.demo-sub-view{grid-template-columns:1fr}.demo-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:530px){.demo-brand{flex-wrap:wrap;gap:6px}.demo-top-actions{width:100%;justify-content:flex-end}.demo-head-btn{font-size:11px;padding:7px 9px}.demo-project-heading{align-items:flex-start}.demo-status-mark{display:none}.demo-step-label{font-size:9px;line-height:1.3;text-align:center}.demo-stage-heading{gap:9px}.demo-stage-heading h2{font-size:19px}.demo-check-card{padding:11px;gap:10px}.demo-check-icon{width:37px;height:37px}.demo-check-copy strong{font-size:12px}.demo-check-copy span{font-size:11px}.demo-metrics{grid-template-columns:1fr}.demo-modal{width:100%}.demo-modal-content{padding:14px}.demo-preview-details div{grid-template-columns:85px 1fr}.demo-steps{overflow-x:auto}.demo-step{min-width:60px}}