:root{--green:#14532d;--green-mid:#15803d;--green-bright:#22c55e;--green-soft:#dcfce7;--green-pale:#f0fdf4;--amber:#f59e0b;--amber-soft:#fef3c7;--red:#dc2626;--red-soft:#fee2e2;--black:#050505;--charcoal:#111827;--slate:#334155;--grey:#6b7280;--muted:#f3f4f6;--light:#f7f8f6;--white:#fff;--border:#14532d29;--border-dark:#1118271a;--shadow:0 24px 70px #0505051f;--shadow-soft:0 16px 45px #05050514;--radius-lg:28px;--radius-md:20px;--radius-sm:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{background:var(--light);min-height:100%;color:var(--charcoal);margin:0;font-family:Avenir Next,Segoe UI Variable Text,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-shell{background:radial-gradient(circle at 0 0,#22c55e29,#0000 34%),radial-gradient(circle at 100% 0,#14532d14,#0000 28%),linear-gradient(135deg,#f7f8f6 0%,#fff 48%,#eef7ef 100%);min-height:100vh;padding:40px}.hero{grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);align-items:stretch;gap:24px;max-width:1240px;margin:0 auto 24px;display:grid}.hero-content,.status-card,.panel,.summary-strip{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0}.hero-content{padding:44px;position:relative;overflow:hidden}.hero-content:after{content:"";background:#14532d14;border-radius:999px;width:220px;height:220px;position:absolute;top:-70px;right:-70px}.hero-content>*{z-index:1;position:relative}.eyebrow{background:var(--green-soft);color:var(--green);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex}h1,h2,h3,p{margin-top:0}h1{max-width:860px;color:var(--black);letter-spacing:-.06em;margin:22px 0 16px;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:clamp(38px,5vw,72px);line-height:.94}h2{color:var(--black);margin-bottom:0;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:22px;line-height:1.2}h3{color:var(--black);margin-bottom:8px;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:16px;line-height:1.35}p{color:var(--grey);max-width:780px;margin-bottom:0;font-size:16px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-actions form{display:inline-flex}.button{border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:14px;font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex}.button:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.button.primary{background:var(--green);color:var(--white)}.button.secondary{border:1px solid var(--border);background:var(--white);color:var(--green)}.button.ghost{color:var(--slate);background:#ffffff8f;border:1px solid #11182714}.status-card{padding:28px}.hero-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.hero-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:30px;display:grid}.metric-tile{border-radius:var(--radius-md);background:#ffffffb8;border:1px solid #11182714;gap:8px;padding:16px;display:grid}.metric-tile span{color:var(--grey);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:800}.metric-tile strong{color:var(--black);font-size:22px;line-height:1.15}.metric-tile em{justify-self:start;font-style:normal}.status-header{color:var(--black);align-items:center;gap:10px;margin-bottom:22px;font-size:18px;font-weight:900;display:flex}.pulse{background:var(--green-bright);border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 8px #22c55e29}.status-list{gap:14px;display:grid}.status-list.dual{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}.status-row{color:var(--grey);border-bottom:1px solid #11182714;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;font-size:14px;display:flex}.status-row:last-child{border-bottom:0;padding-bottom:0}.badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.badge.good{background:var(--green-soft);color:var(--green)}.badge.warning{background:var(--amber-soft);color:#92400e}.badge.danger{background:var(--red-soft);color:var(--red)}.badge.muted{background:var(--muted);color:#374151}.summary-strip{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;max-width:1240px;margin:0 auto 24px;display:grid;overflow:hidden}.summary-strip div{background:#ffffffb8;padding:20px}.summary-strip span{color:var(--grey);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.summary-strip strong{color:var(--black);font-size:18px;line-height:1.2}.summary-strip em{margin-top:10px;font-style:normal;display:inline-flex}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1240px;margin:0 auto;display:grid}.panel{padding:28px}.panel-accent{background:linear-gradient(135deg,#f0fdf4e0,#fffffff5),#ffffffe0}.panel.wide{grid-column:span 2}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.flow{flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;display:flex}.flow div{background:var(--green-pale);color:var(--green);border-radius:18px;padding:12px 14px;font-size:14px;font-weight:900}.flow span{color:var(--green);font-weight:900}.mini-stack,.data-list{gap:10px;margin-top:20px;display:grid}.mini-stack div,.data-list div{border:1px solid var(--border-dark);border-radius:var(--radius-sm);background:#f7f8f6b3;justify-content:space-between;align-items:center;gap:16px;padding:13px 14px;display:flex}.mini-stack span,.data-list span{color:var(--grey);font-size:13px;font-weight:700}.mini-stack strong,.data-list strong{color:var(--black);text-align:right;font-size:14px}.tag-list{flex-wrap:wrap;gap:10px;display:flex}.tag-list span{color:var(--white);background:#111827;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:800}.safety-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.safety-card{border-radius:var(--radius-md);border:1px solid var(--border-dark);background:#f7f8f6d1;padding:18px}.safety-card>span{margin-bottom:12px;display:inline-flex}.safety-card p{font-size:14px;line-height:1.6}.steps{color:var(--grey);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin:0;padding-left:20px;line-height:1.7;display:grid}.steps li{padding-left:4px}.steps li::marker{color:var(--green);font-weight:900}.endpoint-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.operation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.endpoint-card{border:1px solid var(--border-dark);border-radius:var(--radius-md);background:#f7f8f6c2;flex-direction:column;min-height:100%;padding:18px;display:flex}.endpoint-card h3{margin-bottom:14px}.card-topline{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-topline h3{margin-bottom:0}.operation-card p{margin-top:14px}.endpoint-card div{gap:10px;display:grid}.endpoint-card a{border-radius:var(--radius-sm);background:var(--white);color:var(--green);border:1px solid #11182714;gap:5px;padding:11px 12px;font-size:13px;font-weight:900;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.endpoint-card a:hover{border-color:var(--border);transform:translateY(-2px);box-shadow:0 12px 24px #14532d1a}.endpoint-card a span{color:var(--grey);word-break:break-word;font-family:Consolas,Monaco,monospace;font-size:11px;font-weight:700}.next-actions{gap:12px;display:grid}.next-actions div{border:1px solid var(--border-dark);border-radius:var(--radius-sm);background:#ffffffb8;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:14px;display:grid}.next-actions span{background:var(--green-bright);border-radius:999px;width:10px;height:10px;margin-top:8px;box-shadow:0 0 0 5px #22c55e24}.next-actions p{font-size:14px;line-height:1.6}.split-list{grid-template-columns:repeat(2,minmax(0,1fr))}.terminal-panel{color:#d1fae5;background:#050505;border-color:#22c55e47}.terminal-header{color:var(--white);justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:900;display:flex}.terminal-dot{background:var(--green-bright);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 8px #22c55e24}.terminal{color:#bbf7d0;gap:8px;max-height:560px;padding-right:8px;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.6;display:grid;overflow:auto}.terminal::-webkit-scrollbar{width:8px}.terminal::-webkit-scrollbar-thumb{background:#22c55e6b;border-radius:999px}.login-shell{background:radial-gradient(circle at 0 0,#22c55e2e,#0000 28%),linear-gradient(135deg,#f8faf7 0%,#fff 48%,#eef7ef 100%);grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);align-items:center;gap:24px;min-height:100vh;padding:40px;display:grid}.login-card,.login-panel-card{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius-lg);background:#ffffffe6}.login-card{width:100%;max-width:640px;margin-left:auto;padding:40px}.login-panel{gap:18px;display:grid}.login-panel-card{padding:28px}.login-list{color:var(--slate);margin:18px 0 0;padding-left:18px;line-height:1.7}.login-form{gap:16px;margin-top:28px;display:grid}.field{gap:8px;display:grid}.field span{color:var(--slate);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:800}.input{width:100%;min-height:50px;color:var(--black);background:#f7f8f6d1;border:1px solid #1118271f;border-radius:16px;padding:0 16px}.input:focus{border-color:#14532d52;outline:2px solid #22c55e3d}.login-submit{margin-top:8px}.notice-banner{border-radius:16px;margin-top:18px;padding:14px 16px;font-size:14px;font-weight:700}.notice-banner.good{background:var(--green-soft);color:var(--green)}.notice-banner.warning{background:var(--amber-soft);color:#92400e}.notice-banner.danger{background:var(--red-soft);color:var(--red)}@media (max-width:1080px){.hero{grid-template-columns:1fr}.summary-strip,.endpoint-grid,.hero-metrics,.safety-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps,.login-shell{grid-template-columns:1fr}.login-card{margin-left:0}}@media (max-width:860px){.app-shell{padding:18px}.grid{grid-template-columns:1fr}.panel.wide{grid-column:span 1}.hero-content,.status-card,.panel,.login-card,.login-panel-card{border-radius:22px;padding:24px}.summary-strip{border-radius:22px;grid-template-columns:1fr}.safety-grid,.endpoint-grid,.status-list.dual,.split-list{grid-template-columns:1fr}.panel-heading{flex-direction:column;align-items:flex-start}h1{font-size:clamp(34px,13vw,54px)}.login-shell{padding:18px}}@media (max-width:520px){.app-shell{padding:12px}.hero-content,.status-card,.panel,.login-card,.login-panel-card{padding:20px}.hero-actions{display:grid}.hero-topline{flex-direction:column;align-items:flex-start}.button{width:100%}.status-row,.mini-stack div,.data-list div,.card-topline{flex-direction:column;align-items:flex-start}.terminal{font-size:12px}.login-shell{padding:12px}}.queue-control-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.queue-control-grid .endpoint-card{background:linear-gradient(#fffffff0,#f0fdf4b8);border-color:#14532d24;gap:12px;padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 14px 34px #0505050f}.queue-control-grid .endpoint-card:hover{border-color:#14532d47;transform:translateY(-3px);box-shadow:0 20px 42px #14532d1f}.queue-control-grid .endpoint-card:before{content:"";background:linear-gradient(90deg, var(--green), var(--green-bright));height:5px;position:absolute;inset:0 0 auto}.queue-control-grid .endpoint-card:after{content:"Protected route";background:var(--green-soft);color:var(--green);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;position:absolute;top:14px;right:14px}.queue-control-grid .endpoint-card h3{margin-bottom:4px;padding-right:112px;font-size:17px}.queue-control-grid .endpoint-card p{min-height:48px;color:var(--slate);font-size:14px;line-height:1.55}.queue-control-grid .endpoint-card>span{border-radius:var(--radius-sm);color:#d1fae5;word-break:break-word;background:#0f172a;border:1px solid #22c55e2e;margin-top:auto;padding:12px;font-family:Consolas,Monaco,monospace;font-size:11px;font-weight:700;line-height:1.5;display:block}@media (max-width:1080px){.queue-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.queue-control-grid{grid-template-columns:1fr}.queue-control-grid .endpoint-card h3{padding-right:0}.queue-control-grid .endpoint-card:after{order:-1;width:fit-content;margin-bottom:4px;position:static}}