:root{--ink:#42383f;--muted:#82777c;--blue:#a2516e;--line:#ebdfe0;--purple:#a2516e}
body{background:radial-gradient(ellipse at 0 0,#f8ddd780,transparent 60%),#f7f1ed;color:var(--ink)}body:before{display:none}.page-shell{max-width:1220px}.brand-monogram{display:grid;place-items:center;width:40px;height:40px;background:#413842;color:#fff2e9;border-radius:50%;font-family:Georgia,serif;letter-spacing:-.1em;font-size:25px;padding-right:3px}.topbar{height:100px}.topnav{align-items:center;gap:22px}.topnav form{margin:0}.logout-button{font:inherit;border:1px solid #dbcbd0;color:#7b5c69;background:transparent;border-radius:30px;padding:7px 13px;cursor:pointer}
.hero{min-height:440px;border-radius:26px;border:1px solid #e1c9c6;background:#e9d5cf;box-shadow:0 18px 45px #71465513;isolation:isolate}.hero-art{inset:0;width:100%;height:100%;mask-image:none;-webkit-mask-image:none;opacity:1;z-index:-2}.hero-art img{object-fit:cover;object-position:center 37%;width:100%;height:100%}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f5e8dcc9 0%,#f5e8dc94 22%,#f5e8dc15 51%,transparent 72%);z-index:-1}.hero-copy{padding:66px 48px 50px;max-width:49%}.hero-orbit{display:none}.eyebrow{color:#7d5962;font-size:9px;letter-spacing:.19em}.spark{color:#995870}h1{font-size:clamp(35px,4.3vw,53px);line-height:1.3;letter-spacing:-.04em;margin-top:24px;color:#493540}h1>span{color:#9a506b}.hero-description{color:#785a65;font-size:13px}.client-label{color:#795b69;background:#fff6ed8c;border-color:#ffffff6b;font-size:9px;letter-spacing:.09em;margin-top:28px;backdrop-filter:blur(7px)}.signal-mark{color:#aa647c}.hero-caption{color:#fff4ee;right:26px;bottom:22px;text-shadow:0 1px 8px #4a303c}
.overview{background:#fffcf8d9;border-color:#ede3dc;box-shadow:none;margin:20px 0 26px}.total-usage{color:#a2516e}.overview-label,.overview-note{color:#88767d}.create-panel{background:#fffaf6;border-color:#e7d9d5;flex-direction:column;align-items:stretch;gap:21px;padding:26px 30px}.create-form{flex:auto;max-width:none;display:grid;grid-template-columns:1.4fr 1fr auto;align-items:end;gap:16px}.field-label{display:block;font-size:11px;font-weight:600;color:#7c6470}.field-label>span{font-size:10px;font-weight:400;color:#a29197}.create-form input{display:block;width:100%;margin-top:7px;border-color:#e6d8d8;color:var(--ink);font-size:13px}.create-button{justify-content:center;background:#9e536e;box-shadow:0 5px 14px #96557418}.create-button:hover{background:#86435d}input:focus{border-color:#b56d89;box-shadow:0 0 0 4px #a2516e12}.section-kicker{color:#a28290}.section-heading h2{font-size:23px}.count-chip{background:#f0e3e8;color:#9e627a}.node-card{background:#fffcfa;border-color:#ebdedb;box-shadow:none;padding-top:25px}.node-card:hover{border-color:#d9b7c6;box-shadow:0 12px 32px #915a7510}.node-index{background:#f5e8ed;border-color:#efdee5;color:#a16b82}.traffic-block{margin:23px 0 20px}.traffic-total{font-size:32px}.node-copy .primary{background:#f5e5ec;color:#9c4a69}.node-copy .primary:hover{background:#efd5e0}.node-copy .secondary{background:#fffaf8;border-color:#e9dcdf;color:#856979}.node-endpoint,.metric-label,.traffic-breakdown,.refresh-note{color:#96858d}.node-footer{border-color:#eee3e1}.renewal-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 0;border-top:1px solid #eee3e1}.renewal-row strong{display:block;font-size:14px;font-weight:600;margin-top:5px}.due-label{color:#a86880;font-size:11px}.edit-node{border:1px solid #ecdee0;border-radius:11px;margin-bottom:18px;background:#fff9f6}.edit-node summary{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;color:#8d6577;cursor:pointer;font-size:11px;list-style:none}.edit-node summary::-webkit-details-marker{display:none}.edit-node[open] summary{border-bottom:1px solid #ecdee0}.edit-node form{padding:14px;display:grid;gap:12px}.edit-node label{font-size:11px;color:#826d78}.edit-node input{width:100%;display:block;height:42px;margin-top:6px;border:1px solid #e4d6db;border-radius:8px;padding:0 10px;background:white;color:var(--ink)}.edit-node p{font-size:10px;margin:0;color:#98838e}.edit-node .create-button{height:39px}.page-footer{color:#a18b93}.footer-star{color:#bd8f9f}.toast{border-color:#e7d0da;color:#8b526b}.notice{margin-top:16px}
@media(max-width:800px){.hero{min-height:410px}.hero-copy{padding:55px 32px;max-width:58%}.hero-art{width:100%}.hero-art img{object-position:57% center}.create-form{grid-template-columns:1fr 1fr}.create-button{grid-column:1/-1}.create-panel{padding:24px}.topnav{gap:15px}}
@media(max-width:580px){.page-shell{padding:0 16px}.topbar{height:80px}.topnav{gap:12px}.topnav>a:nth-child(2){display:none}.brand-monogram{width:34px;height:34px;font-size:22px}.logout-button{font-size:10px;padding:5px 10px}.hero{min-height:470px;border-radius:22px}.hero-art{width:100%;opacity:1}.hero-art img{object-position:57% 30%}.hero:after{background:linear-gradient(0deg,#f5e8e0f5 0%,#f5e8e0bf 24%,#f5e8e025 60%,transparent 80%)}.hero-copy{position:absolute;bottom:0;padding:26px;max-width:100%;width:100%}.hero-copy h1{font-size:32px;line-height:1.2;margin:10px 0}.hero-copy h1 br{display:none}.hero-description{font-size:11px;max-width:none}.eyebrow{font-size:8px}.client-label{margin-top:14px;font-size:8px}.hero-caption{display:none}.create-form{grid-template-columns:1fr;gap:14px}.create-form input{width:100%;height:46px}.create-button{grid-column:auto}.create-panel{padding:22px}.node-card{padding:22px 20px 0}.overview-item strong.total-usage{font-size:20px}}

@media(max-width:580px){.hero-copy h1 br{display:block}.hero-copy h1{font-size:30px}}
/* Login shares the same full-bleed image; no browser authentication dialog. */
.login-body{min-height:100svh;display:grid;place-items:center;padding:28px;background:#e6d4d0 url('/ui-v3/cole-editorial.jpg') center 38%/cover fixed}.login-body:after{content:"";position:fixed;inset:0;background:linear-gradient(90deg,#edddd5b3,#e5d1d41f 75%);z-index:-1}.login-wrap{width:min(1080px,100%)}.login-panel{width:390px;max-width:100%;padding:38px;border-radius:25px;background:#fffaf0d9;border:1px solid #ffffffa8;backdrop-filter:blur(20px);box-shadow:0 20px 70px #53373d18}.login-panel .brand{margin-bottom:38px}.login-kicker{font-size:10px;color:#ab7084;letter-spacing:.22em}.login-panel h1{font-size:30px;margin:12px 0}.login-intro{font-size:12px;color:#917580;margin:0 0 28px}.login-form{display:grid;gap:17px}.login-form label{font-size:11px;color:#7f6771}.login-form input{display:block;width:100%;height:46px;margin-top:7px;border:1px solid #e0cdd3;border-radius:10px;padding:0 13px;background:#fffdf6c9;color:#4c3c45}.login-form button{margin-top:7px;min-height:46px}.login-footnote{font-size:10px;line-height:1.8;color:#9c818c;margin:24px 0 0}.login-error{color:#ac3856;background:#ffebee;border:1px solid #f4c8d4;padding:10px 12px;border-radius:8px;font-size:12px}.login-copyright{font-size:10px;letter-spacing:.12em;color:#795566;margin:22px 10px}
@media(max-width:580px){.login-body{padding:22px;background-position:58% center}.login-panel{margin-top:150px;padding:28px;background:#fff8eee8}.login-panel .brand{margin-bottom:25px}.login-panel h1{font-size:28px}}
.login-wrap{width:min(520px,100%);margin:auto}.login-panel{width:100%;padding:46px 50px;border-radius:30px;background:#fffaf0e6;box-shadow:0 24px 80px #53373d24}.login-panel .brand{justify-content:center;margin-bottom:32px}.login-kicker{display:block;text-align:center}.login-panel h1{text-align:center;font-size:32px;margin:14px 0}.login-intro{text-align:center;font-size:13px;margin-bottom:30px}.login-form{gap:20px}.login-form label{font-size:12px}.login-form input{height:52px;font-size:15px}.login-form button{min-height:52px;font-size:14px}.login-footnote{text-align:center;font-size:11px}.login-copyright{text-align:center;margin:20px 0 0}.login-body{padding:32px 24px}.login-body:after{background:#eadbd536}
@media(max-width:580px){.login-body{padding:24px 18px}.login-wrap{width:min(420px,100%)}.login-panel{margin-top:0;padding:32px 26px;border-radius:24px}.login-panel .brand{margin-bottom:27px}.login-panel h1{font-size:26px}.login-intro{font-size:12px}.login-form input{font-size:16px}.login-copyright{font-size:9px}}