:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#183343;background:#edf2f4;font-synthesis:none;--ink: #122d3d;--green: #15765b;--muted: #607582;--line: #dce5e9}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #44ae96;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #198c6c;outline-offset:2px}.app-shell{max-width:780px;margin:auto;background:#f6f8fa;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:23px 22px;background:var(--ink);color:#fff;gap:12px}.brand{display:flex;gap:11px;align-items:center;font-size:22px;font-weight:750;letter-spacing:-.8px}.brand-icon{display:grid;place-items:center;border:1px solid #5c8b91;border-radius:12px;width:39px;height:43px;color:#8bdec1;font-size:30px}.brand em{font-size:12px;font-style:normal;font-weight:500;border:1px solid #5a727e;border-radius:5px;padding:3px 5px;letter-spacing:0;vertical-align:middle}.brand small{display:block;font-size:11px;font-weight:400;letter-spacing:.25px;color:#b1c4ce;margin-top:5px}.connection{font-size:11px;white-space:nowrap;border:1px solid #35574f;background:#203e3e;color:#ace6cb;padding:8px 10px;border-radius:30px;display:flex;align-items:center;gap:6px}.dot{width:6px;height:6px;border-radius:100%;display:inline-block;background:currentColor;flex-shrink:0}.connection.offline{color:#ffce8c;background:#493e32;border-color:#66543c}main{padding:25px 22px 0}.welcome{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px}.eyebrow{font-size:9px;font-weight:750;letter-spacing:1.7px;color:#6e8792}.welcome h1{font-size:26px;line-height:1.24;letter-spacing:-1px;margin:11px 0 10px;font-weight:750}.welcome h1 span{color:#198765}.welcome p{font-size:12px;line-height:1.7;color:var(--muted);max-width:240px;margin:0}.technical-art{color:#287c70;width:66px;flex-shrink:0;opacity:.65}.metrics{display:flex;background:#eaf0f1;border:1px solid #e2e9eb;border-radius:14px;margin:23px 0 29px;padding:16px 0}.metrics>div{flex:1;padding:0 12px;border-right:1px solid #d6e1e4;display:flex;flex-direction:column;gap:5px}.metrics>div:last-child{border:0}.metrics strong{font-size:24px;font-weight:700;line-height:1}.metrics span{font-size:10px;color:var(--muted)}.amber-text{color:#ac681a}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:15px}h2{font-size:18px;letter-spacing:-.4px;margin:0}.count-pill{background:#e4ebef;border-radius:7px;font-size:11px;padding:4px 7px;font-weight:700}.card-list{display:grid;gap:12px}.intervention-card{display:block;padding:16px;background:#fff;border:1px solid #e0e7eb;border-radius:14px;box-shadow:0 3px 7px #19354504;transition:border-color .15s}.intervention-card:hover{border-color:#89b3ab}.card-top,.card-bottom,.card-main{display:flex;align-items:center;justify-content:space-between;gap:8px}.reference{font-size:11px;font-weight:700;color:#71818e;letter-spacing:.8px}.status-badge{font-size:10px;padding:5px 8px;border-radius:5px;font-weight:650;background:#eef1f5;color:#586a79}.status-badge[data-status=IN_PROGRESS]{color:#266ca1;background:#e9f3fb}.status-badge[data-status=DONE]{color:#15765b;background:#e7f5ed}.card-main{justify-content:flex-start;padding:16px 0}.equipment-icon{width:39px;height:41px;border-radius:10px;background:#eef4f4;display:grid;place-items:center;font-size:22px;color:#468077;flex-shrink:0}.card-main h3{font-size:14px;margin:0 0 5px;font-weight:650;letter-spacing:-.2px}.card-main p{font-size:12px;color:var(--muted);margin:0}.arrow{margin-left:auto;font-size:20px;color:#8b9ca6}.card-bottom{border-top:1px solid #edf1f3;padding-top:11px;flex-wrap:wrap;row-gap:8px}.priority{font-size:10px;color:#7c8a94}.priority.high{color:#a26825;font-weight:650}.sync-badge{font-size:9px;color:#5d7e71;display:inline-flex;gap:5px;align-items:center;line-height:1.5}.sync-badge[data-state=PENDING]{color:#ac681a}.sync-badge[data-state=SYNCING]{color:#266ca1}.sync-badge[data-state=ERROR]{color:#b64444}.analysis-panel{margin:25px 0 22px;background:#e8efee;border:1px solid #d6e4df;padding:21px;border-radius:14px}.analysis-panel .eyebrow{color:#54786c}.analysis-panel h2{font-size:20px;line-height:1.3;margin-top:10px}.analysis-panel p{font-size:12px;color:#607c71;line-height:1.6;margin:11px 0 17px}.primary{display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px;background:#166e57;color:#fff;border:0;border-radius:9px;padding:14px 15px;font-size:12px;font-weight:650;min-height:45px}.primary:hover{background:#105c47}.analysis-result{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.analysis-result>div{display:flex;flex-direction:column;gap:4px}.analysis-result strong{font-size:24px}.analysis-result span{font-size:11px;color:#607c71}.analysis-result p{width:100%;margin:0}.demo-tools{margin:23px 22px 0;padding:17px 0;border-top:1px dashed #ccd9df}.demo-title{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1px;font-weight:700;color:#71828c;margin-bottom:12px}.demo-title span:last-child{letter-spacing:0;font-weight:500}.demo-actions{display:flex;gap:8px}.secondary{background:transparent;border:1px solid #ccd9df;color:#465f6b;padding:11px 9px;border-radius:8px;font-size:10px;font-weight:600;min-height:42px;flex:1}.secondary:hover{background:#eaf0f1}.demo-hint{font-size:10px;color:#9a6a31;margin:10px 0 0}footer{padding:15px 25px 26px;color:#8697a1;text-align:center;font-size:9px;line-height:1.8}footer span{display:block;font-size:8px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:480px;border-radius:12px;background:#153c32;color:#fff;box-shadow:0 6px 30px #153c3233;padding:16px;font-size:12px;line-height:1.5;display:flex;gap:10px;z-index:10}.toast>span{color:#a3e3bb}.back-link{font-size:12px;color:#5d7683;display:inline-block;margin-bottom:24px}.detail-heading h1{font-size:27px;line-height:1.25;letter-spacing:-.8px;margin:9px 0 10px}.detail-heading .sync-badge{font-size:11px}.info-panel,.form-panel{background:#fff;border:1px solid var(--line);padding:21px;border-radius:14px;margin-top:22px}.client-heading{display:flex;gap:11px;align-items:center}.client-heading h2{font-size:17px;margin-top:4px}dl{display:grid;grid-template-columns:1fr 1.3fr;gap:15px 10px;margin:22px 0 0;font-size:11px;line-height:1.5}dt{color:#748793}dd{margin:0;text-align:right;font-weight:550}.mono{font-family:ui-monospace,monospace}.form-panel h2{margin:8px 0 23px;font-size:21px}.form-panel label{display:block;font-size:12px;font-weight:650;margin:20px 0 9px}input,select,textarea{width:100%;background:#f8fafb;border:1px solid #d8e2e6;padding:13px;border-radius:8px;font-size:14px;color:#234453}textarea{resize:vertical;line-height:1.5}.save-hint{font-size:11px;color:#79908d;line-height:1.6;margin:17px 0}.error{color:#a33535;background:#fff0ee;padding:12px;border-radius:8px;font-size:12px;line-height:1.6}.global-error{margin:0 22px 15px}.field-error{font-size:11px;color:#a33535}.form-panel .secondary{margin-bottom:12px;width:100%}.empty{font-size:13px;line-height:1.7;color:#607582;padding:20px;border:1px dashed #ccd9df;border-radius:12px}@media(min-width:600px){.topbar{padding:25px 34px}main{padding:30px 34px 0}.welcome h1{font-size:34px}.technical-art{width:85px;margin-right:20px}.card-list{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-tools{margin-left:34px;margin-right:34px}.demo-actions{max-width:420px}.metrics span{font-size:12px}.metrics>div{padding:0 22px}.brand small,.connection{font-size:12px}.analysis-panel{padding:25px}.analysis-panel .primary{max-width:350px}.detail-heading{margin-top:5px}.form-panel{margin-bottom:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
