:root{--bg:#040b13;--sidebar:#071827;--panel:#0a2034;--card:#0d2945;--card2:#0a243c;--line:#214f70;--line2:#2d6b96;--text:#eef8ff;--muted:#9fb8ca;--blue:#2f9cff;--blue2:#65d8ff;--red:#ff3c55;--green:#41d28f;--amber:#ffbd4a;--radius:14px;--shadow:0 20px 60px #0007}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;background:radial-gradient(1100px 600px at 0 0,#0b3150 0,transparent 48%),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}
.demo-topbar{height:70px;position:sticky;top:0;z-index:30;background:#030a12ed;border-bottom:1px solid #1e4865;display:flex;justify-content:space-between;align-items:center;padding:.65rem 1rem;backdrop-filter:blur(12px)}.demo-brand img{height:48px;max-width:230px;display:block}.demo-top-actions{display:flex;align-items:center;gap:1rem}.demo-top-actions a{text-decoration:none;color:#d7ebf7}.demo-badge{font-size:.78rem;font-weight:900;letter-spacing:.04em;border:1px solid #376d8f;border-radius:999px;padding:.38rem .65rem;color:#a8dcff;background:#0b263e}.demo-warning{max-width:1500px;margin:.85rem auto 0;padding:.75rem 1rem;border:1px solid #76692e;background:#282313;color:#fff2bd;border-radius:12px}
.app-shell{width:min(1500px,calc(100% - 1.2rem));margin:.85rem auto 3rem;display:grid;grid-template-columns:220px minmax(0,1fr);min-height:760px;background:#061522;border:1px solid #1e4c6c;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}
.app-sidebar{background:linear-gradient(180deg,#071d30,#041321);border-right:1px solid #1d4561;display:flex;flex-direction:column;min-width:0}.side-mission{padding:1rem;border-bottom:1px solid #173d58}.side-mission span,.side-mission strong,.side-mission em{display:block}.side-mission span{font-size:.72rem;color:#79afd0;text-transform:uppercase;letter-spacing:.08em}.side-mission strong{margin:.2rem 0;font-size:1.05rem}.side-mission em{font-style:normal;font-size:.74rem;font-weight:800;color:#7ff0b8}.app-sidebar nav{padding:.6rem}.tab{width:100%;display:flex;align-items:center;gap:.65rem;border:0;background:transparent;color:#c7dce9;padding:.78rem .75rem;border-radius:10px;text-align:left;font-weight:800;margin:.12rem 0}.tab span{width:24px;text-align:center;color:#72bfff}.tab:hover,.tab.active{background:linear-gradient(90deg,#0f5599,#0a3b67);color:#fff}.tab.active span{color:#fff}.sidebar-foot{margin-top:auto;padding:1rem;border-top:1px solid #173d58;display:grid;gap:.15rem}.sidebar-foot strong{color:#54b8ff}.sidebar-foot span{font-size:.8rem}.sidebar-foot small{color:#7194aa}
.app-main{min-width:0;background:linear-gradient(180deg,#061827,#05121e)}.mission-header{min-height:112px;padding:1rem 1.15rem;border-bottom:1px solid #1f4f70;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:linear-gradient(180deg,#092239,#071927)}.mission-header h1{margin:.15rem 0 .25rem;font-size:1.8rem}.mission-header p{margin:0;color:#94b4c8}.mission-label{font-size:.74rem;letter-spacing:.08em;color:#6fbef2;font-weight:900}.live-dot{color:#77efb7}.mission-user{display:flex;align-items:center;gap:.65rem}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#317dff,#7a69ff);font-weight:900}.mission-user div{display:grid}.mission-user small{color:#91aebe}
.view{display:none;padding:1rem 1.1rem 1.2rem}.view.active{display:block}.section-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.section-head span{font-size:.72rem;font-weight:900;color:#61b8f6;letter-spacing:.08em}.section-head h2{margin:.15rem 0 0;font-size:1.5rem}
.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.app-card{background:linear-gradient(180deg,#0c2944,#092139);border:1px solid #245a7c;border-radius:var(--radius);padding:.85rem;box-shadow:0 10px 28px #0003;min-width:0}.wide-2{grid-column:span 2}.card-title{display:flex;align-items:center;gap:.45rem;color:#5bbaff;font-weight:900;margin-bottom:.65rem}.card-title small{color:#8ba9bd;font-weight:700;margin-left:auto}.card-title .mini-btn{margin-left:auto}.card-row{display:flex;justify-content:space-between;gap:.6rem;padding:.32rem 0;color:#a9c0d1}.card-row strong{color:#fff;text-align:right}.card-row.strong{font-size:1rem}.urgency{font-size:.72rem;color:#ffe4e8;background:#6c1724;border:1px solid #cb3850;padding:.2rem .45rem;border-radius:999px}
.progress-line{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;margin:.85rem .15rem .35rem}.progress-line i{display:block;height:4px;background:#466079;position:relative}.progress-line i:before{content:"";position:absolute;left:0;top:50%;transform:translate(-20%,-50%);width:16px;height:16px;border-radius:50%;background:#183348;border:2px solid #5b7890}.progress-line i.done,.progress-line i.current{background:#168dff}.progress-line i.done:before{background:#168dff;border-color:#5fc0ff}.progress-line i.current:before{background:#071827;border:4px solid #168dff}.progress-labels{display:grid;grid-template-columns:repeat(4,1fr);font-size:.68rem;color:#9ab2c2;text-align:center}.samu-btn{width:100%;margin-top:.8rem;border:1px solid #3ba8ff;background:linear-gradient(135deg,#168dff,#006bd9);color:#fff;border-radius:9px;padding:.65rem;font-weight:900}
.patient-line{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:.75rem}.patient-icon{width:52px;height:52px;border-radius:10px;display:grid;place-items:center;background:#113c65;color:#62b9ff;font-size:1.6rem}.patient-line div:nth-child(2){display:grid;gap:.12rem}.patient-line span{color:#93afc2;font-size:.85rem}
.mini-btn,.ghost-btn,.text-link{border:1px solid #326f98;background:#0b3250;color:#dff3ff;border-radius:8px;padding:.42rem .65rem;font-weight:800}.text-link{margin-top:.65rem;background:transparent;border:0;padding:.2rem 0;color:#70c2ff;text-align:left}.ghost-btn{background:#092137}
.vital-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem}.vital-summary>div{background:#092139;border:1px solid #245878;border-radius:10px;padding:.55rem;text-align:center;display:grid}.vital-summary b{font-size:.68rem;color:#8bb0c8}.vital-summary strong{font-size:1.28rem}.vital-summary span{font-size:.68rem;color:#809caf}
.assessment-preview{list-style:none;padding:0;margin:0;display:grid;gap:.38rem}.assessment-preview li{display:grid;grid-template-columns:28px 1fr;gap:.45rem;align-items:center}.assessment-preview b{width:26px;height:26px;border-radius:7px;background:#10548e;display:grid;place-items:center}.assessment-preview span{font-size:.83rem;color:#c6d9e5}.mini-timeline{display:grid;gap:.38rem}.mini-timeline p{margin:0;font-size:.83rem;color:#c7d9e4}.mini-timeline time{display:inline-block;width:44px;color:#78bff0;font-weight:800}.destination-card>strong,.destination-card>span{display:block}.destination-card>span{color:#94b0c2;font-size:.82rem;margin-top:.2rem}.media-preview{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.media-preview span{height:60px;border:1px solid #2a6081;border-radius:8px;background:linear-gradient(135deg,#071724,#102f48);display:grid;place-items:center;font-size:.78rem;color:#9fc5dc}.file-row{display:grid;gap:.15rem}.file-row span{color:#8eaabd;font-size:.78rem}.close-card p{color:#9eb8c8;font-size:.85rem}.close-btn{width:100%;border:0;border-radius:9px;background:linear-gradient(135deg,#138bff,#006ee7);color:white;padding:.62rem;font-weight:900}
.form-card,.abcde-card{background:linear-gradient(180deg,#0c2944,#092139);border:1px solid #245a7c;border-radius:var(--radius);padding:1rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.field{display:grid;gap:.32rem}.field.full{grid-column:1/-1}.field label{font-size:.8rem;font-weight:800;color:#a7c0d0}.field input,.field select,.field textarea{width:100%;border:1px solid #326888;background:#051929;color:#fff;border-radius:10px;padding:.72rem}.field textarea{min-height:110px;resize:vertical}.muted{color:var(--muted)}
.vitals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.vital{background:#08243b;border:1px solid #2c6488;border-radius:12px;padding:.75rem}.vital label{display:block;color:#a9c2d3;font-size:.74rem;font-weight:800}.vital input{width:100%;background:transparent;border:0;color:#fff;font-size:1.45rem;font-weight:900;outline:none;padding:.15rem 0}.vital span{font-size:.72rem;color:#7fa2ba}
.actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.btn{border:0;border-radius:999px;padding:.72rem 1rem;font-weight:900;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary{background:linear-gradient(135deg,#2f9cff,#65d8ff);color:#041d31}.secondary{background:#0e3554;color:#e8f6ff;border:1px solid #44789a}.danger{background:#4a2026;color:#ffdce0;border:1px solid #8e4650}
.assessment-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:.8rem}.chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.chip{border:1px solid #397499;background:#0d3452;color:#dff4ff;padding:.5rem .72rem;border-radius:999px}.chip.on{background:#154c47;border-color:#4bd8b8;color:#b9ffed}.abcde-card{display:grid;gap:.4rem}.abcde-card h3{margin:.1rem 0 .4rem}.abcde-card p{margin:0;background:#092038;border:1px solid #214f70;border-radius:9px;padding:.6rem}.abcde-card b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#0f5594;margin-right:.45rem}
.timeline{display:grid;gap:.55rem}.event{display:grid;grid-template-columns:76px 1fr;gap:.6rem;align-items:start;border-left:3px solid #2f9cff;background:#092139;padding:.68rem .8rem;border-radius:0 10px 10px 0}.event time{color:#7ecaff;font-weight:900}
.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.media-item{background:#092139;border:1px solid #275b7c;border-radius:12px;padding:.75rem;display:grid;gap:.35rem}.media-item span{color:#8eaabd;font-size:.78rem}.fake-ecg,.fake-photo,.media-item.empty>div{height:120px;border-radius:9px;background:#061725;border:1px solid #2e5d7d;display:grid;place-items:center}.fake-ecg{color:#ff596f;font-size:1.4rem;letter-spacing:.12em}.fake-photo{color:#7f9fb3}.media-item.empty>div{font-size:2rem;color:#65c3ff}
.doc{display:flex;justify-content:space-between;gap:1rem;align-items:center;border:1px solid #2d6485;background:#092139;padding:.85rem;border-radius:12px;margin:.55rem 0}.state{font-size:.74rem;font-weight:900;color:#06251b;background:var(--green);padding:.25rem .55rem;border-radius:999px}
.summary{margin-top:1rem;background:#f7fbff;color:#102030;border-radius:14px;padding:1rem;display:none}.summary.show{display:block}.summary h2{color:#0c3a59}.summary table{width:100%;border-collapse:collapse}.summary td{padding:.5rem;border-bottom:1px solid #d5e3eb;vertical-align:top}.summary td:first-child{font-weight:900;width:32%}
.toast{position:fixed;right:1rem;bottom:1rem;z-index:50;display:none;max-width:360px;background:#0b3a36;border:1px solid #45d3b1;color:#e1fff8;padding:.8rem 1rem;border-radius:12px;box-shadow:0 16px 40px #0008}.toast.show{display:block}
@media(max-width:1150px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intervention-card,.team-card,.status-card{grid-column:auto}.wide-2{grid-column:span 2}.vital-summary{grid-template-columns:repeat(5,1fr)}}
@media(max-width:850px){.demo-topbar{height:auto;align-items:flex-start}.demo-top-actions{flex-direction:column;align-items:flex-end;gap:.35rem}.app-shell{grid-template-columns:1fr}.app-sidebar{border-right:0;border-bottom:1px solid #1d4561}.side-mission,.sidebar-foot{display:none}.app-sidebar nav{display:flex;overflow:auto;gap:.25rem}.tab{min-width:125px;justify-content:center}.mission-header{align-items:flex-start}.dashboard-grid{grid-template-columns:1fr}.wide-2{grid-column:auto}.vital-summary{grid-template-columns:repeat(3,1fr)}.assessment-layout{grid-template-columns:1fr}.media-grid{grid-template-columns:1fr 1fr}.grid,.vitals{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.demo-badge{display:none}.demo-brand img{height:42px}.demo-warning{margin:.5rem .6rem 0}.app-shell{width:calc(100% - .6rem);margin:.55rem .3rem 2rem;border-radius:14px}.mission-header{padding:.8rem;min-height:auto}.mission-header h1{font-size:1.35rem}.mission-user{display:none}.view{padding:.75rem}.dashboard-grid{gap:.55rem}.vital-summary{grid-template-columns:repeat(2,1fr)}.grid,.vitals,.media-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.patient-line{grid-template-columns:44px 1fr}.patient-line .mini-btn{grid-column:1/-1}.section-head{align-items:flex-start}.section-head .ghost-btn{font-size:.78rem}.summary{overflow:auto}}
@media print{.demo-topbar,.demo-warning,.app-sidebar,.actions,.ghost-btn{display:none!important}.app-shell{display:block;width:100%;border:0;box-shadow:none}.app-main{background:#fff}.mission-header,.view:not([data-view="close"]){display:none!important}.view[data-view="close"]{display:block!important}.summary{display:block!important;border:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tab,.btn,.mini-btn,.ghost-btn,.text-link{transition:none!important}}

.menu-toggle{border:1px solid #376c91;background:#0a2a45;color:#e6f5ff;border-radius:9px;padding:.5rem .7rem;font-weight:850}
.menu-toggle:hover,.menu-toggle:focus-visible{background:#123f64;border-color:#58b9fa}
.secondary-menu{position:absolute;right:1rem;top:105px;z-index:25;width:min(260px,calc(100% - 2rem));background:#071b2c;border:1px solid #2a6386;border-radius:12px;padding:.45rem;box-shadow:0 20px 50px #000a}
.secondary-menu[hidden]{display:none}
.secondary-menu button{display:block;width:100%;border:0;background:transparent;color:#dcecf6;text-align:left;padding:.7rem .75rem;border-radius:8px;font-weight:750}
.secondary-menu button:hover,.secondary-menu button:focus-visible{background:#123b5d;color:#fff}
.status-note{margin-top:.8rem;border:1px solid #265b7b;background:#092238;border-radius:9px;padding:.62rem .7rem;display:grid;gap:.12rem}
.status-note strong{color:#8dd3ff}.status-note span{font-size:.74rem;color:#8faabd}
@media(max-width:560px){.menu-toggle{padding:.45rem .55rem}.secondary-menu{top:92px;right:.5rem;width:calc(100% - 1rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tab,.btn,.menu-toggle{transition:none!important}}