:root{color:#eef1f8;--panel:#181b24;--line:#9fabcd33;--lime:#d8ff3e;--lilac:#b8a9ff;--violet:#654cf2;--amber:#ffc453;--coral:#ff6c62;background:#101116;font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 0,#654cf224,#0000 30%),#101116;margin:0}.basic-shell{min-height:100vh;padding:0 clamp(18px,4vw,64px) 28px}.basic-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:76px;display:flex}.basic-brand{gap:3px;display:grid}.basic-brand strong{letter-spacing:-.04em;font-size:1.05rem}.basic-brand span{color:var(--lime);letter-spacing:.17em;font-size:.52rem;font-weight:800}.demo-badge{color:#ffaaa4;letter-spacing:.1em;border:1px solid #ff6c6259;border-radius:999px;padding:7px 10px;font-size:.52rem;font-weight:800}.environment-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.persistence-badge{border:1px solid var(--line);color:#eef1f885;letter-spacing:.08em;border-radius:999px;padding:7px 10px;font-size:.48rem;font-weight:800}.persistence-connected{color:var(--lime);border-color:#d8ff3e59}.persistence-unavailable{color:#ffaaa4;border-color:#ff6c6266}.basic-hero{justify-content:space-between;align-items:end;gap:30px;padding:40px 0 27px;display:flex}.eyebrow{color:var(--lime);letter-spacing:.16em;font-size:.55rem;font-weight:800}.basic-hero h1{letter-spacing:-.065em;margin:8px 0;font-size:clamp(2.1rem,5vw,4.7rem);font-weight:350;line-height:.96}.basic-hero p{color:#eef1f87a;margin:0;font-size:.76rem}.clock{flex:none;justify-items:end;display:grid}.clock strong{letter-spacing:-.08em;font:300 clamp(2rem,4vw,4.3rem) ui-monospace,monospace}.clock span{color:#eef1f861;font-size:.58rem}.basic-strip{border:1px solid var(--line);background:#181b24b8;border-radius:13px;grid-template-columns:repeat(4,1fr);display:grid}.basic-strip article{border-right:1px solid var(--line);gap:3px;padding:16px 18px;display:grid}.basic-strip article:last-child{border-right:0}.basic-strip span{color:#eef1f866;letter-spacing:.1em;font:700 .52rem ui-monospace,monospace}.basic-strip strong{font-size:1.08rem}.basic-strip small{color:#eef1f866;font-size:.54rem}.basic-strip .amber{color:var(--amber)}.basic-grid{grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:16px;margin-top:16px;display:grid}.basic-panel{border:1px solid var(--line);background:linear-gradient(145deg,#1c202bf2,#12141bf2);border-radius:14px}.basic-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:19px 21px;display:flex}.basic-panel h2{margin:5px 0 0;font-size:.9rem}.basic-panel header button{background:var(--lime);color:#111218;letter-spacing:.08em;border:0;border-radius:8px;padding:9px 12px;font-size:.55rem;font-weight:850}.timeline-list{padding:4px 21px 19px}.timeline-list article{border-bottom:1px solid #9fabcd1f;grid-template-columns:48px 14px 1fr;gap:10px;padding:17px 0;display:grid}.timeline-list time{color:var(--lilac);font:600 .65rem ui-monospace,monospace}.event-dot{background:#8290a9;border-radius:50%;width:8px;height:8px;margin-top:3px;box-shadow:0 0 0 4px #8290a91a}.event-dot.decision{background:var(--lilac)}.event-dot.action{background:var(--coral)}.event-dot.alert{background:var(--amber)}.event-dot.status{background:var(--lime)}.timeline-list article>div{gap:4px;display:grid}.timeline-list article>div>span{color:#eef1f859;letter-spacing:.12em;font-size:.5rem;font-weight:800}.timeline-list article strong{font-size:.72rem;font-weight:600}.timeline-list article small{color:#eef1f861;font-size:.56rem}.promote-action{justify-self:start;margin-top:4px;color:var(--lilac)!important;background:0 0!important;border:1px solid #b8a9ff38!important;padding:5px 7px!important;font-size:.46rem!important}.integrity-good,.integrity-warn{letter-spacing:.1em;margin-top:5px;font-size:.48rem;display:block}.integrity-good{color:var(--lime)}.integrity-warn{color:var(--amber)}.timeline-error{color:var(--coral);margin:15px 21px 0;font-size:.6rem}.log-editor-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050609bd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.log-editor{color:#17171b;background:#f4f1e9;border-radius:18px;width:min(600px,100%);padding:0;box-shadow:0 30px 100px #0000008c}.log-editor>header{border-bottom:1px solid #17171b1f;justify-content:space-between;align-items:flex-start;padding:24px 26px 18px;display:flex}.log-editor>header span{color:#654cf2;letter-spacing:.13em;font-size:.52rem;font-weight:850}.log-editor h3{letter-spacing:-.035em;margin:5px 0 0;font-size:1.35rem}.log-editor>header button{color:#17171b;background:0 0;padding:0;font-size:1.6rem;font-weight:400}.log-editor label{color:#17171ba3;gap:7px;margin:20px 26px 0;font-size:.64rem;font-weight:700;display:grid}.log-editor select,.log-editor textarea,.log-editor input{color:#17171b;width:100%;font:inherit;background:#fff;border:1px solid #17171b29;border-radius:9px;outline:0;padding:12px 13px}.log-editor textarea{resize:vertical;min-height:145px;line-height:1.5}.log-editor select:focus,.log-editor textarea:focus{border-color:#654cf2;box-shadow:0 0 0 3px #654cf21a}.log-editor>p{color:#17171b85;margin:14px 26px 0;font-size:.58rem;line-height:1.5}.log-editor>footer{justify-content:flex-end;gap:9px;padding:20px 26px 25px;display:flex}.log-editor>footer button{color:#fff;letter-spacing:.07em;background:#17171b;border:0;border-radius:8px;padding:11px 14px;font-size:.55rem;font-weight:850}.log-editor>footer button.secondary{color:#17171b;background:0 0;border:1px solid #17171b29}.log-editor>footer button:disabled{opacity:.3}.side-panel{padding-bottom:18px}.role-row{border-bottom:1px solid #9fabcd1f;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;margin:0 19px;padding:14px 2px;display:grid}.role-light{background:var(--amber);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #ffc45373}.role-light.good{background:var(--lime);box-shadow:0 0 10px #d8ff3e66}.role-row strong{font-size:.66rem}.role-row small{color:#eef1f866;font-size:.54rem}.role-copy{gap:3px;display:grid}.role-row button{border:1px solid var(--line);color:var(--lilac);letter-spacing:.06em;background:0 0;border-radius:6px;padding:6px 8px;font-size:.47rem;font-weight:800}.config-source{border-left:3px solid var(--violet);background:#654cf214;gap:4px;margin:18px 19px 0;padding:14px;display:grid}.config-source span{color:var(--lilac);letter-spacing:.12em;font-size:.49rem;font-weight:800}.config-source strong{font-size:.63rem}.config-source small{color:#eef1f866;font-size:.54rem}.operational-board{grid-column:1/-1;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:16px;display:grid}.operational-board .basic-panel>header button{background:var(--lime);color:#111218;letter-spacing:.08em;border:0;border-radius:8px;padding:9px 12px;font-size:.55rem;font-weight:850}.action-list{padding:5px 20px 16px}.action-row{border-bottom:1px solid #9fabcd1f;grid-template-columns:9px 1fr auto;align-items:center;gap:11px;padding:13px 0;display:grid}.action-row>span{background:#8290a9;border-radius:50%;width:7px;height:7px}.action-row.status-in_progress>span{background:var(--amber)}.action-row.status-done>span{background:var(--lime)}.action-row.status-blocked>span{background:var(--coral)}.action-row>div{gap:3px;display:grid}.action-row strong{font-size:.66rem}.action-row small{color:#eef1f866;font-size:.54rem}.action-row select{border:1px solid var(--line);color:#eef1f8;background:#151821;border-radius:7px;padding:7px 8px;font-size:.5rem}.empty-state{border:1px dashed var(--line);color:#eef1f866;text-align:center;border-radius:9px;margin:13px 0 0;padding:20px;font-size:.6rem;line-height:1.5}.situation-content{gap:16px;padding:20px;display:grid}.next-point{border-left:3px solid var(--lilac);background:#b8a9ff12;gap:5px;padding:16px;display:grid}.next-point span{color:var(--lilac);letter-spacing:.1em;font-size:.5rem;font-weight:850}.next-point strong{font:500 1.2rem ui-monospace,monospace}.next-point small{color:#eef1f866;font-size:.54rem}.situation-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.situation-actions button{border:1px solid var(--line);color:#eef1f894;background:0 0;border-radius:8px;padding:10px 8px;font-size:.5rem;font-weight:800}.situation-actions button.is-active{color:var(--lime);background:#d8ff3e14;border-color:#d8ff3e59}.coordination-error{z-index:120;color:#ffaaa4;background:#27191c;border:1px solid #ff6c6266;border-radius:10px;max-width:380px;padding:13px 15px;font-size:.62rem;position:fixed;bottom:20px;right:20px}.live-connection{z-index:80;border:1px solid var(--line);color:#eef1f866;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101116e0;border-radius:999px;align-items:center;gap:7px;padding:7px 9px;font-size:.46rem;font-weight:800;display:flex;position:fixed;top:18px;right:18px}.live-connection span{background:#8290a9;border-radius:50%;width:6px;height:6px}.live-connection.is-live{color:var(--lime)}.live-connection.is-live span{background:var(--lime);box-shadow:0 0 10px #d8ff3ea6}.alert-stack{z-index:110;gap:10px;width:min(390px,100vw - 32px);display:grid;position:fixed;top:62px;right:22px}.operational-alert{color:#fff;background:#242017;border:1px solid #ffc45361;border-radius:14px;gap:7px;padding:18px;display:grid;box-shadow:0 25px 70px #00000073}.operational-alert.severity-critical{background:#291a1d;border-color:#ff6c628c}.operational-alert>span{color:var(--amber);letter-spacing:.1em;font-size:.48rem;font-weight:850}.operational-alert.severity-critical>span{color:var(--coral)}.operational-alert strong{font-size:.92rem}.operational-alert p{color:#ffffffad;margin:0;font-size:.65rem;line-height:1.45}.operational-alert small{color:#fff6;font-size:.54rem}.operational-alert button{background:var(--lime);color:#111218;letter-spacing:.06em;border:0;border-radius:8px;margin-top:4px;padding:9px 10px;font-size:.52rem;font-weight:850}.basic-shell>footer{color:#eef1f847;text-align:center;padding-top:20px;font-size:.52rem}@media (max-width:850px){.basic-hero{display:grid}.clock{justify-items:start}.basic-strip{grid-template-columns:repeat(2,1fr)}.basic-strip article:nth-child(2){border-right:0}.basic-strip article:nth-child(-n+2){border-bottom:1px solid var(--line)}.basic-grid,.operational-board{grid-template-columns:1fr}}@media (max-width:560px){.basic-topbar{align-items:flex-start;padding:17px 0}.environment-badges{max-width:180px}.demo-badge{text-align:center;max-width:150px}.basic-strip{grid-template-columns:1fr 1fr}.basic-hero{padding-top:26px}.basic-grid{margin-top:12px}.basic-panel>header{align-items:flex-start}.timeline-list article{grid-template-columns:42px 10px 1fr}}.importer{background:#654cf212;border:1px solid #b8a9ff3b;border-radius:13px;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.4fr) auto;align-items:center;gap:16px;margin-top:16px;padding:15px 17px;display:grid}.importer-copy{gap:3px;display:grid}.importer span{color:var(--lilac);letter-spacing:.12em;font-size:.5rem;font-weight:800}.importer strong{font-size:.7rem}.importer small{color:#eef1f866;font-size:.54rem;line-height:1.35}.importer em{color:var(--lilac);margin-top:3px;font-size:.5rem;font-style:normal}.importer textarea{resize:vertical;border:1px solid var(--line);color:#eef1f8;background:#101116b8;border-radius:8px;outline:0;width:100%;height:61px;padding:10px 11px;font:500 .58rem ui-monospace,monospace}.importer textarea:focus{border-color:var(--lilac)}.importer-actions{gap:7px;display:grid}.importer button{background:var(--lime);color:#111218;letter-spacing:.07em;white-space:nowrap;border:0;border-radius:8px;padding:9px 11px;font-size:.5rem;font-weight:850}.importer button.secondary{border:1px solid var(--line);color:#eef1f8;background:0 0}.importer button:disabled{opacity:.3}.importer>p{color:var(--coral);grid-column:2/-1;margin:0;font-size:.55rem}.importer--accepted{background:#d8ff3e0e;border-color:#d8ff3e47;grid-template-columns:1fr auto}.importer--accepted>div{gap:4px;display:grid}.importer--accepted span{color:var(--lime)}@media (max-width:850px){.importer{grid-template-columns:1fr}.importer>p{grid-column:1}.importer--accepted{grid-template-columns:1fr auto}}@media (max-width:560px){.importer--accepted{grid-template-columns:1fr}.importer--accepted button{width:100%}}