:root{font-family:Lato,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1e293b;background:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;font-weight:400;--ink:#182338;--muted:#778397;--line:#e5e9ef;--blue:#2563eb;--blue-dark:#1d4ed8;--surface:#fff;--ground:#f5f7fa;--green:#15803d}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--ground)}button,input{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:26px 17px 18px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:11px;color:#152033;font-family:Lato,ui-sans-serif,system-ui,sans-serif;font-weight:800;font-size:15px;letter-spacing:-.35px;padding:0 8px 35px}.brand-mark{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#2563eb;color:white;font-size:16px;box-shadow:0 4px 9px #2563eb36}.side-label{color:#a0a9b7;font-size:10px;letter-spacing:1.25px;font-weight:700;padding:0 10px 10px}.mailbox-card{display:flex;align-items:center;gap:10px;padding:11px 10px;margin:0 0 16px;border:1px solid #ebeff4;border-radius:9px}.mailbox-icon{width:30px;height:30px;border-radius:8px;background:#eef4ff;color:#3874e9;display:grid;place-items:center;font-size:14px}.mailbox-copy{min-width:0;display:grid;gap:2px;flex:1}.mailbox-copy strong{font-size:12px;font-weight:600;color:#3b485a}.mailbox-copy small{font-size:10px;color:#8b95a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connected-dot,.status-dot,.state-dot{width:7px;height:7px;border-radius:50%;background:#20b36b;display:inline-block;box-shadow:0 0 0 3px #e8f8ef}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:8px;color:#657184;font-size:12px;font-weight:600}.nav-item>span{font-size:16px;width:16px;text-align:center}.nav-active{background:#edf4ff;color:#2461d9}.sidebar-spacer{flex:1}.sidebar form{margin:0}.nav-button{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}.nav-button:hover{background:#f4f6f9}.sidebar-footer{border-top:1px solid #eff1f4;margin-top:8px;padding:15px 9px 0;color:#a1a9b5;font-size:10px}.main-content{margin-left:248px;max-width:1600px;padding:0 48px 28px}.topbar{height:69px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumbs{display:flex;align-items:center;gap:10px;color:#8994a5;font-size:11px}.breadcrumbs strong{color:#3f4c60;font-weight:600}.crumb-separator{color:#c1c8d2}.user-chip{display:flex;align-items:center;gap:9px;color:#556174;font-size:11px}.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e8effd;color:#3269d6;font-weight:700}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:39px 0 26px;gap:24px}.eyebrow{font-size:9px;letter-spacing:1.25px;font-weight:700;color:#8d98a8;margin-bottom:9px}.page-heading h1,.login-card h1{font-family:Lato,ui-sans-serif,system-ui,sans-serif;color:var(--ink);font-size:26px;line-height:1.2;letter-spacing:-.9px;margin:0 0 8px;font-weight:800}.muted{color:var(--muted);font-size:12px;line-height:1.65;margin:0}.button{min-height:37px;border-radius:7px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;font-size:11px;font-weight:600;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--blue);color:white;box-shadow:0 3px 7px #2563eb25}.button-primary:hover{background:var(--blue-dark)}.button-secondary{background:#fff;border-color:#dfe5ed;color:#46546a}.button-secondary:hover{background:#f6f8fb}.button-danger-quiet{background:#fff;border-color:#e8dada;color:#a14a4a;min-height:32px;padding:0 11px}.button-danger-quiet:hover{background:#fff5f5;border-color:#e7c5c5}.panel,.token-card{background:var(--surface);border:1px solid #e7ebf0;border-radius:10px;box-shadow:0 2px 8px #24324a06}.create-panel{padding:19px 20px 17px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.panel-heading h2,.section-heading h2{font-family:Lato,ui-sans-serif,system-ui,sans-serif;font-size:14px;color:#263348;margin:0 0 4px;letter-spacing:-.2px}.panel-heading .muted,.section-heading .muted{font-size:10.5px}.panel-icon{width:30px;height:30px;border-radius:8px;background:#f1f5fe;color:#4779d7;display:grid;place-items:center;font-size:16px}.create-form{display:flex;gap:9px;max-width:580px}.create-form input,.login-card input{min-width:0;flex:1;height:37px;border:1px solid #dfe5ed;border-radius:7px;padding:0 11px;color:#29364a;font-size:11px;outline:none;background:#fff}.create-form input::placeholder{color:#a2abba}.create-form input:focus,.login-card input:focus{border-color:#6f9cf3;box-shadow:0 0 0 3px #3b82f616}.token-section{margin-top:29px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.count-pill{background:#edf2f8;color:#647186;font-weight:600;font-size:10px;border-radius:20px;padding:5px 9px}.token-list{display:grid;gap:10px}.token-card{overflow:visible}.token-row{min-height:78px;padding:16px 17px;display:flex;align-items:center;gap:13px}.token-symbol{width:36px;height:36px;flex:none;border:1px solid #e8edf4;border-radius:9px;display:grid;place-items:center;color:#5074b9;background:#fafcff;font-size:16px}.token-main{min-width:0;flex:1}.token-title-line{display:flex;align-items:center;gap:9px;margin-bottom:6px}.token-title-line h3{margin:0;color:#28354a;font-size:12px;font-weight:700}.state-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 7px;border-radius:20px;font-size:9px;font-weight:600}.state-active{color:#15803d;background:#eef9f1}.state-active .state-dot{width:5px;height:5px;box-shadow:none}.state-revoked{color:#8b6670;background:#f8f0f2}.state-revoked .state-dot{background:#bd7686;box-shadow:none;width:5px;height:5px}.token-meta{display:flex;align-items:center;gap:7px;color:#8792a2;font-size:10px}.meta-divider{color:#c9ced6}.token-actions{display:flex;align-items:center;gap:12px}.permission-details{position:relative}.permission-details summary,.token-permissions-inline summary{list-style:none;cursor:pointer}.permission-details summary::-webkit-details-marker,.token-permissions-inline summary::-webkit-details-marker{display:none}.permission-details>summary{height:32px;display:flex;align-items:center;gap:7px;color:#647187;border:1px solid #e5e9ef;border-radius:6px;padding:0 10px;font-size:10px;font-weight:600;white-space:nowrap}.permission-details>summary:hover{background:#f8fafc}.permission-popover{position:absolute;right:0;top:39px;width:300px;padding:15px;background:white;border:1px solid #e4e9f0;border-radius:9px;box-shadow:0 12px 35px #1e293b20;z-index:2}.permission-popover>strong{font-size:11px;color:#263348}.permission-popover>p{margin:4px 0 12px;color:#8792a2;font-size:10px}.permission-list{max-height:310px;overflow:auto;border-top:1px solid #edf0f4}.permission-row{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#526074;font-size:10px;border-bottom:1px solid #f0f2f5}.permission-row form{margin:0}.switch{width:29px;height:17px;padding:2px;border:0;border-radius:20px;background:#cbd2dc;cursor:pointer;display:flex;align-items:center;transition:background .15s}.switch span{display:block;background:#fff;width:13px;height:13px;border-radius:50%;box-shadow:0 1px 2px #24324a25;transition:transform .15s}.switch-on{background:#3979ee}.switch:disabled{cursor:not-allowed;opacity:.55}.switch-on span{transform:translateX(12px)}.token-permissions-inline{border-top:1px solid #f0f2f5;padding:0 17px}.token-permissions-inline summary{padding:9px 0;color:#788497;font-size:9px;font-weight:600}.permission-grid{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 13px}.permission-chip{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 7px;background:#f4f6f8;color:#9099a7;font-size:9px}.permission-allowed{background:#edf5ff;color:#4273ca}.permission-allowed span{color:#3479ed}.token-revoked{opacity:.8}.empty-state{background:white;border:1px dashed #dce2ea;border-radius:10px;text-align:center;padding:36px 20px}.empty-icon{margin:0 auto 12px;width:39px;height:39px;border-radius:11px;background:#f0f5ff;color:#4c78d3;display:grid;place-items:center;font-size:21px}.empty-state h3{font-size:13px;color:#344257;margin:0 0 6px}.empty-state p{font-size:10px;color:#8490a1;margin:0}.one-time-card{display:flex;align-items:flex-start;gap:13px;padding:16px 18px;margin:-6px 0 16px;background:#f0f7ff;border:1px solid #dbeafe;border-radius:9px}.one-time-icon{width:25px;height:25px;flex:none;display:grid;place-items:center;border-radius:50%;background:#d8eddf;color:#21834b;font-size:13px;font-weight:700}.one-time-copy{min-width:0;flex:1}.one-time-copy h2{margin:1px 0 4px;color:#24344e;font-size:12px}.one-time-copy p{margin:0 0 10px;color:#6d7b90;font-size:10px}.token-copy-row{display:flex;gap:8px;align-items:center}.token-copy-row code{min-width:0;flex:1;padding:8px 10px;background:#fff;border:1px solid #dce5f0;border-radius:6px;color:#31527e;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.copy-feedback{display:block;min-height:12px;margin-top:4px;color:#247343;font-size:10px}.alert{padding:10px 12px;border-radius:7px;font-size:11px;margin:0 0 16px}.alert-info{color:#315b97;background:#edf5ff;border:1px solid #d9e9ff}.alert-error{color:#9c3c3c;background:#fff2f2;border:1px solid #f1dada}.content-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 2px 0;color:#99a3b1;font-size:9px}.footer-lock{font-size:12px}.login-page{background:radial-gradient(ellipse at 50% 8%,#edf3ff 0,transparent 37%),#f5f7fa}.login-shell{width:min(100% - 36px,410px);margin:0 auto;padding-top:11vh}.login-shell>.brand{justify-content:center;padding:0;margin-bottom:24px}.login-card{background:#fff;border:1px solid #e7ebf0;border-radius:12px;padding:28px;box-shadow:0 12px 34px #21324a0c}.login-card .eyebrow{text-align:center}.login-card h1{text-align:center;font-size:23px}.login-card>.muted{text-align:center;font-size:11px;margin:0 auto 21px;max-width:315px}.login-card form{display:flex;flex-direction:column;gap:8px}.login-card label{font-size:10px;font-weight:600;color:#48566b;margin-top:6px}.login-card input{width:100%;flex:auto}.field-note{margin:-4px 0 2px;color:#9ba4b1;font-size:9px}.button-wide{width:100%;height:40px;margin-top:12px}.login-footnote{display:flex;align-items:center;justify-content:center;gap:8px;margin:19px 0 0;color:#8792a2;font-size:9px}.login-footnote .status-dot{width:6px;height:6px;box-shadow:none}.page-caption{text-align:center;color:#a0a8b4;font-size:10px;margin:19px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.sidebar{width:210px}.main-content{margin-left:210px;padding:0 26px 24px}.page-heading{padding-top:30px}.token-row{align-items:flex-start}.token-actions{gap:7px}}
@media(max-width:680px){.sidebar{position:static;width:auto;height:auto;padding:13px 16px;border-right:0;border-bottom:1px solid var(--line);display:flex;flex-direction:row;align-items:center;gap:12px}.brand{padding:0;flex:1}.side-label,.mailbox-card,.sidebar-footer,.sidebar-spacer{display:none}.sidebar>.nav-item{padding:8px;font-size:0}.sidebar>.nav-item span{font-size:16px}.sidebar form{margin:0}.sidebar .nav-button{font-size:0;padding:8px;width:auto}.sidebar .nav-button span{font-size:16px}.main-content{margin:0;padding:0 17px 24px}.topbar{height:54px}.breadcrumbs{font-size:10px}.user-chip>span:last-child{display:none}.page-heading{align-items:flex-start;padding:27px 0 20px}.page-heading h1{font-size:23px}.page-heading .muted{max-width:250px}.page-heading>.button{padding:0 10px;white-space:nowrap}.create-panel{padding:16px}.create-form{flex-direction:column}.create-form .button{width:100%}.token-row{padding:13px;flex-wrap:wrap}.token-main{width:calc(100% - 50px);flex:none}.token-meta{flex-wrap:wrap;gap:5px}.token-actions{margin-left:48px;width:calc(100% - 48px);justify-content:flex-end}.permission-popover{right:-95px;width:min(300px,calc(100vw - 38px))}.token-title-line{flex-wrap:wrap}.token-copy-row{align-items:stretch;flex-direction:column}.token-copy-row .button{align-self:flex-start}.one-time-card{padding:13px}.section-heading{align-items:flex-start}.token-card{overflow:visible}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.setup-panel{padding:19px 20px 20px;margin-top:16px}.setup-panel .panel-heading{margin-bottom:14px}.setup-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#eef4ff;color:#3972df;font-size:17px}.setup-endpoint{display:grid;gap:5px;padding:10px 12px;margin-bottom:15px;border:1px solid #e6ebf2;border-radius:7px;background:#fafbfd}.setup-endpoint span{color:#8994a5;font-size:9px;font-weight:700;letter-spacing:.55px;text-transform:uppercase}.setup-endpoint code,.setup-step code{color:#345781;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.setup-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.setup-step{display:flex;align-items:flex-start;gap:9px;min-width:0}.setup-step>div{min-width:0}.setup-step strong{display:block;margin:2px 0 5px;color:#344257;font-size:10.5px}.setup-step p{margin:0 0 7px;color:#788497;font-size:9.5px;line-height:1.55}.setup-step .button{margin-top:2px;min-height:31px;padding:0 9px;font-size:9px}.setup-number{width:20px;height:20px;flex:none;display:grid;place-items:center;border-radius:50%;background:#edf4ff;color:#3972df;font-size:9px;font-weight:700}.setup-step code{font-size:9px}.permission-list{scrollbar-gutter:stable;overflow-y:auto}
@media(max-width:900px){.setup-columns{grid-template-columns:1fr}.setup-step{max-width:620px}}
@media(max-width:680px){.setup-panel{padding:16px}.setup-columns{gap:13px}.setup-step .button{white-space:normal;height:auto;min-height:34px;padding:7px 9px}}
.mailbox-icon svg{width:16px;height:16px}.nav-item>span svg{width:16px;height:16px;display:block}.one-time-icon svg{width:14px;height:14px}.token-symbol svg{width:17px;height:17px}.permission-details summary>span svg{width:14px;height:14px;display:block}.footer-lock{width:14px;height:14px}.permission-state{width:12px;height:12px;display:inline-block;position:relative;flex:none;border:1px solid #b8c0cb;border-radius:50%}.permission-allowed .permission-state{border-color:#15803d;background:#15803d}.permission-allowed .permission-state::after{content:"";position:absolute;width:5px;height:3px;left:2px;top:3px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(-45deg)}