:root{--bg:#f4f6fa;--ink:#172537;--muted:#778395;--line:#e6ebf1;--nav:#101f2d;--accent:#0b8c78;--mint:#e5f6f0;--white:#fff;--shadow:0 4px 22px #142c4310}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.55}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:32px;font-weight:650;letter-spacing:-1px;margin-bottom:8px;line-height:1.2}h2{font-size:18px;font-weight:650;margin-bottom:8px;letter-spacing:-.3px}h3{font-size:16px;margin:10px 0 5px}.workspace{display:flex;min-height:100vh}.sidebar{width:245px;flex-shrink:0;background:var(--nav);color:#e7edf3;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:31px 22px 18px}.brand{display:flex;align-items:center;gap:12px;color:inherit;font-size:19px;font-weight:650;line-height:1.2}.brand:hover{text-decoration:none}.workspace-label{font-size:10px;letter-spacing:1.9px;color:#6d8795;margin:47px 10px 14px}nav{display:grid;gap:7px}nav a{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:9px;color:#a4b6c6;font-size:18px}nav a span{font-size:13px}nav a:hover{background:#213848;color:#ecfff9;text-decoration:none}.sidebar-bottom{margin-top:auto;padding-top:40px}.sidebar-bottom>a{display:block;color:#95aab8;font-size:11px;padding:5px 8px}.secure-note{font-size:10px;color:#80a797;padding:15px 6px}.live-dot{display:inline-block;height:6px;width:6px;background:#3cc29c;border-radius:50%;margin-right:5px}.user-info{display:flex;align-items:center;gap:10px;border-top:1px solid #29404e;padding-top:18px;margin-top:15px}.user-info strong{font-size:12px}.user-info small{display:block;color:#7e97a7;font-size:10px}.avatar{width:32px;height:32px;display:grid;place-items:center;background:#29414b;border-radius:50%;font-size:12px;color:#addbce}.user-info form{margin-left:auto}.logout{background:none;border:0;color:#8da3b3;font-size:21px}.main{margin-left:245px;width:calc(100% - 245px);display:flex;flex-direction:column;min-height:100vh}.topbar{height:73px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;padding:0 42px;font-size:12px;color:var(--muted)}.topbar b{font-weight:400;color:#c1cad5;margin:0 15px}.domain{font-size:11px}.content{padding:38px 42px;max-width:1580px;width:100%;margin:0 auto;flex:1}.eyebrow{display:block;font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:700;margin-bottom:12px}.muted{color:var(--muted)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading p{font-size:13px;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;background:var(--accent);color:white;border:1px solid var(--accent);padding:11px 18px;border-radius:8px;font-size:12px;font-weight:600;min-height:42px;box-shadow:0 3px 8px #0b8c7818}.button:hover{background:#087866;text-decoration:none}.button.secondary{background:white;color:var(--ink);border-color:#dbe2e9;box-shadow:none}.button.secondary:hover{border-color:var(--accent);color:var(--accent)}.full{width:100%;justify-content:space-between}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:18px;margin-bottom:27px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:21px 24px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;min-height:135px}.stat-card>span{font-size:12px;color:#6f7d8d}.stat-card strong{font-size:34px;line-height:1.2;font-weight:600;margin:8px 0;letter-spacing:-1px}.stat-card small{font-size:10px;color:#9aa5b3}.stat-card .date-value{font-size:22px;letter-spacing:-.5px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:26px;box-shadow:var(--shadow);margin-bottom:24px}.table-panel{padding:0;overflow:hidden}.panel-heading{padding:24px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.panel-heading h2{margin-bottom:4px}.panel-heading p{font-size:11px;color:var(--muted);margin:0}.panel-heading>a{font-size:12px;white-space:nowrap}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;font-weight:600;letter-spacing:.3px;color:#8b97a5;background:#fafbfd;padding:14px 23px;white-space:nowrap}td{padding:19px 23px;border-top:1px solid #edf0f5;font-size:12px;vertical-align:middle}td strong{font-size:12px;display:block;font-weight:600}td small{display:block;font-size:10px;color:#8a96a5;margin-top:4px}td code{font-size:10px}tbody tr:hover{background:#fcfdfd}.pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;white-space:nowrap;padding:5px 9px;border-radius:6px;background:#edf1f5;color:#7b8796}.pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.pill.active{color:#11866d;background:#e7f5ef}.pill.grace,.pill.scheduled{color:#a67524;background:#fff5dd}.pill.expired,.pill.paused,.pill.revoked,.pill.base_required{color:#b16c6e;background:#fbebeb}.warning-text{color:#ad7e2e}.table-link{white-space:nowrap;font-size:11px}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.bottom-grid>.panel{margin:0}.feature-note{background:linear-gradient(120deg,#edf9f5,#f5fbf9);border-color:#d5ebe3}.feature-note p{color:#70877d;font-size:12px;max-width:390px}.feature-note a{font-size:12px}.note-icon{font-size:24px;color:#16866e;margin-bottom:12px}.event{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f3f5}.event:last-child{border:0}.event strong{display:block;font-size:11px;font-weight:500}.event small{display:block;color:#96a0ad;font-size:10px;margin-top:2px}.event-dot{width:7px;height:7px;border-radius:50%;background:#8cc7b6}.empty-state{padding:32px;text-align:center;color:var(--muted)}.empty-state>span{font-size:35px;color:#a8c8bd}.empty-state h3{color:#495d6a}.empty-state p{font-size:12px;margin:0}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.product-card{margin:0}.product-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.product-icon{display:grid;place-items:center;background:#e6f4ee;border-radius:13px;width:44px;height:44px;color:#318977;font-weight:650;font-size:20px}.product-card>code{font-size:11px;color:#8c99a6}.product-card>p{color:var(--muted);font-size:12px;margin-top:20px;min-height:38px}.product-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;font-size:11px;color:#8b97a5}.narrow{max-width:760px}form p{margin-bottom:19px}label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}input,select,textarea{display:block;width:100%;padding:11px 12px;border:1px solid #dce3eb;border-radius:7px;color:var(--ink);background:#fcfdfe;outline:none}input:focus,select:focus,textarea:focus{border-color:#54b7a1;box-shadow:0 0 0 3px #e6f5f0}input[type=checkbox]{display:inline;width:auto;margin-right:6px}input:disabled,select:disabled{color:#8795a2;background:#f3f5f7}.helptext{font-size:10px;color:#8a96a5;display:block;margin-top:6px}.helptext ul{padding-left:17px}.errorlist{color:#b45252;font-size:12px;padding-left:18px}.form-actions{display:flex;gap:12px;margin-top:28px}.notice{background:#e7f6f0;color:#1d8069;padding:13px 17px;border-radius:8px;margin-bottom:22px;font-size:12px;border:1px solid #cfe9df}.notice.error{color:#a24b50;background:#fff0f0;border-color:#f3d4d4}.row-actions{display:flex;gap:13px;align-items:center}.text-button{background:none;border:0;padding:0;font-size:10px}.danger{color:#ac6266}.endpoint,.secret{display:block;background:#f5f8fa;border:1px solid #e2e9ee;border-radius:7px;padding:13px 15px;overflow-wrap:anywhere;margin:12px 0 20px;font-size:12px;user-select:all}.secret{font-size:16px;color:#1a7162;padding:20px}.caption{font-size:10px;color:#8f9ba8;margin:13px 0 0}.documentation{max-width:1000px}.documentation h2{margin:30px 0 12px}.documentation h2:first-child{margin-top:0}.documentation p{color:#6d7d8c;font-size:13px}.documentation pre{background:#142735;color:#b6dece;border-radius:9px;padding:20px;overflow:auto;font-size:12px;line-height:1.8}code,pre{font-family:"Cascadia Code",Consolas,monospace}footer{padding:20px 42px;display:flex;justify-content:space-between;font-size:10px;color:#9aa5b1;border-top:1px solid #e8edf2}.public-content{min-height:100vh;display:grid;place-items:center;padding:36px}.login-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1060px;width:100%;min-height:650px;background:white;border-radius:20px;overflow:hidden;box-shadow:0 24px 90px #1d354c15}.login-story{background:radial-gradient(ellipse at 0 100%,#164738 0,transparent 65%),#112432;color:#eff6f5;padding:44px 46px;display:flex;flex-direction:column}.story-main{margin:auto 0}.story-main .eyebrow{color:#74c2aa;margin-top:30px}.story-main h1{font-size:38px;line-height:1.25;letter-spacing:-1.3px;margin-top:24px}.story-main em{font-style:normal;color:#8bd5b9}.story-main p{color:#97b4b6;font-size:13px;max-width:330px}.story-points{display:grid;gap:12px;margin-top:33px;font-size:12px;color:#aac8c2}.login-story>small{font-size:11px;color:#678c89;margin-top:35px}.login-form{display:flex;align-items:center;padding:54px}.login-form-inner{width:100%}.login-form h2{font-size:29px;margin:13px 0}.login-form p.muted{font-size:12px;margin-bottom:31px}.login-form form p{margin-bottom:19px}.login-form .button{margin-top:12px}.login-help{font-size:11px;color:#91a0ad;margin-top:32px;border-top:1px solid var(--line);padding-top:23px}.auth-card{width:100%;max-width:440px;background:white;border:1px solid var(--line);border-radius:15px;padding:35px;box-shadow:var(--shadow)}.auth-card h1{font-size:26px;margin-top:25px}.auth-card p{font-size:13px}.auth-card form{margin:25px 0}.auth-card input{font-size:22px;letter-spacing:7px;margin-bottom:18px}.auth-card>a{font-size:12px}.qr{width:220px;height:220px;background:white;border:1px solid var(--line);border-radius:10px;margin:12px 0 20px;padding:10px}details{font-size:12px;margin-bottom:20px}summary{cursor:pointer;color:var(--accent)}@media(max-width:1100px){.sidebar{width:210px;padding:26px 16px}.main{margin-left:210px;width:calc(100% - 210px)}.content{padding:30px 25px}.topbar{padding:0 25px}.login-form{padding:35px}.login-story{padding:35px}.story-main h1{font-size:32px}}@media(max-width:760px){.workspace{display:block}.sidebar{position:relative;inset:auto;width:100%;padding:18px 20px}.brand{font-size:16px}.workspace-label,.sidebar-bottom,nav{display:flex;flex-wrap:wrap;gap:4px;margin-top:15px}nav a{padding:7px 9px;font-size:15px;gap:6px}nav a span{font-size:11px}.main{margin:0;width:100%}.topbar{height:50px;padding:0 20px}.domain{display:none}.content{padding:26px 18px}.page-heading{align-items:flex-start;flex-direction:column;gap:15px}h1{font-size:26px}.stats{grid-template-columns:repeat(2,1fr);gap:11px}.stat-card{padding:17px;min-height:120px}.stat-card strong{font-size:29px}.bottom-grid{grid-template-columns:1fr;gap:16px}.panel{padding:20px}.table-panel{padding:0}th,td{padding:14px 16px}.panel-heading{padding:18px;align-items:flex-start}.panel-heading>a{display:none}.row-actions{flex-direction:column;align-items:flex-start}footer{padding:18px;font-size:9px}.public-content{padding:18px}.login-layout{grid-template-columns:1fr;min-height:auto}.login-story{padding:26px}.story-main h1{font-size:28px;margin-top:14px}.story-main .eyebrow{margin-top:25px}.story-main p,.story-points,.login-story>small{display:none}.login-form{padding:30px 26px}.login-help{margin-top:23px}.form-actions{flex-wrap:wrap}}
.topbar-actions{display:flex;align-items:center;gap:24px}.topbar-actions .text-button{color:#65798a;font-size:11px}

.brand{flex-direction:column;align-items:flex-start;gap:10px}.brand-logo{display:block;width:200px;max-width:100%;height:auto;object-fit:contain;filter:brightness(0) invert(1)}.brand-label{font-size:11px;font-weight:500;letter-spacing:.4px;color:#a4bdbc}.login-story .brand-logo{width:270px}.brand-light .brand-logo{filter:none;width:240px}.brand-light .brand-label{color:var(--muted)}@media(max-width:760px){.sidebar .brand-logo{width:170px}.login-story .brand-logo{width:220px}.brand-label{font-size:10px}}

.component-list{margin-top:22px;border-top:1px solid var(--line);padding-top:14px}.component-list>h3{font-size:12px;color:var(--muted)}.component-item{margin-top:12px;padding:16px;background:#f5f9f8;border:1px solid #dcebe5;border-radius:9px}.component-item h3{margin-top:0}.component-item p{font-size:11px;margin:10px 0}.component-item code{font-size:10px}