:root{font-family:Inter,Avenir Next,Avenir,system-ui,sans-serif;color:#292b29;background:#f4f0e8;font-synthesis:none;--paper:#f4f0e8;--surface:#fbf8f2;--ink:#292b29;--muted:#74736e;--line:#ded8cd;--deep:#242825;--green:#386b53;--green-bg:#e6eee8;--amber:#9a6423;--amber-bg:#f6ead5;--red:#9b463e;--red-bg:#f5e4e0;--shadow:0 14px 42px rgba(42,38,31,.08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(56,107,83,.25);outline-offset:2px}button:disabled{opacity:.55;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Newsreader,Georgia,serif;font-weight:500}h1{font-size:clamp(2.4rem,5vw,4.1rem);line-height:.95;letter-spacing:-.04em;margin-bottom:12px}h2{font-size:1.7rem;margin-bottom:8px}h3{margin-bottom:5px}.eyebrow{font-size:.68rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.lede{color:var(--muted);line-height:1.6}.shell{min-height:100vh;padding-left:92px}.rail{position:fixed;inset:0 auto 0 0;width:92px;background:var(--deep);color:#f7f2e9;display:flex;flex-direction:column;align-items:center;padding:25px 10px 18px;z-index:15}.logo{display:flex;align-items:center;justify-content:center;gap:5px;color:#f6f0e6}.logo span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#d7dfd6;color:var(--deep);font-family:Newsreader,serif;font-size:1.25rem}.logo b{font-size:.65rem;letter-spacing:.12em}.rail nav{display:flex;flex-direction:column;gap:6px;margin:auto 0}.rail button,.bottom-nav button{border:0;background:none;color:#a9aaa5;cursor:pointer}.rail nav button,.rail .logout{width:72px;min-height:58px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.rail button span{font-size:1.3rem;line-height:1}.rail button small{font-size:.6rem}.rail button.active{background:#3a3e3a;color:#fff}.rail .logout{font-size:1.15rem}.rail .logout small{font-size:.6rem}main{max-width:1500px;margin:0 auto;padding:58px clamp(30px,5vw,76px) 80px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:38px}.page-header>div:first-child{max-width:720px}.page-header>div>p:last-child{color:var(--muted);margin:0}.header-actions{display:flex;gap:10px;flex:none}.primary,.secondary,.danger{min-height:42px;padding:0 18px;border-radius:8px;border:1px solid transparent;font-weight:600;font-size:.84rem;cursor:pointer}.primary{background:var(--deep);color:#fff}.primary:hover{background:#394039}.secondary{background:transparent;border-color:#c7c0b5}.secondary:hover{background:#ffffff73}.danger{background:var(--red);color:#fff}.text-button,.danger-text{border:0;background:none;padding:7px 0;font-size:.8rem;font-weight:600;cursor:pointer}.text-button{color:var(--green)}.danger-text{color:var(--red)}.wide{width:100%}.small{font-size:.74rem;min-height:34px;padding:0 11px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px}.attention{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;background:var(--amber-bg);border:1px solid #e6d0a8;border-radius:12px;padding:22px 24px;margin-bottom:22px}.attention-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--amber);color:#fff;font-family:serif;font-size:1.4rem}.attention h2{margin-bottom:4px}.attention p:last-child{color:#785d3d;margin:0}.attention .eyebrow{color:#785d3d;margin-bottom:7px}.all-clear{display:flex;align-items:center;gap:13px;padding:17px 21px;background:var(--green-bg);border:1px solid #cdddcf;border-radius:10px;margin-bottom:22px}.all-clear>span{display:grid;place-items:center;background:var(--green);color:#fff;width:28px;height:28px;border-radius:50%}.all-clear p{margin:2px 0 0;color:#567360;font-size:.83rem}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:13px}.health-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}.health-card>div{display:flex;align-items:center;justify-content:space-between}.health-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:8px;font-family:Newsreader,serif}.health-card h3{margin:22px 0 5px}.health-card p{color:var(--muted);font-size:.76rem;margin:0}.state{display:inline-flex;align-items:center;gap:6px;text-transform:capitalize;font-size:.68rem;font-weight:600;white-space:nowrap}.state i{width:6px;height:6px;border-radius:50%;background:currentColor}.state.good{color:var(--green)}.state.warn{color:var(--amber)}.state.bad{color:var(--red)}.split{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:13px;margin-bottom:16px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:21px}.stat-row div{display:flex;flex-direction:column;gap:4px;padding:0 18px;border-right:1px solid var(--line)}.stat-row div:first-child{padding-left:0}.stat-row div:last-child{border:0}.stat-row strong{font-family:Newsreader,serif;font-size:1.7rem;font-weight:500}.stat-row span,.sender-card>p{font-size:.72rem;color:var(--muted)}.sender-card h2{font-family:DM Sans;font-size:1.45rem}.sender-card .secondary{margin-top:12px}.protocol-note{display:flex;gap:22px;padding:18px 5px;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem;line-height:1.55}.protocol-note b{color:var(--ink);white-space:nowrap}.protocol-note p{margin:0}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1fr) minmax(420px,1.2fr);background:var(--surface)}.login-card{padding:clamp(40px,8vw,110px);display:flex;flex-direction:column;justify-content:center}.login-card .logo{justify-content:flex-start;color:var(--ink);margin-bottom:70px}.login-card h1{font-size:clamp(3rem,5vw,5rem)}.login-card form{margin-top:25px;max-width:410px}.login-card .risk-note{color:var(--muted);font-size:.69rem;margin-top:50px}.login-aside{background:#333932;display:grid;place-items:center;overflow:hidden}.signal{position:relative;width:min(48vw,560px);aspect-ratio:1;border:1px solid #586058;border-radius:50%;display:grid;place-items:center;color:#d8dfd7;font-family:Newsreader,serif;font-size:2rem;text-align:center}.signal:before,.signal:after{content:"";position:absolute;border:1px solid #586058;border-radius:50%;top:16%;right:16%;bottom:16%;left:16%}.signal:after{top:32%;right:32%;bottom:32%;left:32%}.signal span{z-index:2}.signal i{position:absolute;width:10px;height:10px;background:#b7c7b7;border-radius:50%;z-index:2}.signal i:nth-child(1){left:14%;top:30%}.signal i:nth-child(2){right:27%;top:12%}.signal i:nth-child(3){right:10%;bottom:34%}.login-card label,.stack-form label,.filters label{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:.75rem}.login-card input,.stack-form input,.stack-form textarea,.stack-form select,.filters select{width:100%;background:#fffdf8;border:1px solid #cfc8bc;border-radius:7px;padding:12px 13px;color:var(--ink)}.login-card input{margin-bottom:12px;min-height:48px}.form-error{color:var(--red);background:var(--red-bg);padding:10px 12px;border-radius:6px;font-size:.78rem}.boot{min-height:100vh;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;background:var(--deep);color:#c4c5c0;font-size:.76rem}.connection-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.8fr);gap:14px}.connection-main{padding:34px}.connection-status{display:flex;align-items:center;gap:22px}.connection-status h2{margin-top:10px}.connection-status p{color:var(--muted);margin:0}.orb{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:#e9e5dc;color:var(--muted);font-size:2rem;flex:none}.orb.connected{background:var(--green-bg);color:var(--green)}.orb.pairing{background:var(--amber-bg);color:var(--amber)}.qr-box{display:grid;grid-template-columns:230px 1fr;gap:35px;align-items:center;margin:32px 0;padding:25px;background:#efebe2;border-radius:10px}.qr-box img,.qr-loading{width:230px;aspect-ratio:1;background:#fff;padding:12px;border-radius:8px}.qr-loading{display:grid;place-items:center;color:var(--muted);font-size:.75rem}.qr-box ol{padding-left:20px;line-height:1.8}.qr-box p{color:var(--muted);font-size:.72rem;line-height:1.5}.connection-actions{display:flex;gap:18px;margin-top:34px;padding-top:20px;border-top:1px solid var(--line)}.facts dl,.detail-list{margin:18px 0}.facts dl div,.detail-list div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted);font-size:.72rem}dd{margin:0;text-align:right;font-size:.76rem;font-weight:500}.quiet-warning{margin-top:28px;padding:15px;background:var(--amber-bg);border-radius:8px;font-size:.76rem}.quiet-warning p{color:#765d42;margin:5px 0 0;line-height:1.45}.table-panel{padding:0;overflow:hidden}.table-tools{display:flex;justify-content:space-between;padding:19px 22px;border-bottom:1px solid var(--line)}.table-tools>div{display:flex;gap:10px;align-items:baseline}.table-tools span{color:var(--muted);font-size:.7rem}.data-table .tr{display:grid;align-items:center;width:100%;padding:14px 22px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;font-size:.78rem}.apps-table .tr{grid-template-columns:1.3fr .65fr 1fr 1fr 25px}.delivery-table .tr{grid-template-columns:1.2fr 1fr 1fr .8fr .85fr}.data-table button.tr{cursor:pointer}.data-table button.tr:hover{background:#f5f1e9}.data-table .th{font-size:.64rem;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);font-weight:600;background:#efebe3}.data-table .tr>span{display:flex;flex-direction:column;gap:3px}.data-table small{font-size:.65rem;color:var(--muted)}.row-arrow{text-align:right;font-size:1.1rem;color:var(--muted)}.empty{text-align:center;padding:65px 20px}.empty>span{letter-spacing:.4em;color:var(--muted)}.empty h3{margin:16px 0 7px}.empty p{color:var(--muted);font-size:.78rem}.overlay{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;background:#1c1e1c6b;display:flex;justify-content:flex-end;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer{height:100%;width:min(560px,100%);background:var(--surface);box-shadow:-20px 0 60px #1414122e;overflow:auto}.drawer>header{position:sticky;top:0;z-index:2;background:#fbf8f2f5;display:flex;justify-content:space-between;align-items:center;padding:25px 28px;border-bottom:1px solid var(--line)}.drawer h2{margin:0}.close{width:35px;height:35px;border:1px solid var(--line);border-radius:50%;background:none;font-size:1.4rem;cursor:pointer}.drawer-body{padding:28px}.drawer-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px;margin-top:25px}.stack-form{display:flex;flex-direction:column;gap:26px}.form-section{display:flex;flex-direction:column;gap:16px;padding-bottom:25px;border-bottom:1px solid var(--line)}.stack-form label>span{font-weight:400;color:var(--muted);margin-left:4px}.stack-form label small{font-weight:400;color:var(--muted);line-height:1.4}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sticky-submit{position:sticky;bottom:0;background:var(--surface);padding:18px 0 0;display:flex;justify-content:flex-end;gap:9px}.token-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:20px}.token-intro p{font-size:.76rem;color:var(--muted);margin:0}.token-list article{padding:20px 0;border-bottom:1px solid var(--line)}.token-list article>div:first-child{display:flex;justify-content:space-between}.token-list dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.token-list dl div{display:flex;flex-direction:column;gap:4px}.token-list dd{text-align:left}.token-reveal{text-align:center;padding:25px 0}.reveal-mark{width:55px;height:55px;display:grid;place-items:center;margin:0 auto 22px;border-radius:50%;background:var(--amber-bg);color:var(--amber);font-family:Newsreader;font-size:1.4rem}.token-reveal>p:not(.eyebrow){color:var(--muted);font-size:.78rem;line-height:1.5}.token-reveal code{display:block;margin:22px 0;padding:18px 12px;background:#ebe6dd;border:1px dashed #a8a196;border-radius:8px;word-break:break-all;font-size:.76rem;-webkit-user-select:all;user-select:all}.token-reveal .primary,.token-reveal .text-button{display:block;margin:10px auto}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.template-card{display:flex;flex-direction:column;min-height:205px;text-align:left;padding:23px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer}.template-card:hover{box-shadow:var(--shadow)}.template-card>div,.template-card footer{display:flex;justify-content:space-between}.template-card>p{font-family:Newsreader;font-size:1.3rem;line-height:1.35;margin:auto 0;color:#41423f}.template-card footer{padding-top:15px;border-top:1px solid var(--line);color:var(--muted);font-size:.68rem}.message-preview{background:#e9eee7;border-radius:8px;padding:17px}.message-preview span{font-size:.65rem;color:var(--green);font-weight:600;text-transform:uppercase;letter-spacing:.1em}.message-preview p{margin:9px 0 0;font-family:Newsreader;font-size:1.15rem;line-height:1.35}.tabs{display:flex;gap:4px;margin-bottom:14px;border-bottom:1px solid var(--line)}.tabs button{border:0;background:none;padding:12px 16px;color:var(--muted);cursor:pointer;font-weight:600;font-size:.78rem}.tabs button.active{color:var(--ink);border-bottom:2px solid var(--ink)}.filters{display:flex;gap:11px;padding:18px 22px;border-bottom:1px solid var(--line)}.filters label{min-width:190px}.filters select{padding:8px 10px}.audit-list{padding:0}.audit-list article{display:grid;grid-template-columns:auto 1fr auto;gap:15px;padding:18px 22px;border-bottom:1px solid var(--line);align-items:start}.audit-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#ece8df}.audit-list p,.audit-list small{margin:3px 0 0;color:var(--muted);font-size:.7rem}.audit-list time{color:var(--muted);font-size:.7rem}.modal-overlay{justify-content:center;align-items:center}.modal{position:relative;width:min(430px,calc(100% - 28px));padding:30px;background:var(--surface);border-radius:12px;box-shadow:var(--shadow)}.modal>.close{position:absolute;right:18px;top:18px}.modal>p{color:var(--muted);font-size:.8rem;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.toast{position:fixed;z-index:80;right:24px;bottom:24px;display:flex;align-items:center;gap:10px;padding:13px 17px;border-radius:9px;background:var(--deep);color:#fff;box-shadow:var(--shadow);font-size:.78rem}.toast span{color:#b9d2bc}.skeleton{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.skeleton i{height:170px;background:linear-gradient(90deg,#e8e3d9,#f1ede5,#e8e3d9);background-size:200%;border-radius:12px;animation:shimmer 1.8s infinite}.bottom-nav{display:none}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:980px){.health-grid{grid-template-columns:repeat(2,1fr)}.split,.connection-layout,.login-page{grid-template-columns:1fr}.login-aside{display:none}.login-card{min-height:100vh}.template-grid{grid-template-columns:1fr}.apps-table .tr{grid-template-columns:1.3fr .7fr 1fr 25px}.apps-table .tr>span:nth-child(3){display:none}}@media(max-width:700px){.shell{padding-left:0;padding-bottom:69px}.rail{display:none}.bottom-nav{position:fixed;display:grid;z-index:20;grid-template-columns:repeat(5,1fr);inset:auto 0 0;background:var(--deep);padding:6px 3px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 25px #00000026}.bottom-nav button{min-height:51px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.56rem}.bottom-nav button span{font-size:1.15rem}.bottom-nav button.active{color:#fff}main{padding:34px 17px 50px}.page-header{align-items:flex-start;flex-direction:column;margin-bottom:27px}.page-header h1{font-size:2.7rem}.page-header .header-actions{align-self:stretch}.header-actions button{width:100%}.attention{grid-template-columns:auto 1fr;padding:18px}.attention button{grid-column:1/-1}.health-grid{grid-template-columns:1fr 1fr}.health-card{padding:15px}.health-card .state{font-size:0;width:7px}.health-card h3{margin-top:15px}.split{grid-template-columns:1fr}.stat-row div{padding:0 10px}.stat-row strong{font-size:1.25rem}.protocol-note{display:block}.protocol-note b{display:block;margin-bottom:6px}.connection-main{padding:22px}.connection-status{align-items:flex-start}.orb{width:60px;height:60px}.qr-box{grid-template-columns:1fr;padding:18px}.qr-box img,.qr-loading{width:min(100%,240px);margin:auto}.facts{display:none}.apps-table .tr{grid-template-columns:1.3fr .7fr 25px}.apps-table .tr>span:nth-child(3),.apps-table .tr>span:nth-child(4){display:none}.delivery-table .tr{grid-template-columns:1.2fr .8fr .8fr}.delivery-table .tr>span:nth-child(2),.delivery-table .tr>span:nth-child(3){display:none}.form-grid{grid-template-columns:1fr}.filters{display:grid;grid-template-columns:1fr 1fr}.filters label{min-width:0}.audit-list article{grid-template-columns:auto 1fr}.audit-list time{grid-column:2}.login-card{padding:35px 25px}.login-card .logo{margin-bottom:55px}.drawer-body{padding:22px}.drawer>header{padding:20px 22px}.toast{right:14px;bottom:84px;left:14px}.skeleton{grid-template-columns:1fr 1fr}.template-card{min-height:190px}}@media(max-width:420px){.health-grid,.filters{grid-template-columns:1fr}.token-list dl{grid-template-columns:1fr 1fr}.login-card h1{font-size:3rem}}