:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8eef7;background:#07111f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#07111f,#0b1727);min-height:100vh}button,input,select,textarea{font:inherit}.splash,.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.splash{font-size:28px;font-weight:800;letter-spacing:-.03em}.auth-card{width:min(100%,430px);background:#0f1b2d;border:1px solid #233149;border-radius:24px;padding:28px;box-shadow:0 24px 60px #00000047}.brand-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#1f9d78;color:#fff;font-weight:900}.auth-card h1{margin:16px 0 8px;font-size:30px}.auth-card p{color:#9fb0c5;line-height:1.5}.auth-card label,.form-card label,.panel label{display:grid;gap:8px;margin:14px 0;color:#c9d5e4;font-size:14px}.auth-card input,.auth-card select,.form-card input,.form-card select,.form-card textarea,.panel input,.panel select{width:100%;border:1px solid #2a3950;background:#091524;color:#fff;border-radius:12px;padding:13px 14px;outline:none}.form-card textarea{min-height:96px;resize:vertical}.auth-card input:focus,.form-card input:focus,.form-card textarea:focus,.panel input:focus,.panel select:focus{border-color:#2bb88d;box-shadow:0 0 0 3px #2bb88d1f}button{border:0;border-radius:12px;padding:13px 16px;background:#1f9d78;color:#fff;font-weight:750;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.auth-card button{width:100%;margin-top:10px}.secondary{background:#18263a;color:#d7e2ee}.text-action{background:transparent;color:#77d9bb;padding:10px}.message{font-size:13px;color:#f5c2c7}.toast{position:fixed;z-index:30;top:74px;left:50%;transform:translate(-50%);max-width:min(560px,92vw);background:#14263a;border:1px solid #2c455f;border-radius:12px;padding:11px 14px;box-shadow:0 12px 32px #0000004d;font-size:13px}.app{min-height:100vh;padding-bottom:84px}.app>header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:#07111ff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #1a2940}.app header small{display:block;color:#8fa4bb;margin-bottom:2px}.app header h1{font-size:20px;margin:0}.icon{background:#142239;padding:10px;border-radius:12px}.content{width:min(100%,900px);margin:auto;padding:20px 16px 32px}.hero{padding:22px;border:1px solid #25435a;background:linear-gradient(135deg,#102237,#0c2c2b);border-radius:22px}.hero .eyebrow{font-size:12px;letter-spacing:.16em;color:#70d7b7;font-weight:800}.hero h2{font-size:28px;margin:10px 0 6px}.hero p{margin:0;color:#b9c7d7}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.metrics article,.panel,.form-card,.trace-chain>div,.list article{background:#0f1b2d;border:1px solid #1e2d44;border-radius:18px}.metrics article{padding:16px;min-width:0}.metrics span,.trace-chain span{display:block;color:#91a4ba;font-size:12px;margin-bottom:7px}.metrics strong{font-size:18px;overflow-wrap:anywhere}.panel{padding:18px;margin:14px 0}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel h3,.form-card h3{margin:0 0 12px}.notice{display:grid;gap:7px;padding:14px;background:#152538;border:1px solid #293d57;border-radius:14px;margin-top:10px}.notice span,.empty,.muted{color:#94a7bd;font-size:13px;line-height:1.45}.notice button{margin-top:6px}.close-today{width:100%;display:flex;justify-content:center;align-items:center;gap:9px;padding:16px;margin-top:14px;font-size:15px}.page-title h2{font-size:28px;margin:0 0 6px}.page-title p{margin:0 0 18px;color:#9fb0c5}.form-card{padding:18px;margin-bottom:14px}.form-card button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px}.form-card hr{border:0;border-top:1px solid #26364d;margin:22px 0}.check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px!important}.check input{width:auto!important;accent-color:#1f9d78}.list{display:grid;gap:10px;margin-top:14px}.list article{display:flex;justify-content:space-between;align-items:center;padding:14px;gap:12px}.list article>div:first-child{display:grid;gap:4px;min-width:0}.list article span{color:#8297ae;font-size:12px}.inline-actions{display:flex!important;gap:6px!important;flex-wrap:wrap;justify-content:flex-end}.inline-actions button{width:auto!important;margin:0!important;padding:8px 10px;font-size:11px}.trace-chain{display:grid;gap:10px}.trace-chain>div{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.trace-chain span{margin:0}.trace-chain strong{text-align:right;overflow-wrap:anywhere}.scenario,.scan-result{display:grid;grid-template-columns:1fr 1fr;gap:8px}.scenario span,.scan-result span{background:#101f31;border-radius:12px;padding:11px;font-size:12px;color:#9fb0c5}.scenario b,.scan-result b{display:block;color:#fff;margin-top:5px;overflow-wrap:anywhere}.segmented{display:flex;gap:8px;overflow-x:auto;padding:0 0 12px;scrollbar-width:none}.segmented button{background:#132238;color:#91a5bb;white-space:nowrap;text-transform:capitalize;padding:10px 12px}.segmented button.active{background:#1f9d78;color:#fff}.scan-page{align-items:start;padding-top:20px}.scan-card{width:min(100%,760px)}.scan-grid{display:grid;grid-template-columns:1fr;gap:0 14px}.scan-result{margin:16px 0}.app>nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 8px max(8px,env(safe-area-inset-bottom));background:#07111ff7;border-top:1px solid #203049;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app>nav button{background:transparent;color:#7f92a8;padding:8px 3px;border-radius:10px;display:grid;justify-items:center;gap:4px;font-size:11px}.app>nav button.active{color:#6ed9b6;background:#102c2a}.advanced-fab{position:fixed;right:16px;bottom:92px;z-index:28;display:flex;align-items:center;gap:7px;box-shadow:0 14px 36px #00000059}.advanced-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#020812b8;display:flex;justify-content:flex-end;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.advanced-sheet{width:min(100%,620px);height:100%;overflow:auto;background:#081523;border-left:1px solid #263750;padding:18px 18px 34px}.advanced-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.advanced-head small{color:#75d4b5;font-weight:800;letter-spacing:.14em}.advanced-head h2{margin:4px 0 0}.advanced-close{background:#142239;padding:9px}.advanced-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.advanced-tabs button{background:#142239;color:#96a9bd}.advanced-tabs button.active{background:#1f9d78;color:#fff}.advanced-body{display:grid;gap:12px}.advanced-body label,.mapping-grid label{display:grid;gap:7px;color:#c8d5e5;font-size:13px}.advanced-body input,.advanced-body select,.mapping-grid select{width:100%;border:1px solid #2a3950;background:#091524;color:#fff;border-radius:12px;padding:12px 13px}.advanced-note,.advanced-status{color:#9fb0c5;line-height:1.5;font-size:13px}.advanced-review,.mapping-grid{display:grid;gap:10px;padding:14px;border:1px solid #263850;border-radius:16px;background:#0f1b2d}.advanced-review h3,.mapping-grid h3{margin:0 0 4px}.advanced-review details{background:#0a1726;border-radius:12px;padding:10px}.advanced-review pre{white-space:pre-wrap;word-break:break-word;max-height:220px;overflow:auto;font-size:11px;color:#afbed0}.mapping-grid{grid-template-columns:1fr 1fr}.mapping-grid h3{grid-column:1/-1}@media(max-width:420px){.metrics{grid-template-columns:1fr 1fr}.metrics strong{font-size:16px}.hero h2{font-size:25px}.content{padding-left:12px;padding-right:12px}.list article{align-items:flex-start;flex-direction:column}.inline-actions{justify-content:flex-start}.advanced-fab{right:12px;bottom:88px;padding:11px 12px}.mapping-grid{grid-template-columns:1fr}}@media(min-width:760px){.app>header{padding-left:32px;padding-right:32px}.content{padding:28px 28px 100px}.metrics{grid-template-columns:repeat(4,1fr)}.trace-chain{grid-template-columns:1fr 1fr}.form-card.compact{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-card.compact button{grid-column:1/-1}.app>nav{left:50%;right:auto;transform:translate(-50%);width:min(700px,94vw);bottom:18px;border:1px solid #223148;border-radius:20px;padding:8px}.scenario{grid-template-columns:repeat(3,1fr)}.scan-grid{grid-template-columns:1fr 1fr}.scan-result{grid-template-columns:repeat(5,1fr)}}:root{background:#0c1d2d;color-scheme:dark}body{background:radial-gradient(circle at 8% -10%,rgba(57,132,169,.34),transparent 34%),radial-gradient(circle at 92% 8%,rgba(31,157,120,.18),transparent 28%),radial-gradient(circle at 48% 82%,rgba(34,94,126,.14),transparent 34%),linear-gradient(180deg,#10283d,#0c2032 46%,#0f2a3d);background-attachment:fixed;letter-spacing:.002em}.app{background:linear-gradient(180deg,#0f283d8a,#0c1d2d1f);min-height:100vh}.app>header{background:linear-gradient(90deg,#0b1e2ff0,#112b3fe6);border-bottom:1px solid rgba(91,141,169,.26);box-shadow:0 8px 28px #020a1224;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.app header small{color:#8facc1;font-weight:650;letter-spacing:.02em}.app header h1{font-size:22px;letter-spacing:-.025em}.content{width:min(100%,980px)}.page-title{margin:4px 0 22px}.page-title h2{font-size:32px;letter-spacing:-.035em;line-height:1.08}.page-title p{font-size:15px;color:#a9bfd0;max-width:760px;line-height:1.6}.hero{background:linear-gradient(135deg,#1d4a62f5,#104b44eb);border:1px solid rgba(102,181,171,.34);box-shadow:0 22px 60px #000a1438,inset 0 1px #ffffff0a;padding:26px;border-radius:24px}.hero h2{letter-spacing:-.035em}.hero p{color:#d0dde6}.hero .eyebrow{color:#8de5c8}.metrics article,.panel,.form-card,.trace-chain>div,.list article{background:linear-gradient(180deg,#153047f5,#0f2538f5);border:1px solid rgba(91,136,165,.3);box-shadow:0 14px 36px #01091221,inset 0 1px #ffffff06}.metrics article{padding:18px;border-radius:20px}.metrics article:hover,.list article:hover{border-color:#5cae9e66;transform:translateY(-1px);transition:.18s ease}.metrics span,.trace-chain span,.notice span,.empty,.muted{color:#9bb3c6}.metrics strong{font-size:20px;letter-spacing:-.02em}.panel,.form-card{border-radius:20px}.panel{padding:20px}.panel h3,.form-card h3{letter-spacing:-.02em}.notice{background:linear-gradient(180deg,#1d3a52d1,#152f43d1);border-color:#5787a457}button{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease,border-color .16s ease}button:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}.close-today,.form-card>button:not(.secondary),.advanced-body>button{background:linear-gradient(135deg,#26ab83,#178d70);box-shadow:0 10px 24px #188f7033}.icon{background:linear-gradient(180deg,#1b3550,#142a42);border:1px solid rgba(105,147,175,.2);box-shadow:0 8px 22px #0000001f}.auth-card{background:linear-gradient(180deg,#132d44fa,#0e2234fa);border-color:#608fac4d;box-shadow:0 26px 70px #00070f4d}.auth-card input,.auth-card select,.form-card input,.form-card select,.form-card textarea,.panel input,.panel select{background:#0b1d2d;border-color:#35506a;box-shadow:inset 0 1px #ffffff04}.auth-card input:focus,.auth-card select:focus,.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.panel input:focus,.panel select:focus{border-color:#39bd95;box-shadow:0 0 0 3px #39bd951f}.segmented{display:flex;flex-wrap:nowrap;gap:9px;overflow-x:auto;overflow-y:hidden;padding:2px 90px 14px 1px;scrollbar-width:none;scroll-behavior:smooth;position:relative;-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 72px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 72px),transparent 100%)}.segmented::-webkit-scrollbar{display:none}.segmented button{flex:0 0 auto;white-space:nowrap;max-width:none;background:linear-gradient(180deg,#18314b,#142a42);border:1px solid rgba(98,144,173,.18);color:#a9bfd0;padding:11px 14px;border-radius:14px;box-shadow:0 7px 18px #00000014}.segmented button.active{background:linear-gradient(135deg,#28ac84,#1a9071);color:#fff;border-color:#69d8b559;box-shadow:0 9px 22px #18907133}.segmented:after{content:"More  →";position:sticky;right:0;z-index:3;align-self:center;flex:0 0 auto;padding:9px 12px;border-radius:999px;background:linear-gradient(135deg,#2ab089,#1b9273);color:#fff;font-size:12px;font-weight:850;letter-spacing:.01em;box-shadow:0 8px 24px #00000047;pointer-events:none}.advanced-fab{background:linear-gradient(135deg,#27aa83,#168c6e);border:1px solid rgba(133,224,194,.26);box-shadow:0 14px 34px #042c2447;border-radius:15px}.advanced-sheet{background:linear-gradient(180deg,#0e263a,#0b1d2d);border-left-color:#34516a}.app>nav{background:linear-gradient(180deg,#0d2234f2,#091b2af7);border-color:#5784a057;box-shadow:0 16px 44px #00050c52;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.app>nav button{color:#879fb3;border:1px solid transparent}.app>nav button.active{color:#80e2c3;background:linear-gradient(180deg,#1e5f50b3,#13453db8);border-color:#58bfa12e}.toast{background:linear-gradient(180deg,#18364f,#132b42);border-color:#3a5d78}@media(max-width:560px){.content{overflow-x:hidden;padding-left:14px;padding-right:14px}.page-title h2{font-size:28px}.segmented{padding-right:78px}.segmented:after{padding:8px 10px;font-size:11px}.metrics article{padding:15px}.panel,.form-card{padding:17px}.hero{padding:20px}}@media(min-width:760px){.content{padding-top:34px}.metrics{gap:14px}.panel,.form-card{padding:22px}.app>nav{border-radius:22px}}.access-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#050d18fa;display:grid;place-items:center;padding:22px}.access-card{width:min(100%,440px);background:#0f1b2d;border:1px solid #263850;border-radius:24px;padding:26px;box-shadow:0 28px 80px #0000006b}.access-card h1{margin:16px 0 8px;font-size:27px}.access-card p{color:#a2b3c6;line-height:1.55}.access-card button{width:100%;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px}.access-card small{display:block;margin-top:18px;color:#7f93aa;line-height:1.45}.access-state{display:flex;align-items:center;gap:9px;margin:18px 0 10px;padding:13px;border:1px solid #294159;border-radius:14px;background:#122438;color:#c9d9e8}
