:root{--deep:#102a21;--green:#1c4d3a;--lime:#b9ff66;--orange:#f6940b;--red:#d9534f;--ink:#17251f;--muted:#6c7b74;--soft:#f3f7f4;--line:#dbe4de;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#edf3ef;color:var(--ink)}button,input{font:inherit}.demo-banner{height:38px;background:#c7ff82;color:#173125;display:flex;align-items:center;gap:20px;padding:0 18px;font-size:12px}.demo-banner span{opacity:.76}.demo-banner a{margin-left:auto;color:inherit}.demo-shell{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 38px)}.demo-sidebar{background:#10251d;color:#d9e8e1;padding:22px 14px;display:flex;flex-direction:column}.demo-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 24px}.demo-brand>span{width:42px;height:42px;border-radius:12px;border:1px solid #3f5b4f;display:grid;place-items:center;color:var(--lime);font-weight:900}.demo-brand div{display:flex;flex-direction:column}.demo-brand strong{letter-spacing:.13em}.demo-brand small{color:#8eaaa0;font-size:9px}.demo-sidebar nav{display:grid;gap:6px}.demo-sidebar nav button{border:0;background:transparent;color:#c7d8d1;text-align:left;padding:12px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:8px}.demo-sidebar nav button:hover,.demo-sidebar nav button.active{background:#1c4434;color:#fff}.demo-sidebar nav em{margin-left:auto;min-width:20px;height:20px;border-radius:99px;background:#f4a83a;color:#fff;font-style:normal;display:grid;place-items:center;font-size:10px;font-weight:800}.demo-local{margin-top:auto;border-top:1px solid #2b4439;padding:18px 8px 0;font-size:10px;color:var(--lime);display:grid;gap:5px}.demo-local strong{color:#fff;font-size:13px}.demo-local small{color:#799389}.demo-main{padding:26px 30px 60px;max-width:1500px;width:100%;margin:0 auto}.demo-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.demo-top small{font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:800}.demo-top h1{font-size:30px;margin:4px 0}.demo-actions{display:flex;align-items:center;gap:10px}.wingman-button{border:0;border-radius:12px;background:var(--deep);color:#fff;padding:9px 13px;display:flex;gap:8px;align-items:center;cursor:pointer}.wingman-button:first-letter{color:var(--lime)}.avatar{width:38px;height:38px;border-radius:12px;background:#d7e8df;display:grid;place-items:center;font-weight:800;color:var(--green)}.demo-page{display:none}.demo-page.active{display:block}.hero-note{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:14px}.hero-note>div{display:grid;gap:4px}.hero-note span{color:var(--muted);font-size:13px}.health{padding:7px 9px;border-radius:99px;font-weight:800!important}.health.ok{background:#e6f6ea;color:#287343!important}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi-grid article,.billing-stats article,.system-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.kpi-grid small{color:var(--muted);display:block}.kpi-grid b{font-size:34px;display:block;margin:8px 0}.kpi-grid span{font-size:12px;color:var(--muted)}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2{margin:0;font-size:18px}.panel-head span{font-size:11px;color:var(--green);font-weight:800}.attention-list{display:grid;margin-top:10px}.attention-list button{display:flex;align-items:center;gap:12px;border:0;border-top:1px solid #edf2ee;background:transparent;padding:14px 2px;text-align:left;cursor:pointer}.attention-list button>span{display:grid;gap:3px}.attention-list small{color:var(--muted)}.attention-list b:last-child{margin-left:auto}.attention-list i{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-weight:800}.warn{background:#fff3db;color:#a66a00}.alert{background:#ffe6e0;color:#a23d2b}.ok{background:#e9f7ed;color:#2d7a46}.visit-mini{display:grid;grid-template-columns:54px 1fr auto;gap:10px;padding:13px 0;border-top:1px solid #edf2ee}.visit-mini span{display:grid}.visit-mini small{color:var(--muted)}.visit-mini em{font-style:normal;color:#2c7847;font-size:11px}.page-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.page-tools h2{margin:0}.page-tools p{margin:4px 0;color:var(--muted)}.page-tools input{border:1px solid var(--line);border-radius:11px;padding:12px;min-width:280px}.primary,.secondary,.upload-button{border:0;border-radius:10px;padding:10px 13px;font-weight:800;cursor:pointer}.primary,.upload-button{background:var(--lime);color:#193023}.secondary{background:#edf2ef;color:#2d4138}.upload-button input{display:none}.table-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #edf2ee;font-size:13px}th{font-size:10px;color:var(--muted);letter-spacing:.06em}td strong,td small{display:block}td small{color:var(--muted);margin-top:3px}.pill{display:inline-flex;border-radius:99px;padding:6px 9px;font-size:10px;font-weight:900}.pill.green{background:#e8f7ed;color:#287344}.pill.amber{background:#fff1d5;color:#966000}.pill.red{background:#ffe9e5;color:#a23d2b}.dropzone{padding:28px;border:2px dashed #bdd0c5;border-radius:16px;text-align:center;background:#f9fbfa;color:#577168;display:grid;gap:5px}.rx-list{display:grid;gap:9px;margin-top:14px}.rx-list article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;grid-template-columns:44px 1fr auto auto;align-items:center;gap:12px}.rx-list small{display:block;color:var(--muted);margin-top:3px}.doc-icon{width:40px;height:48px;border-radius:7px;background:#edf3ef;display:grid;place-items:center;color:var(--green);font-weight:900}.future-note{margin-top:14px;border-left:4px solid var(--orange);background:#fff8e9;border-radius:10px;padding:13px;display:grid;gap:4px;font-size:13px}.mobile-stage{display:grid;grid-template-columns:340px 1fr;gap:50px;align-items:center;justify-content:center;min-height:600px}.phone{background:#17201c;border-radius:36px;padding:16px;width:320px;box-shadow:0 30px 70px #1234}.phone-head{color:#fff;padding:12px;display:flex;justify-content:space-between}.phone-head span{font-size:9px;color:var(--lime)}.mobile-visit{background:#fff;border-radius:15px;margin:9px 0;padding:14px;display:grid;gap:6px}.mobile-visit.current{box-shadow:0 0 0 2px var(--lime)}.mobile-visit small,.mobile-visit span{color:var(--muted)}.full{width:100%;margin-top:8px}.visit-info h2{font-size:34px}.visit-info li{margin:12px 0;color:var(--muted)}.signature-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;max-width:850px;margin:0 auto}.signature-card>div:first-child{margin-right:140px}.signature-card>span.pill{float:right;margin-top:-70px}.day-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0}.day-list span{padding:10px;background:#f4f7f5;border-radius:10px}.day-list b{float:right;color:#2a7a46}.signature-pad{height:130px;border:2px dashed #b8c9bf;border-radius:12px;display:grid;place-items:center;color:#899a91;position:relative;overflow:hidden}.signature-pad.signed:after{content:'Lena Hoffmann';font-family:cursive;font-size:38px;color:#244b3a;transform:rotate(-4deg)}.signature-pad.signed{font-size:0}.checkline{display:flex;gap:8px;margin:13px 0;font-size:13px}.inline-message{margin-top:12px;font-size:13px}.billing-head{display:flex;justify-content:space-between;align-items:center}.billing-head h2{margin:3px 0 16px}.billing-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.billing-stats b{font-size:28px;display:block}.billing-stats span{color:var(--muted);font-size:12px}.billing-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0}.billing-flow button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px}.billing-flow button b{width:24px;height:24px;border-radius:8px;background:#edf3ef;display:grid;place-items:center}.billing-flow button.active{border-color:#71a384;background:#f5faf7}.billing-flow button.done b{background:#def6e6;color:#297443}.integration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.integration-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.status-dot.build{background:#e7a024}.status-dot.plan{background:#8a9992}.integration-grid p{color:var(--muted);min-height:72px}.integration-grid b{font-size:11px;color:var(--green)}.response-demo{display:flex;gap:10px;flex-wrap:wrap}.response-demo>span{padding:8px 10px;border-radius:10px;font-weight:800}.response-demo .green{background:#e6f6eb;color:#2b7546}.response-demo .red{background:#ffe7e3;color:#9d3d2d}.response-demo p{width:100%}.system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.system-grid small{color:var(--muted)}.system-grid b{display:block;font-size:24px;margin:8px 0}.meter{height:7px;border-radius:99px;background:#e8eeea;overflow:hidden;margin:8px 0}.meter i{display:block;height:100%;background:var(--green)}.system-grid span{font-size:11px;color:var(--muted)}.device-panel{margin-top:14px}.device-panel>div{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #edf2ee}.device-panel b{color:#2c7447}.device-panel b.blocked{color:#a03a2d}.wingman-panel{position:fixed;right:20px;top:90px;width:360px;height:calc(100vh - 120px);background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 28px 70px #102a2133;z-index:50;display:none;flex-direction:column;overflow:hidden}.wingman-panel.open{display:flex}.wingman-head{background:var(--deep);color:#fff;padding:15px;display:flex;gap:10px;align-items:center}.wingman-head>span{width:34px;height:34px;border-radius:11px;background:var(--lime);color:#163023;display:grid;place-items:center;font-weight:900}.wingman-head div{display:grid}.wingman-head small{color:#a9c2b7}.wingman-head button{margin-left:auto;border:0;background:transparent;color:#fff;font-size:22px}.wingman-content{padding:16px;overflow:auto;display:grid;gap:10px}.wing-card{background:#f3f7f4;padding:12px;border-radius:12px;font-size:13px;line-height:1.5}.wing-card strong{display:block;margin-bottom:5px}.wingman-input{margin-top:auto;display:flex;padding:12px;border-top:1px solid var(--line)}.wingman-input input{flex:1;border:1px solid var(--line);border-radius:10px;padding:10px}.wingman-input button{border:0;background:#e7eeea;border-radius:10px;margin-left:5px}.toast{position:fixed;bottom:20px;right:20px;background:#13271f;color:#fff;border-radius:12px;padding:12px 16px;opacity:0;transform:translateY(10px);transition:.2s;z-index:90}.toast.show{opacity:1;transform:none}
@media(max-width:900px){.demo-shell{grid-template-columns:1fr}.demo-sidebar{position:sticky;top:0;z-index:20;display:block;padding:10px}.demo-brand,.demo-local{display:none}.demo-sidebar nav{display:flex;overflow:auto}.demo-sidebar nav button{min-width:max-content}.demo-main{padding:18px 14px 50px}.kpi-grid,.integration-grid,.system-grid{grid-template-columns:1fr 1fr}.two-col,.mobile-stage{grid-template-columns:1fr}.phone{margin:auto}.billing-flow{grid-template-columns:1fr}.wingman-panel{left:12px;right:12px;top:70px;width:auto;height:calc(100vh - 90px)}}
@media(max-width:560px){.demo-banner span{display:none}.demo-top h1{font-size:23px}.wingman-button span{display:none}.kpi-grid,.billing-stats,.integration-grid,.system-grid{grid-template-columns:1fr}.rx-list article{grid-template-columns:42px 1fr}.rx-list article .pill,.rx-list article button{grid-column:2}.day-list{grid-template-columns:1fr}.page-tools{align-items:flex-start;flex-direction:column}.page-tools input{min-width:0;width:100%}}