:root{--accent:#885b3e;--accent-light:#eee6dc;--ink:#302e2b;--muted:#827b72;--line:#e5dfd6;--surface:#fff;--bg:#f6f3ed;--radius:16px}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #8bc8ae}.shell{min-height:100vh;display:flex}aside{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex:none;width:246px;height:100vh;padding:31px 18px;display:flex;position:sticky;top:0}.brand{letter-spacing:-1.1px;align-items:center;gap:11px;padding:0 14px 33px;font-size:29px;font-weight:750;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:11px;place-items:center;width:37px;height:37px;font-family:Georgia,serif;font-size:33px;font-style:italic;display:grid}.brand-dot{color:#aa754b}.workspace{border:1px solid var(--line);background:#f8f5f0;border-radius:12px;align-items:center;gap:11px;padding:14px 12px;display:flex}.workspace>span:last-child{margin-left:auto}.workspace b{font-size:12px}.workspace small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.avatar,.user-avatar{color:#75634f;background:#eae2d7;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.nav-label{color:#8e9891;letter-spacing:1.4px;padding:31px 14px 13px;font-size:9px;font-weight:700}nav button{color:#7d7368;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;width:100%;margin-bottom:7px;padding:13px 14px;font-size:12px;font-weight:600;display:flex}nav button>span{width:22px;font-size:21px}nav button.selected{color:var(--accent);background:var(--accent-light)}nav button:hover{background:#f4ede3}nav i{background:#fff;border-radius:5px;margin-left:auto;padding:2px 6px;font-size:10px;font-style:normal}.sidebar-foot{color:#7b6a57;margin-top:auto;padding:20px 12px 0;font-size:11px}.sidebar-foot small{color:var(--muted);margin:7px 0 0 15px;font-size:10px;display:block}.green-dot,.amber-dot{background:#9b7949;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.amber-dot{background:#c4933c}.content{flex:1;min-width:0}header{border-bottom:1px solid var(--line);color:#849087;background:#ffffffa8;align-items:center;gap:20px;height:81px;padding:0 42px;font-size:12px;display:flex}header div{flex:1}header div span{color:#b2bbb4;margin:0 14px}header b{color:#344a3c;font-weight:500}.preview-tag{letter-spacing:1px;color:#65785d;border:1px solid #dce5d9;border-radius:5px;padding:5px 8px;font-size:9px}.user-avatar{border-radius:50%;width:32px;height:32px;font-size:11px}main{max-width:1560px;margin:auto;padding:39px 42px 18px}.heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:1.8px;color:#7d8e7c;font-size:9px;font-weight:700}h1{letter-spacing:-1.15px;margin:10px 0;font-size:32px;font-weight:600}p{color:var(--muted);margin:7px 0;font-size:12px;line-height:1.8}h2{letter-spacing:-.3px;margin:0 0 6px;font-size:16px;font-weight:600}h3{font-size:16px}.button{background:var(--accent);border:1px solid var(--accent);color:#fff;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:15px;padding:11px 16px;font-size:11px;font-weight:600;display:inline-flex}.button.secondary{color:#4a6254;background:#fff;border-color:#dce3d9}.button:hover:not(:disabled){filter:brightness(.96)}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:21px 20px}.stat>span{color:#778679;font-size:11px}.stat strong{letter-spacing:-1px;margin:14px 0 9px;font-size:27px;font-weight:600;display:block}.stat strong.good{color:var(--accent)}small{color:var(--muted);font-size:10px}.stat small{line-height:1.6;display:block}.overview-grid{grid-template-columns:1.1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:24px;padding:26px}.overview-grid .card{margin-bottom:0}.welcome{background:#eee5d7;min-height:344px;padding:33px;position:relative;overflow:hidden}.pill{color:#8c6b49;letter-spacing:.7px;background:#f1e9de;border-radius:5px;padding:5px 8px;font-size:8px;font-weight:700;display:inline-block}.welcome .pill{background:#dfd0bb}.welcome h2{letter-spacing:-1px;z-index:1;margin-top:25px;font-size:28px;line-height:1.3;position:relative}.welcome p{z-index:1;font-size:11px;position:relative}.welcome .button{z-index:1;margin-top:22px;position:relative}.orb{color:#b8a081;opacity:.7;background:#e5d9c7;border-radius:50%;place-items:center;width:224px;height:224px;font-size:92px;display:grid;position:absolute;bottom:-18px;right:-22px;transform:rotate(-17deg)}.card-title{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:21px;display:flex}.card-title>span{color:var(--muted);font-size:10px}.step{align-items:center;gap:14px;margin:16px 0;display:flex}.step-icon{color:#9ca899;border:1px solid #e2e7de;border-radius:50%;place-items:center;width:27px;height:27px;font-size:10px;display:grid}.step-icon.done{color:#9a7448;background:#eee4d5;border-color:#eee4d5}.step b{font-size:11px;font-weight:550}.step small{margin-top:4px;font-size:10px;display:block}.routes-summary{justify-content:space-between;align-items:center;gap:20px;padding:28px 31px;display:flex}.routes-summary h2{margin-top:12px;font-size:20px}.relay-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.relay{position:relative}.relay .pill{position:absolute;top:24px;right:20px}.relay-symbol{color:#8d6943;background:#f2e9dc;border-radius:10px;place-items:center;width:39px;height:39px;margin-bottom:19px;font-size:24px;display:grid}.relay h2{font-size:15px}.relay-state{color:#97763f;border-top:1px solid var(--line);margin-top:21px;padding-top:15px;font-size:10px}.relay>small{margin-top:8px;display:block}.table-scroll{overflow:auto}table{border-collapse:collapse;white-space:nowrap;text-align:left;width:100%}th{color:#8a968a;letter-spacing:1px;border-bottom:1px solid var(--line);background:#f8f9f6;padding:13px;font-size:8px;font-weight:600}td{border-bottom:1px solid var(--line);padding:18px 13px;font-size:11px}td b{font-weight:550}td small{margin-top:6px;display:block}.order{border:1px solid var(--line);color:#71806e;background:#fff;border-radius:6px;padding:5px 8px;font-size:10px}.toggle{background:#d8ded6;border:0;border-radius:12px;width:33px;height:19px;padding:3px;display:block}.toggle span{background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .15s;display:block}.toggle.on{background:var(--accent)}.toggle.on span{transform:translate(14px)}.fallback{align-items:end;gap:20px;margin:24px 0 16px;display:flex}.fallback>span{color:#8c9988;align-self:center;margin-top:20px}label{color:#768671;flex-direction:column;gap:7px;font-size:10px;display:flex}select,input{color:var(--ink);background:#fff;border:1px solid #dce4d7;border-radius:7px;min-width:160px;padding:10px;font-size:11px}.footnote{max-width:900px;font-size:10px}.rule-form{background:#f7f9f4;border-radius:10px;flex-wrap:wrap;align-items:end;gap:14px;margin-bottom:18px;padding:18px;display:flex}.notice{color:#776047;background:#eee7da;border-radius:9px;justify-content:space-between;gap:12px;margin-bottom:20px;padding:14px 18px;font-size:12px;line-height:1.6;display:flex}.notice button{color:inherit;background:0 0;border:0;font-size:20px}.message-row{text-align:left;width:100%;color:var(--ink);background:#fff6f4;border:1px solid #f2dcd4;border-left:4px solid #cd775e;border-radius:8px;align-items:center;gap:17px;padding:18px;display:flex}.message-row>div{flex:1}.message-row b{font-size:12px}.message-row small{margin-top:6px;display:block}.message-icon{color:#bd755b;border:1px solid #cc8e76;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.pill.danger{color:#b2674c;background:#fae8e1}.message-preview{border:1px solid var(--line);border-radius:10px;margin-top:24px;padding:20px}.warning{color:#947441;background:#fff5e5;border-radius:8px;margin-top:18px;padding:15px 18px;font-size:11px;line-height:1.7}.disabled-link{color:#aab0a7;font-size:11px;text-decoration:line-through}.actions{gap:12px;margin:22px 0;display:flex}.status-good{color:#987649}.node{align-items:center;gap:20px;margin:24px 0;display:flex}.node-symbol{color:#8f7755;background:#eee4d6;border-radius:14px;place-items:center;width:56px;height:56px;font-size:34px;display:grid}.stats.inner{margin-bottom:0}.inner .stat{background:#f9faf6}.next-node p{max-width:700px;margin-bottom:20px}footer{color:#9aa394;justify-content:space-between;margin-top:33px;padding:12px 0;font-size:9px;display:flex}.muted{color:#89947f}@media (min-width:1500px){main{padding-top:47px}.welcome{min-height:370px}}@media (max-width:1100px){aside{width:210px;padding-left:12px;padding-right:12px}main{padding:28px 24px}header{padding:0 24px}.stats{gap:10px}.stat{padding:18px 14px}.stat strong{font-size:23px}.overview-grid{grid-template-columns:1fr}.relay-grid{gap:10px}.relay{padding:20px}.fallback{flex-wrap:wrap}.relay h2{font-size:13px}}@media (max-width:720px){.shell{display:block}aside{width:100%;height:auto;padding:15px;position:relative}.brand{padding:0 7px 15px;font-size:24px}.workspace,.nav-label,.sidebar-foot{display:none}nav{gap:5px;display:flex;overflow:auto}nav button{white-space:nowrap;width:auto;margin-bottom:0;padding:9px;font-size:10px}nav button>span{width:auto;font-size:17px}nav i{display:none}header{gap:10px;height:55px;padding:0 17px;font-size:10px}main{padding:24px 16px}h1{font-size:27px}.heading{align-items:flex-start}.heading>.button{display:none}.stats{grid-template-columns:repeat(2,1fr)}.relay-grid{grid-template-columns:1fr}.routes-summary{display:block}.routes-summary .button{margin-top:17px}.welcome{padding:25px}.orb{width:180px;height:180px}.card{padding:20px}.fallback{gap:12px}.actions{flex-wrap:wrap}footer{gap:15px;line-height:1.6}.message-row{gap:10px;padding:12px}.message-row small{font-size:9px}.eyebrow{font-size:8px}}.orb svg{stroke-width:.8px;width:98px;height:98px}nav svg{flex:none}.button{text-decoration:none}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#29262288;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.login-card{border:1px solid var(--line);background:#fffdf9;border-radius:18px;width:min(430px,100%);padding:35px;position:relative;box-shadow:0 24px 90px #241e1633}.login-card h2{margin-top:18px;font-size:25px}.login-card form{gap:18px;margin-top:24px;display:grid}.login-card input{width:100%}.login-card .close{color:#8f8070;background:0 0;border:0;font-size:24px;position:absolute;top:12px;right:16px}.form-error{color:#ac503f;font-size:11px}.empty-state{text-align:center;color:var(--muted);padding:45px 20px}.empty-state>svg{color:var(--accent);margin-bottom:18px}.report-actions,.report-filters{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.report-filters{margin-bottom:23px}.direction{border-radius:5px;padding:5px 9px;font-size:10px;display:inline-block}.direction.incoming{color:#4d6b80;background:#e6edf2}.direction.outgoing{color:#926b37;background:#f4e9d6}@media (max-width:720px){header .preview-tag{display:none}header .button{padding:8px;font-size:9px}.card-title{flex-wrap:wrap}}@media print{aside,header,.heading>.button,.report-actions,.report-filters,.button,footer{display:none!important}.shell{display:block}main{padding:0}.card{border:0;padding:0}body{color:#000;background:#fff}.table-scroll{overflow:visible}table{white-space:normal;font-size:10px}td,th{padding:8px;font-size:9px}.direction{color:#000!important;background:0 0!important}}nav{scrollbar-width:thin;scrollbar-color:#dcd3c6 transparent;flex:1;min-height:0;overflow-y:auto}nav button{margin-bottom:3px;padding:10px 12px;font-size:11px}.sidebar-foot{padding-top:16px}.nav-group-label{letter-spacing:1px;text-transform:uppercase;color:#998b7c;padding:21px 12px 10px;font-size:8px;font-weight:600}.draft-banner{color:#806f57;background:#f5efe5;border:1px solid #e9dfcf;border-radius:9px;align-items:center;gap:10px;margin-bottom:23px;padding:12px 16px;font-size:11px;display:flex}.draft-banner>span:last-child{color:#9a8a72;margin-left:auto;font-size:10px}.draft-square{background:#ab8258;width:6px;height:6px}.module-tools{justify-content:space-between;align-items:center;gap:18px;margin-bottom:19px;display:flex}.module-tools input{background:#fcfaf6;min-width:240px}.module-tools>span{color:var(--muted);font-size:10px}.text-button{color:var(--accent);text-align:left;background:0 0;border:0;padding:5px 0;font-size:11px}.module-note{color:#a18b6e;align-items:flex-start;gap:13px;padding:4px 4px 20px;display:flex}.module-note svg{flex:none;margin-top:6px}.module-note p{max-width:1000px;font-size:11px}.editor-card{border:1px solid var(--line);background:#fffdf9;border-radius:16px;width:min(730px,100%);max-height:90vh;padding:29px;overflow:auto;box-shadow:0 24px 90px #241e1633}.editor-card h2{margin-top:9px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0;display:grid}.form-grid label{min-width:0}.form-grid input,.form-grid select{width:100%;min-width:0}textarea{color:var(--ink);resize:vertical;min-height:110px;font:inherit;border:1px solid #dce4d7;border-radius:7px;padding:12px;font-size:12px}.editor-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:12px;margin-top:24px;padding-top:21px;display:flex}.two-column{grid-template-columns:1fr 1fr;gap:22px;display:grid}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:19px 0;display:flex}.setting-row b{font-size:12px;font-weight:550}.setting-row p{margin-top:5px;font-size:10px}.setting-row .toggle{flex:none}.setting-row:last-child{border-bottom:0}.country-grid{grid-template-columns:1fr 1fr;gap:4px;margin-top:23px;display:grid}.choice{color:#665b4e;flex-direction:row;align-items:center;gap:10px;padding:13px 0;font-size:12px;display:flex}.choice input{width:15px;min-width:0;height:15px;accent-color:var(--accent);margin:0}.wizard{max-width:1000px}.wizard-steps{border-bottom:1px solid var(--line);color:#a3998e;justify-content:space-between;gap:15px;padding-bottom:25px;font-size:11px;display:flex}.wizard-steps>div{align-items:center;gap:9px;display:flex}.wizard-steps span{border:1px solid #ded5c8;border-radius:50%;place-items:center;width:26px;height:26px;font-size:10px;display:grid}.wizard-steps .active{color:var(--accent)}.wizard-steps .active span{background:var(--accent);border-color:var(--accent);color:#fff}.wizard-steps .complete span{color:#8a6746;background:#eee4d6}.wizard-body{min-height:250px;padding:30px 4px}.wizard-body h2{margin:13px 0 25px;font-size:23px}.wizard-body>label{max-width:500px}.wizard-actions{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding-top:23px;display:flex}.plan-choices{grid-template-columns:1fr 1fr;gap:18px;display:grid}.plan-choice{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fcfaf6;border-radius:12px;padding:25px 22px}.plan-choice b{font-size:17px;font-weight:550;display:block}.plan-choice span{color:var(--muted);margin-top:14px;font-size:11px;line-height:1.6;display:block}.plan-choice.chosen{background:#f4ebdf;border-color:#b18a62}.dropzone{color:#9b7d59;background:#faf6ef;border:1px dashed #c8b398;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:13px;margin:20px 0;padding:26px;display:flex}.dropzone input{border:0;min-width:0;max-width:100%;padding:5px;font-size:10px}.dropzone b{font-size:12px;font-weight:500}.dropzone span{font-size:10px}.file-list{color:#8c755a;padding-left:17px;font-size:11px;line-height:1.8}.review{grid-template-columns:170px 1fr;gap:20px;font-size:12px;display:grid}.review dt{color:var(--muted)}.review dd{color:var(--ink);margin:0}.audit-types .setting-row{justify-content:flex-start}.mailbox{grid-template-columns:160px 265px 1fr;min-height:560px;padding:0;display:grid;overflow:hidden}.mail-folders{border-right:1px solid var(--line);background:#faf7f1;padding:23px 16px}.mail-folders>.button{width:100%;margin-bottom:25px}.mail-folder{color:#827464;text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;width:100%;padding:12px;font-size:11px;display:flex}.mail-folder.active{color:#8a6746;background:#eee4d6}.mail-list{border-right:1px solid var(--line);padding:25px 0}.mail-list>h2{padding:0 17px 17px;font-size:13px}.mail-item{border:0;border-top:1px solid var(--line);color:var(--ink);text-align:left;background:#fff;width:100%;min-height:105px;padding:19px 16px;display:block}.mail-item b,.mail-item span,.mail-item small{display:block}.mail-item b{font-size:11px;font-weight:500}.mail-item span{margin:8px 0;font-size:10px}.mail-item.active{background:#f6f0e7}.mail-item.quarantined{background:#fff5ef;border-left:3px solid #bd6a50}.mail-detail{padding:29px}.mail-detail>.eyebrow{margin:15px 0;display:block}.mail-detail h2{font-size:20px;line-height:1.4}.mail-body{white-space:pre-wrap;color:#7a6e61;margin:32px 0;font-size:12px;line-height:1.9}.editor-card>form>label{margin:16px 0}@media (max-width:1200px){.mailbox{grid-template-columns:140px 220px 1fr}.mail-detail{padding:22px}.two-column{grid-template-columns:1fr}}@media (max-width:720px){nav{flex:none;overflow:auto hidden}.module-nav-item{display:contents}.nav-group-label{display:none}.draft-banner{flex-wrap:wrap;line-height:1.7}.draft-banner>span:last-child{margin-left:16px;font-size:9px}.form-grid,.plan-choices{grid-template-columns:1fr}.module-tools{flex-direction:column;align-items:flex-start}.module-tools input{width:100%;min-width:0}.editor-card{max-height:92vh;padding:22px}.wizard-steps{gap:5px}.wizard-steps>div{text-align:center;flex-direction:column;font-size:8px;line-height:1.5}.wizard-steps span{width:23px;height:23px}.review{grid-template-columns:120px 1fr;gap:15px;font-size:11px}.country-grid{grid-template-columns:1fr 1fr}.mailbox{display:block}.mail-folders{border-bottom:1px solid var(--line);border-right:0;align-items:center;gap:8px;padding:12px;display:flex;overflow:auto}.mail-folders>.button{white-space:nowrap;width:auto;margin:0}.mail-folder{white-space:nowrap;width:auto}.mail-list{border-bottom:1px solid var(--line);border-right:0;max-height:240px;padding:16px 0;overflow:auto}.mail-list h2{padding-bottom:0}.mail-item{min-height:80px;padding:14px}.mail-detail{padding:20px}.heading{margin-bottom:23px}}@media print{.draft-banner,.module-tools,.module-note,.editor-actions,.modal-backdrop{display:none!important}}.mobile-navigation{display:none}@media (max-width:720px){aside{grid-template-columns:1fr 1fr;align-items:center;gap:12px;display:grid}.brand{padding:0 4px}.mobile-navigation{color:#9b8975;gap:5px;font-size:8px;display:flex}.mobile-navigation select{width:100%;min-width:0;padding:9px;font-size:11px}aside nav{display:none}.module-tools input{font-size:12px}.mail-detail>.warning{margin-top:0}}@media print{.mobile-navigation{display:none!important}}
:root,[data-palette=keppel]{--brand-50:#f3faf8;--brand-100:#d5f2eb;--brand-200:#abe4d7;--brand-300:#79cfbe;--brand-400:#4db3a2;--brand-500:#349889;--brand-600:#277a6f;--brand-700:#236258;--brand-800:#204f4a;--brand-900:#1f423e;--brand-950:#0c2725}[data-palette=chestnut]{--brand-50:#fcf5f4;--brand-100:#f9ecea;--brand-200:#f2dbd9;--brand-300:#e8beb9;--brand-400:#da9792;--brand-500:#c96f6a;--brand-600:#b34d4d;--brand-700:#953b3d;--brand-800:#7d3438;--brand-900:#6c2f34;--brand-950:#3b1618}[data-palette=seagull]{--brand-50:#f2f9fd;--brand-100:#e3f2fb;--brand-200:#c1e4f6;--brand-300:#8acfef;--brand-400:#68c2e8;--brand-500:#259ed2;--brand-600:#177fb2;--brand-700:#146590;--brand-800:#145678;--brand-900:#164864;--brand-950:#0f2e42}:root{--accent:var(--brand-700);--accent-light:var(--brand-100);--ink:#202326;--muted:#656d75;--line:#e5e7e9;--bg:#f7f8fa;--radius:22px}body{font-family:Segoe UI,Arial,sans-serif}button,input,select,textarea{accent-color:var(--accent)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.brand-dot{color:var(--accent)}.brand-mark{background:#252629;font-family:inherit;font-size:28px;font-style:normal}.workspace,.inner .stat,.module-tools input{background:#f7f8f9}.avatar,.user-avatar{background:var(--brand-100);color:var(--brand-900)}nav button{color:#606871;border-radius:12px}nav button:hover{background:#f3f4f5}.nav-group-label,.nav-label,.eyebrow{color:#727a82}header{color:#727a82;background:#fff}header b{color:var(--ink)}.button{background:#27282b;border-color:#27282b;border-radius:999px;padding:11px 19px;font-size:12px;box-shadow:inset 0 0 0 1px #ffffff20,0 2px 4px #18202b0b}.button.secondary{color:#30373e;box-shadow:none;background:#fff;border-color:#d9dde1}.card,.stat{box-shadow:0 3px 8px #1a263005}.card h2{font-weight:600}p{font-size:13px}.welcome{background:var(--brand-100)}.welcome .pill{background:var(--brand-200);color:var(--brand-900)}.orb{background:var(--brand-200);color:var(--brand-700)}.pill{background:var(--brand-50);color:var(--brand-800);border-radius:999px}.step-icon.done,.relay-symbol,.node-symbol{background:var(--brand-100);color:var(--brand-800);border-color:var(--brand-100)}.notice,.draft-banner{background:var(--brand-50);color:var(--brand-900);border-color:var(--brand-200)}.draft-banner>span:last-child,.module-note,.choice,.mail-body{color:var(--muted)}.draft-square{background:var(--accent)}.editor-card,.login-card{background:#fff}.rule-form,th,.plan-choice{background:#f7f8f9}.plan-choice.chosen{background:var(--brand-50);border-color:var(--accent)}input,select,textarea{border-color:#d9dde1;border-radius:10px}.dropzone{background:var(--brand-50);color:var(--brand-800);border-color:var(--brand-300)}.wizard-steps .complete span{background:var(--brand-100);color:var(--accent)}.preview-tag{border-color:var(--line);color:var(--muted)}.status-good{color:#27725a}.green-dot{background:#27725a}.sidebar-foot{color:var(--muted)}.appearance{flex:none;align-items:center;gap:6px;display:flex}.appearance button{background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:27px;height:27px;padding:4px;display:grid}.appearance button span{background:var(--swatch);border-radius:50%;width:17px;height:17px}.appearance button[aria-pressed=true]{border-color:var(--ink)}header .appearance{flex:none}.mail-mode>aside{display:none}.mail-mode main{max-width:1800px}.mail-mode .heading .eyebrow{display:none}.mail-mode .heading{margin-bottom:20px}.mail-mode header>div:first-child{min-width:0}.mail-toolbar{flex-wrap:wrap;align-items:end;gap:20px;margin:0 0 20px;display:flex}.mail-toolbar label{color:var(--muted);gap:7px;font-size:11px;display:grid}.mail-toolbar select{min-width:250px}.mail-search{flex:1}.mail-search input{width:100%;min-width:160px}.mail-toolbar small{padding-bottom:11px}.mailbox{grid-template-columns:190px 310px minmax(0,1fr);min-height:600px}.mail-folders{background:var(--brand-50);padding:24px 14px}.mail-folder{color:#606871;border-radius:999px;margin:4px 0;padding:13px 15px;font-size:12px}.mail-folder.active{background:var(--brand-100);color:var(--brand-900);font-weight:600}.mail-item{min-height:110px;padding:22px}.mail-item.active{background:var(--brand-50);box-shadow:inset 3px 0 var(--accent)}.mail-item b{font-size:13px;font-weight:600}.mail-item span{font-size:12px;line-height:1.5}.mail-item.quarantined{background:#fff5f5;border-left:4px solid #be3e43}.mail-item.quarantined.active{box-shadow:inset 0 0 0 1px #eab6b8}.mail-body{max-width:720px;font-size:14px;line-height:1.9}.mail-detail{padding:36px}.mail-detail h2{letter-spacing:-.6px;font-size:24px}.mail-detail>p{border-bottom:1px solid var(--line);padding-bottom:20px}.layout-list{grid-template-rows:auto 1fr;grid-template-columns:190px minmax(0,1fr)}.layout-list .mail-folders{grid-row:1/3}.layout-list .mail-list{border-right:0;border-bottom:1px solid var(--line);padding:20px 0}.layout-list .mail-item{grid-template-columns:170px minmax(0,1fr) 160px;align-items:center;gap:12px;min-height:56px;padding:14px 22px;display:grid}.layout-list .mail-item span{margin:0}.layout-list .mail-detail{grid-column:2}.layout-minimal{border-radius:28px;grid-template-columns:170px 280px minmax(0,1fr)}.layout-minimal .mail-folders{background:#f8f9fa}.layout-minimal .mail-item{border:0;border-radius:12px;width:calc(100% - 20px);margin:4px 10px}.layout-minimal .mail-item.active{background:var(--brand-100);box-shadow:none}.layout-minimal .mail-detail{padding:45px}.layout-minimal .mail-folder.active{background:var(--brand-100)}.layout-compact{border-radius:10px;grid-template-columns:150px 260px minmax(0,1fr)}.layout-compact .mail-folders{padding:16px 8px}.layout-compact .mail-folder{border-radius:5px;padding:9px}.layout-compact .mail-item{min-height:83px;padding:13px}.layout-compact .mail-item span{margin:5px 0}.layout-compact .mail-detail{padding:24px}.layout-compact .button{border-radius:7px;padding:9px 12px}@media (max-width:1100px){.mailbox,.layout-minimal{grid-template-columns:150px 240px minmax(0,1fr)}.layout-list{grid-template-columns:150px minmax(0,1fr)}.layout-list .mail-item{grid-template-columns:130px minmax(0,1fr)}.layout-list .mail-item small{grid-column:2}.mail-detail,.layout-minimal .mail-detail{padding:24px}}@media (max-width:720px){.mail-mode header{flex-wrap:wrap;gap:12px;height:auto;min-height:65px;padding:12px 16px}.mail-mode header>div:first-child{flex-basis:100%}.mail-toolbar{gap:14px}.mail-toolbar label{width:100%}.mail-toolbar select{width:100%;min-width:0}.mail-toolbar small{padding:0}.mailbox,.layout-list,.layout-minimal,.layout-compact{min-height:0;display:block}.mailbox .mail-folders{gap:6px;padding:12px;display:flex;overflow:auto}.mailbox .mail-folder{flex:none;margin:0}.mailbox .mail-folders>.button{flex:none}.mailbox .mail-list{border-bottom:1px solid var(--line);border-right:0;max-height:300px}.layout-list .mail-item{min-height:95px;display:block}.layout-list .mail-item span{margin:6px 0}.mailbox .mail-detail{padding:24px}.appearance button{width:25px;height:25px}header{gap:10px}.mail-mode .heading h1{font-size:28px}}.appearance button span{margin:0}.webmail-access{border:1px solid var(--line);background:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:19px 22px;display:flex}.webmail-access b{font-size:14px}.webmail-access p{margin-bottom:0;font-size:12px}@media (max-width:720px){.webmail-access{flex-direction:column;align-items:flex-start}.secmail-pilot-notice{display:none}.mail-toolbar .mail-search{flex-basis:100%}.mail-toolbar small,.mail-toolbar input{width:100%}}@media print{.appearance,.mail-toolbar{display:none!important}}
:root{--accent:#236258;--accent-light:#e8f2ef;--ink:#25303c;--muted:#737f8c;--line:#e3e6e9;--surface:#fff;--bg:#f3f4f5;--aside:#f8f9fa;--field:#fff;--hover:#f0f2f4;--button:#25303c;--button-text:#fff;--shadow:#16233312;--radius:12px}:root[data-palette=chestnut]{--accent:#953b3d;--accent-light:#f5e9e8}:root[data-palette=seagull]{--accent:#146590;--accent-light:#e8f1f7}:root[data-mode=dark]{--ink:#dce2e9;--muted:#929daa;--line:#303640;--surface:#1c2027;--bg:#14171c;--aside:#191d23;--field:#20252d;--hover:#252b34;--button:#e2e7ed;--button-text:#18202a;--shadow:#00000028;--accent:#87c7b7;--accent-light:#243632}:root[data-mode=dark][data-palette=chestnut]{--accent:#dda19e;--accent-light:#3a2b30}:root[data-mode=dark][data-palette=seagull]{--accent:#88c8e7;--accent-light:#233644}body{background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}aside{background:var(--aside);border-color:var(--line);gap:0;width:248px;padding:28px 14px}.brand{letter-spacing:-.7px;color:var(--ink);padding:0 12px 28px;font-size:23px;font-weight:620}.brand-mark{background:var(--button);color:var(--button-text);width:34px;height:34px;font:inherit;border-radius:10px}.brand-mark svg{width:21px;height:21px}.workspace{background:var(--surface);border-color:var(--line);padding:13px 12px}.workspace small,.sidebar-foot,.sidebar-foot small,.nav-label,.nav-group-label{color:var(--muted)}.workspace .avatar,.user-avatar{background:var(--hover);color:var(--ink)}aside nav{min-height:0;margin-top:6px;padding-right:2px;overflow-y:auto}.nav-label{padding-top:24px}.nav-group-label{letter-spacing:.7px;font-size:10px}nav button{color:var(--muted);border-radius:8px;min-height:43px;margin:3px 0;padding:11px 12px;font-size:13px;font-weight:450}nav button.selected{background:var(--accent-light);color:var(--accent);font-weight:600}nav button:hover{background:var(--hover);color:var(--ink)}.sidebar-foot{border-top:1px solid var(--line);padding-top:18px;font-size:11px}header{background:var(--surface);border-color:var(--line);height:72px;color:var(--muted);z-index:20;gap:16px;padding:0 32px;position:sticky;top:0}header b{color:var(--ink);font-weight:550}header>div{flex:initial}header>div:first-child{flex:1}.preview-tag{border-color:var(--line);color:var(--muted);background:var(--aside);letter-spacing:.7px}.appearance{background:var(--aside);border:1px solid var(--line);border-radius:9px;align-items:center;gap:4px;padding:5px;display:flex}.appearance button{background:0 0;border-color:#0000}.appearance button[aria-pressed=true]{border-color:var(--accent);background:var(--surface)}.appearance .mode-button{width:auto;height:28px;color:var(--ink);border-radius:6px;padding:0 9px;font-size:11px}.session-button{text-overflow:ellipsis;max-width:220px;overflow:hidden}main{max-width:1480px;padding:32px}.heading{margin-bottom:26px}.heading h1{letter-spacing:-.8px;font-size:29px;font-weight:600}.eyebrow{color:var(--muted);letter-spacing:1.3px;font-size:9px}.heading p,p,small,.footnote,.muted{color:var(--muted)}h2{color:var(--ink);font-size:16px;font-weight:600}.card,.stat,.login-card{background:var(--surface);border-color:var(--line);border-radius:var(--radius);box-shadow:0 2px 6px var(--shadow)}.card{padding:26px}.stat{padding:22px}.stat>span,.stat small{color:var(--muted)}.stat strong{color:var(--ink);font-size:27px}.stat strong.good{color:var(--accent)}.card-title>span{color:var(--muted)}.welcome,.inner .stat{background:var(--surface)}.welcome h2{font-size:27px;font-weight:550;line-height:1.4}.orb{background:var(--accent-light);color:var(--accent);opacity:.35}.pill,.welcome .pill{background:var(--accent-light);color:var(--accent);border-radius:5px;font-size:9px}.relay-symbol,.node-symbol,.step-icon.done{background:var(--accent-light);color:var(--accent);border-color:var(--accent-light)}.relay-state,.status-good{color:var(--accent)}.step-icon{border-color:var(--line);color:var(--muted)}.green-dot{background:var(--accent)}.button{background:var(--button);color:var(--button-text);border-color:var(--button);border-radius:8px;gap:9px;min-height:40px;padding:10px 16px;font-size:12px;font-weight:550}.button.secondary,.order{background:var(--aside);color:var(--ink);border-color:var(--line)}.toggle{background:var(--line)}.toggle.on{background:var(--accent)}.toggle span{background:var(--surface)}input,select,textarea{background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:8px;min-height:40px;padding:10px 12px;font-size:13px}label{color:var(--ink);gap:8px;font-size:12px;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--muted)}.rule-form,.fallback,.module-form,.report-filters{background:var(--aside);border-color:var(--line)}table th{background:var(--aside);color:var(--muted);border-color:var(--line);letter-spacing:.6px;font-size:10px}table td{color:var(--ink);border-color:var(--line);font-size:12px}table tr:hover td{background:var(--hover)}.notice{background:var(--accent-light);color:var(--accent);border:1px solid var(--line)}.warning{color:#805b25;background:#fff5e5}.form-error{color:#a2343d}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#09111a8c}.login-card{border:1px solid var(--line)}footer{color:var(--muted);border-top:1px solid var(--line);padding-top:18px;font-size:10px}.mobile-navigation{color:var(--ink)}[data-mode=dark] .warning{color:#edc992;background:#3b3020}[data-mode=dark] .form-error{color:#f2a0a9}[data-mode=dark] .message-row{color:var(--ink);background:#38272c;border-color:#66414b}[data-mode=dark] .message-preview{background:var(--surface);border-color:var(--line)}[data-mode=dark] .pill.danger{color:#f2a0a9;background:#482c32}.portal-auth{isolation:isolate;background:var(--bg);place-items:center;max-width:none;min-height:100dvh;padding:28px;display:grid;position:relative;overflow:hidden}.portal-auth:before{content:"";z-index:-1;background:var(--surface);border-block:1px solid var(--line);width:140vw;height:360px;position:absolute;top:18%;left:-20vw;transform:rotate(-13deg)}.portal-auth-card{border:1px solid var(--line);background:var(--surface);width:432px;max-width:100%;box-shadow:0 8px 32px var(--shadow);border-radius:16px;padding:34px 36px}.portal-auth-symbol{background:var(--button);width:38px;height:38px;color:var(--button-text);border-radius:11px;place-items:center;margin-bottom:25px;display:grid}.portal-auth-card h1{letter-spacing:-.5px;margin:0 0 25px;font-size:22px;font-weight:620}.portal-auth-card form{gap:18px;display:grid}.portal-auth-card input{width:100%;min-height:48px}.portal-auth-card .button{background:var(--accent);border-color:var(--accent);color:#fff;width:100%;min-height:48px;margin-top:6px}[data-mode=dark] .portal-auth-card .button{color:#14171c}.portal-auth-card .form-error{margin:0;font-size:12px;line-height:1.6}.list-layout{grid-template-columns:1fr 1fr;gap:22px;display:grid}.list-form{gap:15px;display:grid}.list-form input,.list-form select,.list-form textarea{width:100%}.list-consent{color:var(--muted);flex-direction:row;align-items:flex-start;gap:10px;font-size:12px;display:flex}.list-consent input{min-width:16px;min-height:16px;accent-color:var(--accent);margin-top:3px}@media (max-width:1100px){header{gap:10px;padding:0 24px}main{padding:26px 24px}aside{width:220px}.brand{font-size:20px}.appearance{gap:2px}.appearance .mode-button{padding:0 5px}.session-button{max-width:160px}}@media (max-width:800px){.shell{display:block}aside{background:var(--surface);border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto;padding:18px 20px;position:relative}aside .brand{margin:0;padding:0;font-size:22px}aside .workspace,aside nav,aside .nav-label,aside .sidebar-foot{display:none}.mobile-navigation{margin-top:18px;display:flex}.mobile-navigation select{width:100%;min-width:0}header{flex-wrap:wrap;gap:10px;height:auto;min-height:62px;padding:12px 18px}header>div:first-child{flex:1;min-width:120px}.preview-tag{display:none}main{padding:24px 18px}.heading{flex-wrap:wrap;align-items:flex-start;gap:12px}.heading h1{font-size:25px}.card{padding:21px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid,.relay-grid,.list-layout{grid-template-columns:1fr}.fallback{flex-wrap:wrap;align-items:stretch;gap:14px}.fallback label{flex:1;min-width:160px}.routes-summary{flex-direction:column;align-items:flex-start;padding:22px}.session-button{max-width:180px}footer{flex-wrap:wrap;gap:12px}.portal-auth-card{padding:28px 24px}}@media (max-width:430px){main{padding:20px 14px}.card{padding:18px}.stats{gap:10px}.stat{padding:18px 14px}.stat strong{font-size:24px}.appearance{gap:0}.appearance button{width:26px;height:26px}.session-button{max-width:140px;padding:8px;font-size:10px}.portal-auth{padding:20px}.portal-auth-card h1{font-size:20px}input,select,textarea{font-size:16px}.button{min-height:44px}}
