:root{color-scheme:dark;--bg:#091a2c;--panel:#11283f;--panel-alt:#0e2238;--line:#2a435a;--muted:#819db4;--text:#dbe8f3;--cyan:#7bd7e9;--green:#7cd0b8;--yellow:#e8bd69}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer;background:#163149;border:1px solid #304d65;color:var(--text);border-radius:6px;padding:8px 13px;transition:.15s}button:hover{background:#24455e;border-color:#6ea1bc}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--cyan);border-color:var(--cyan);color:#082536;font-weight:700}.primary:hover{background:#a4ebf7}header{min-height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);background:#0b1e31;gap:26px}.brand{display:flex;align-items:center;gap:20px;text-decoration:none;color:#ecf5fa}.brand img{width:140px;height:auto}.brand span{font-size:30px;line-height:1;border-left:1px solid #355066;padding-left:20px;font-weight:700;letter-spacing:2px}nav{display:flex;align-self:stretch;gap:5px}nav button{border:0;border-radius:0;background:transparent;color:var(--muted);padding:20px 18px;position:relative}nav button.active{color:var(--cyan);background:#11283b}nav button.active:after{content:"";height:2px;background:var(--cyan);bottom:0;left:18px;right:18px;position:absolute}.header-end,.actions{display:flex;align-items:center;gap:12px}.preview{font-size:10px;letter-spacing:1px;color:var(--cyan);border:1px solid #365870;border-radius:4px;padding:3px 7px}#clock{font:11px monospace;color:var(--muted)}#control{color:var(--green)}main{min-height:calc(100vh - 148px)}.page-title{padding:30px 32px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;color:#6fbad1;font-weight:700}h1{font-size:26px;letter-spacing:.5px;font-weight:600;margin:4px 0}h1 span{font:12px monospace;color:#9db8cb;background:#1c364d;padding:4px 10px;border-radius:20px;margin-left:12px}.page-title p{margin:3px 0;color:var(--muted);font-size:12px}#ownerText{font-size:11px;color:var(--muted)}#demoNotice{font-size:11px;color:#69889f;padding:0 32px 18px}.notice{margin:0 32px 14px;padding:10px 14px;background:#463820;color:#e8c883;border:1px solid #80673e;border-radius:5px}.node{background:var(--panel);border-top:1px solid #263f56;display:grid;grid-template-columns:145px minmax(235px,1fr) 32px minmax(275px,1.15fr) minmax(190px,.85fr) 96px;align-items:center;gap:22px;padding:28px 32px;min-height:250px}.node:nth-child(even){background:var(--panel-alt)}.node-name{font-size:17px;font-weight:650;overflow-wrap:anywhere}.node-key{font:10px monospace;color:var(--muted);margin-top:9px}.number{font:11px monospace;color:var(--cyan);margin-bottom:12px}.tag{display:inline-flex;align-items:center;border:1px solid #34536d;color:#92acc0;border-radius:4px;padding:2px 7px;font-size:10px;white-space:nowrap}.section-label{font-size:10px;letter-spacing:1px;color:#708fa8;margin:0 0 10px}.endpoint{padding:12px 13px;background:#0a2033;border:1px solid #2b465e;border-radius:6px;margin-bottom:9px}.endpoint:last-child{margin-bottom:0}.endpoint-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.status{font-size:10px;color:var(--green)}.status.warn{color:var(--yellow)}.status.off{color:#8b9cac}.status.bad{color:#ee8594}.endpoint small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.endpoint .addr{font:10px monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:8px;color:#8eaabd}.edge-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:7px}.flow-arrow{color:#4e839b;font-size:25px;text-align:center}.mini-links{display:flex;gap:8px}.mini-links span{font-size:9px;color:var(--green)}.mini-links .bad{color:#e2858e}.route{color:var(--green)}.route.backup{color:var(--yellow)}.chart-head{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}.chart-head b{color:var(--text);font-size:13px}.chart{width:100%;height:80px;margin:15px 0 4px}.chart-label{display:flex;justify-content:space-between;color:#6e91aa;font-size:9px}.node-actions{display:flex;flex-direction:column;gap:13px}.state{font-size:12px;letter-spacing:1px;font-weight:750;padding:11px 2px;border-radius:5px}.state.live{background:#9e3348;border-color:#c54d60;color:#ffe7ec}.state.ready{background:#154a3f;border-color:#2a7664;color:#92dec8}.state.wait{background:#55411f;color:#f5d797;border-color:#95733b}.text-actions{display:flex;justify-content:space-between;gap:6px}.text-actions button{border:0;background:none;color:#95afc3;padding:0;font-size:11px}.node-note{color:var(--yellow);font-size:10px;margin-top:6px}.empty{padding:90px 20px;text-align:center;color:var(--muted)}footer{padding:22px 32px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:10px;letter-spacing:.4px;color:#7693a9;background:#0b1e31}dialog{width:min(940px,92vw);max-height:90vh;overflow:auto;border:1px solid #365770;border-radius:12px;background:#10273e;color:var(--text);padding:28px;box-shadow:0 30px 110px #0008}dialog::backdrop{background:#04101dcc;backdrop-filter:blur(4px)}#editor{width:70vw}#controlDialog,#confirmDialog{width:min(580px,92vw)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h2{margin:3px 0;font-size:22px;font-weight:600}.close{font-size:28px;padding:0 7px;border:0;background:transparent}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}label{display:block;color:#a8c0d2;font-size:12px}input,select{display:block;width:100%;padding:10px 12px;background:#0a2034;border:1px solid #35556e;border-radius:5px;color:var(--text);margin:8px 0}input:focus,select:focus{outline:2px solid #70c6de55;border-color:#78cadf}label small,.hint{font-size:11px;color:var(--muted)}.hint{line-height:1.9}.config-path{background:#0b2033;padding:15px;border:1px solid #2a435b;border-radius:6px;margin-top:20px;font-size:12px}.config-path p{margin:8px 0 0;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.error{color:#ee9ba5;font-size:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-card{background:#0b2034;padding:18px;border:1px solid #2b465e;border-radius:7px}.detail-card h3{font-size:13px;margin:0 0 12px}.address-row{display:flex;gap:8px;align-items:center}.address-row input{font:11px monospace;min-width:0}.address-row button{font-size:11px;flex-shrink:0}.subheading{font-size:13px;margin:22px 0 12px}.detail-card button{font-size:11px}.logs{background:#091e31;padding:15px;max-height:200px;overflow:auto;font:11px/2 monospace;white-space:pre-wrap}.simulation{margin-top:18px;color:var(--muted);font-size:11px}.simulation summary{cursor:pointer}.simulation .actions{margin-top:12px;flex-wrap:wrap}.simulation button{font-size:11px}.server-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:0 32px 32px}.server-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:24px}.server-title{display:flex;align-items:center;justify-content:space-between}.server-title h2{font-size:18px}.server-card p{color:var(--muted);font-size:12px}.server-roles{display:flex;gap:8px;margin:12px 0 20px}.resource{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);padding-top:16px}.resource span{display:block;font-size:11px;color:var(--muted)}.resource strong{font:22px monospace}.history-list{margin:0 32px 32px;border:1px solid var(--line);border-radius:7px;overflow:hidden}.history-row{display:grid;grid-template-columns:160px 130px 1fr;gap:20px;padding:15px 20px;background:var(--panel);border-bottom:1px solid var(--line);font-size:12px}.history-row time{color:var(--muted);font:11px monospace}#toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:100;background:#24445a;border:1px solid #6489a1;border-radius:7px;padding:11px 22px;box-shadow:0 6px 30px #0006;font-size:13px}[hidden]{display:none!important}@media(max-width:1200px){header{flex-wrap:wrap;padding:16px 24px;gap:14px}nav{order:3;flex-basis:100%}nav button{padding:10px 18px}.node{grid-template-columns:110px 1fr 24px 1fr 90px;gap:16px}.chart-wrap{grid-column:2/5;display:none}.page-title{flex-wrap:wrap}}@media(max-width:760px){.node{grid-template-columns:1fr 90px;padding:22px 20px}.identity{grid-column:1}.source-col,.edge-col{grid-column:1/-1}.flow-arrow{display:none}.node-actions{grid-column:2;grid-row:1}.page-title{padding:24px 20px}.actions{flex-wrap:wrap}.header-end #clock{display:none}.brand img{width:108px}.brand span{font-size:26px}.server-grid,.detail-grid,.form-grid{grid-template-columns:1fr}#editor{width:92vw}footer{display:block}.history-row{grid-template-columns:1fr;gap:4px}#ownerText{display:none}}

/* NAT-style header toolbar */
header{gap:20px;padding:16px 24px}.header-end{margin-left:auto;justify-content:flex-end;gap:10px;flex-wrap:wrap}.header-end button{white-space:nowrap;font-size:12px}#serverName{font-size:12px;white-space:nowrap}#clock{white-space:nowrap}#control{padding:6px;border:0;background:transparent;font-size:20px;color:var(--green)}#control.read-only{color:#819db4}.settings-wrap{position:relative}#settingsMenu{position:absolute;right:0;top:calc(100% + 8px);min-width:140px;z-index:20;background:#11283f;border:1px solid var(--line);border-radius:6px;padding:6px;box-shadow:0 10px 30px #0005}#settingsMenu button{display:block;width:100%;text-align:left;background:none;border:0}#settingsMenu button:hover{background:#24455e}#serverTabs{display:flex;gap:10px;padding:0 32px 20px}#serverTabs button.active{border-color:var(--cyan);color:var(--cyan)}#previewLogout{width:min(440px,92vw)}@media(max-width:1200px){.header-end{flex:1}}@media(max-width:760px){.header-end{flex-basis:100%;justify-content:flex-start}.header-end #clock{display:inline}#serverTabs{flex-wrap:wrap;padding:0 20px 20px}}

body{min-height:100vh;display:flex;flex-direction:column}header{flex-shrink:0}main{min-height:0;flex:1}.site-footer{display:block;margin-top:auto;text-align:center;padding:22px 16px;color:var(--muted);font-size:11px;line-height:1.9;letter-spacing:.2px;background:#0a1d31;border-top:1px solid #20374d;flex-shrink:0}.site-footer span{display:inline}.site-footer time{margin-right:10px}#servers .server-grid{padding-top:24px}#history .history-list{margin-top:24px}.notice{margin-top:16px}

#serverConfig{padding-top:24px}.server-config-actions{padding:0 32px 32px;text-align:right}.server-config-actions .hint{display:block;margin-bottom:16px}#serverConfig label{margin-top:18px}

.flow-arrow{align-self:stretch;display:flex;align-items:center;padding-top:25px}.flow-arrow svg{display:block;width:100%;height:160px;overflow:visible}.node{grid-template-columns:145px minmax(235px,1fr) 72px minmax(275px,1.15fr) minmax(190px,.85fr) 96px}@media(max-width:1200px){.node{grid-template-columns:110px 1fr 56px 1fr 90px}}@media(max-width:760px){.node{grid-template-columns:1fr 90px}.flow-arrow{display:none}}

.edge-hotspot{cursor:pointer;transition:background .15s,border-color .15s}.edge-hotspot:hover{background:#15364d;border-color:#76bdd4}.edge-hotspot:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}#detail{width:100%;padding:28px 32px 40px;background:var(--bg)}.detail-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}#detailTitle{outline:none}#detail .detail-card{padding:24px}#detail .logs{max-height:none;min-height:100px}@media(max-width:760px){#detail{padding:22px 20px}.detail-page-head{align-items:flex-start;flex-direction:column}}

.pull-entry{margin-bottom:20px}.pull-entry>h3{font-size:13px;color:var(--cyan);margin:0 0 10px}.route-controls:empty{display:none}.route-controls{margin:18px 0}.detail-page-head .actions{flex-wrap:wrap}

.address-actions{display:flex;gap:6px;flex-shrink:0}.address-row input{flex:1;width:0}.address-row{flex-wrap:wrap}.address-disabled input{opacity:.5}.address-state{flex-basis:100%;font-size:11px;color:var(--yellow)}@media(max-width:760px){.address-row input{flex-basis:100%;width:100%}.address-actions{margin-bottom:8px}}

.address-disabled [data-toggle-address]{background:#38434e;border-color:#53606d;color:#a5aeb7}.address-disabled [data-toggle-address]:hover{background:#465360;border-color:#788694}.address-disabled input{color:#81909e;opacity:.55}

.input-legend{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;margin:5px 0;color:var(--muted)}.input-legend>span{display:flex;align-items:center;gap:6px}.input-legend b{color:var(--text);white-space:nowrap;font-size:11px}.series-swatch{display:inline-block;width:15px;flex-shrink:0;border-top:2px solid #89cde5}.series-swatch.shanghai{border-top:2px solid #e8bd69}

.server-body{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.server-description{min-width:0}.server-bandwidth{min-width:0;padding:16px 0}.bandwidth-values{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bandwidth-values span{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.bandwidth-values strong{font-size:20px;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.bandwidth-values>div:first-child strong{color:var(--cyan)}.bandwidth-values>div:last-child strong{color:var(--green)}.server-bandwidth small{display:block;color:var(--muted);font-size:10px;margin-top:12px}@media(max-width:1200px){.server-body{grid-template-columns:1fr}.server-bandwidth{padding:0 0 18px}}

.pull-entry-title{display:flex;align-items:center;gap:6px;margin:0 0 10px;color:var(--cyan);font-size:13px;font-weight:600}.pull-entry-name{display:inline-block;width:min(320px,80%);margin:0;padding:5px 8px;background:transparent;border:1px solid transparent;color:var(--cyan);font-weight:600}.pull-entry-name:hover{border-color:var(--line)}.pull-entry-name:focus{background:#0a2034;border-color:var(--cyan)}

@media(prefers-reduced-motion:reduce){.flow-particle{display:none}}

.server-flow{grid-column:1/-1;height:180px;margin:-20px 0;pointer-events:none}.server-flow svg{width:100%;height:100%;display:block}@media(max-width:760px){#servers .server-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 12px}#servers .server-card{padding:14px;min-width:0}#servers .server-title{align-items:flex-start;gap:6px}#servers .server-title h2{font-size:14px}#servers .server-roles{flex-wrap:wrap}#servers .tag{white-space:normal}#servers .resource{gap:8px;grid-template-columns:1fr}#servers .bandwidth-values{grid-template-columns:1fr}#servers .bandwidth-values strong{font-size:16px}.server-flow{height:140px;margin:-12px 0}}

.concurrency-controls{flex-basis:100%;display:flex;align-items:center;justify-content:flex-end;gap:10px;order:-1}.concurrency-controls label{display:flex;align-items:center;gap:8px;white-space:nowrap}.concurrency-controls input{flex:none;width:90px;margin:0;padding:5px 8px}.concurrency-controls small{color:var(--muted);font-size:10px}#connections{padding:28px 32px}.connection-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:7px}.connection-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.connection-table th,.connection-table td{padding:16px 20px;border-bottom:1px solid var(--line)}.connection-table th{background:var(--panel);color:var(--muted);font-weight:500}.connection-table td{font-variant-numeric:tabular-nums}@media(max-width:760px){.concurrency-controls{flex-wrap:wrap;justify-content:flex-start}#connections{padding:22px 20px}}

.backend-locked>header,.backend-locked>main,.backend-locked>footer{display:none}#backendGate{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}#backendLogin,.backend-welcome{width:min(480px,100%);padding:32px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}#backendLogin h2{text-align:center;margin-bottom:24px}#backendLogin>button{width:100%;margin-top:14px}.backend-welcome p{color:var(--muted)}#backendStatus{margin-bottom:6px;color:var(--cyan);font-size:11px}#passwordDialog{width:min(480px,92vw)}
/* Keep NAT's shared chrome on the login and initialization screens. */
body.backend-locked{min-height:100vh}.backend-locked>header{display:flex;order:0}.backend-locked>main{display:none}.backend-locked>footer{display:block;order:2}.backend-locked #backendGate{order:1;min-height:0;flex:1;width:100%;padding:48px 24px}.backend-locked .header-end>*{display:none}.backend-locked .header-end #clock{display:inline}.backend-locked #backendStatus{display:none}#backendLogin{width:min(430px,100%);padding:38px}#backendLogin h2{font-size:22px;text-align:center}#backendLogin label input{margin:8px 0 20px}#backendGate[hidden]{display:none}

.detail-heading{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.detail-heading h2{margin:0}.detail-heading .route-controls{margin:0}

/* Match the NAT login page's measured stylesheet, scoped to the login screen. */
body.backend-locked{background:#091a2d;color:#dce7f2;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;row-gap:24px}
.backend-locked>header{height:76px;min-height:76px;padding:0 32px;gap:20px;border-bottom:1px solid #20374d;background:#0a1d31;grid-row:1}
.backend-locked .brand{gap:9px;color:#cdeefa;font-size:28px}.backend-locked .brand img{display:block;width:144px;height:40px;object-fit:contain}.backend-locked .brand span{font-size:28px;font-weight:700;line-height:1;letter-spacing:.5px;color:#f5f6f6;margin-left:14px;border-left:1px solid #2b425a;padding-left:20px}
.backend-locked .header-end{gap:24px}.backend-locked .header-end #serverName{display:inline;font-size:12px;font-weight:400;color:#dce7f2;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backend-locked .header-end #clock{display:block;color:#849bb2;font:12px monospace}
.backend-locked #backendGate{grid-row:2;align-self:center;justify-self:center;padding:0;min-height:0;width:100%;background:transparent}
#backendLogin{max-width:430px;width:calc(100% - 32px);margin:0;padding:38px;border:1px solid #2b425a;border-radius:10px;background:#10263e;color:#dce7f2;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#backendLogin h2{margin:0 0 26px;font-size:20px;line-height:1.5;font-weight:600;letter-spacing:1px;text-align:center;color:#dce7f2}
#backendLogin label{display:block;font-size:12px;color:#b5c7d7}#backendLogin label input{font:inherit;display:block;width:100%;margin:8px 0 20px;background:#0b2034;border:1px solid #3d5971;border-radius:5px;padding:11px;color:#dce7f2;outline:none}#backendLogin input:focus{border-color:#7bcce7;box-shadow:0 0 0 2px #69c9e81a}
#backendLogin>button{font:inherit;width:100%;margin-top:10px;padding:8px 13px;border:1px solid #78d5ec;border-radius:5px;background:#78d5ec;color:#062235;font-weight:700}#backendLogin>button:hover{background:#78d5ec;border-color:#6b95b4}#backendLogin .error{color:#ff9ba6;font-size:12px}#backendLogin .error:empty{display:none}
.backend-locked>.site-footer{grid-row:3;margin-top:0;background:#0a1d31;border-top:1px solid #20374d;color:#849bb2;padding:22px 16px;font-size:11px;line-height:1.9;letter-spacing:.2px}
@media(max-width:1100px){.backend-locked>header{height:auto;min-height:76px;gap:16px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}.backend-locked .header-end{gap:12px;flex:1}}
@media(max-width:650px){.backend-locked>header{padding-left:16px;padding-right:16px}.backend-locked .brand img{width:112px;height:auto}.backend-locked .brand span{font-size:22px;margin-left:0;padding-left:10px}.backend-locked .header-end{flex-basis:100%;justify-content:flex-end}.backend-locked .header-end #clock{font-size:10px}}

/* Shared NAT header proportions, including the authenticated toolbar. */
header{height:76px;min-height:76px;padding:0 32px;flex-wrap:nowrap;gap:20px;background:#0a1d31;border-bottom:1px solid #20374d;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#dce7f2}
header .brand{flex-shrink:0;gap:9px;color:#cdeefa;font-size:28px}header .brand img{display:block;width:144px;height:40px;object-fit:contain}header .brand span{font-size:28px;font-weight:700;line-height:1;letter-spacing:.5px;margin-left:14px;border-left:1px solid #2b425a;padding-left:20px;color:#f5f6f6}
header .header-end{display:flex;flex:0 1 auto;align-items:center;justify-content:flex-end;gap:24px;flex-wrap:wrap;margin-left:auto}header #serverName{font-size:12px;font-weight:400;color:#dce7f2;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header .header-end #clock{display:block;white-space:nowrap;font:12px monospace;color:#849bb2}
header .header-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0}header .header-toolbar button{font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#dce7f2;white-space:nowrap;border:1px solid #2b425a;border-radius:5px;padding:8px 13px;background:#132d46}header .header-toolbar button.primary{background:#78d5ec;border-color:#78d5ec;color:#062235;font-weight:700}header .header-toolbar button:hover{filter:brightness(1.12)}header .header-toolbar #control{display:inline;padding:0;border:0;border-radius:0;background:transparent;color:#7cccba;font-size:11px;line-height:1.5}header .header-toolbar #control.read-only{color:#819db4}
header #settingsMenu{min-width:150px;padding:6px;background:#10263e;border:1px solid #34516c;border-radius:6px;box-shadow:0 12px 30px #0006;z-index:30}header #settingsMenu button{display:block;width:100%;text-align:left;padding:10px 14px;border:0;border-radius:4px;background:transparent}header #settingsMenu button:hover,header #settingsMenu button:focus-visible{background:#203e58}
@media(max-width:1100px){header{height:auto;min-height:76px;gap:16px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}header .header-end{gap:12px;flex:1}header .header-toolbar{justify-content:flex-end}}
@media(max-width:650px){header{padding-left:16px;padding-right:16px}header .brand img{width:112px;height:auto}header .brand span{font-size:22px;margin-left:0;padding-left:10px}header .header-end{flex-basis:100%;justify-content:flex-end}header .header-end #clock{font-size:10px}header .header-toolbar{gap:8px}header .header-toolbar button{font-size:11px;padding:7px 9px}}