@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#172033;font-synthesis:none;background:#f7f9fc;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.app{min-height:100vh;display:flex}aside{background:#fff;border-right:1px solid #e8edf4;flex-direction:column;width:264px;padding:26px 18px 18px;display:flex}.logo{align-items:center;gap:11px;margin:0 10px 35px;display:flex}.logo-icon,.brand-mark{color:#fff;background:#111827;border-radius:11px;place-items:center;font-family:Space Grotesk;font-weight:700;display:grid}.logo-icon{width:37px;height:37px;font-size:19px}.logo b{letter-spacing:-.5px;font-family:Space Grotesk;font-size:18px;display:block}.logo span{color:#94a0b5;margin-top:2px;font-size:11px;display:block}.new-btn,.primary{color:#fff;background:#171923;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.new-btn{height:45px;margin:0 1px 26px;font-size:14px}.new-btn:hover,.primary:hover{background:#2b2e3b}.new-btn svg{width:17px}nav{gap:5px;display:grid}.nav-item{color:#62718a;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;padding:12px;font-weight:500;display:flex}.nav-item:hover,.nav-item.selected{color:#172033;background:#f0f4f9}.nav-item.selected{font-weight:600;box-shadow:inset 3px 0 #fa684d}.sidebar-bottom{border-top:1px solid #edf0f5;gap:12px;margin-top:auto;padding-top:16px;display:grid}.sidebar-bottom .nav-item{padding-left:11px}.user{align-items:center;gap:10px;padding:5px 9px;display:flex}.avatar{color:#d85436;background:#ffe5d8;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.user b,.user span{text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:12px;display:block;overflow:hidden}.user span{color:#9aa5b6;margin-top:3px;font-size:11px}.content{flex:1;max-width:1500px;margin:auto;padding:40px 48px}header{justify-content:space-between;align-items:flex-start;margin-bottom:34px;display:flex}header h1{letter-spacing:-1.2px;margin:4px 0 7px;font:700 30px Space Grotesk}.eyebrow{color:#fa684d;letter-spacing:1.25px;margin:0;font-size:11px;font-weight:700}.muted{color:#77859b;margin:0;font-size:14px}.status{color:#14845a;background:#ecfdf5;border:1px solid #c7f0dc;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:600}.status i{background:#1eb87b;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.stats>div,.panel,.api-card{background:#fff;border:1px solid #e7ebf2;border-radius:13px}.stats>div{padding:19px 20px}.stats span,.stats small{color:#7c89a0;font-size:12px;display:block}.stats strong{margin:12px 0 7px;font:600 29px Space Grotesk;display:block}.stats small{font-size:11px}.green{color:#149966}.orange{color:#ef704b}.panel{padding:24px}.panel-head{justify-content:space-between;align-items:flex-start;display:flex}.panel h2{margin:0 0 6px;font:600 21px Space Grotesk}.primary{padding:11px 15px;font-size:13px}.toolbar{gap:9px;margin:22px 0 13px;display:flex}.search{color:#a1adbf;border:1px solid #dfe5ed;border-radius:8px;flex:1;align-items:center;gap:9px;max-width:420px;padding:0 12px;display:flex}.search input{color:#27334a;border:0;outline:0;width:100%;padding:10px 0;font-size:13px}.icon-btn,.copy,.danger-btn{color:#708097;background:#fff;border:1px solid #dfe5ed;border-radius:8px;place-items:center;display:grid}.icon-btn{width:40px}.icon-btn:hover,.copy:hover{background:#f5f7fa}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:680px;font-size:13px}th{text-align:left;color:#8a96a9;letter-spacing:.3px;text-transform:uppercase;border-bottom:1px solid #edf0f4;padding:12px;font-size:11px;font-weight:600}td{color:#59677d;border-bottom:1px solid #f0f2f6;padding:16px 12px}td:first-child{color:#172033}td code{color:#64728b;background:#f8fafc;border-radius:5px;padding:5px 8px;font-size:12px}.copy{vertical-align:middle;border:0;width:27px;height:27px;margin-left:7px;display:inline-grid}.copy svg,.danger-btn svg{width:15px;height:15px}.badge{border-radius:20px;padding:5px 9px;font-size:11px;font-weight:600}.badge.active{color:#16865d;background:#e8faf2}.badge.revoked{color:#8a95a5;background:#f3f4f6}.actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.text-btn{color:#6f7d93;background:0 0;border:0;font-size:12px}.text-btn:hover{color:#fa684d}.danger-btn{color:#a0aabb;border:0;width:28px;height:28px}.danger-btn:hover{color:#e85e46;background:#fff2ef}.empty{text-align:center;color:#9aa6b8;padding:42px}.api-card{align-items:center;gap:13px;margin-top:16px;padding:18px 20px;display:flex}.api-icon{color:#66758c;background:#f0f3f8;border-radius:9px;place-items:center;width:36px;height:36px;font-size:21px;display:grid}.api-card h3{margin:0 0 4px;font:600 15px Space Grotesk}.api-card code{background:#f4f6f9;border-radius:4px;padding:3px 5px;font-size:11px}.pill{color:#77859b;background:#f4f6f9;border-radius:20px;margin-left:auto;padding:6px 10px;font-size:11px}.placeholder{min-height:200px}.toast{color:#fff;background:#171923;border-radius:9px;padding:13px 17px;font-size:13px;position:fixed;bottom:25px;right:28px;box-shadow:0 10px 25px #10121d25}.modal-backdrop{z-index:5;background:#18223855;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:min(450px,100%);padding:26px;box-shadow:0 20px 60px #18223830}.modal-title{justify-content:space-between;margin-bottom:23px;display:flex}.modal h2{margin:0 0 5px;font:600 21px Space Grotesk}.close{color:#8290a4;background:0 0;border:0;font-size:25px;line-height:20px}.modal form{gap:17px;display:grid}.modal label,.auth label{color:#4e5b70;gap:7px;font-size:13px;font-weight:600;display:grid}.modal small{color:#9aa6b8;font-weight:400}.modal input,.auth input{color:#26344a;border:1px solid #dce3ec;border-radius:8px;outline-color:#fa684d;padding:11px 12px}.modal-actions{justify-content:flex-end;gap:9px;margin-top:4px;display:flex}.secondary{color:#66758b;background:#fff;border:1px solid #dde3eb;border-radius:8px;padding:10px 15px}.alert{border-radius:7px;padding:10px 12px;font-size:12px}.error{color:#b6402f;background:#fff2ef;border:1px solid #ffd8d0}.secret{word-break:break-all;background:#f5f7fa;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;margin:17px 0 21px;padding:12px;font:12px monospace;display:flex}.secret button{color:#63738a;background:#fff;border:0;border-radius:5px;flex:none;margin-left:auto;padding:6px}.full{width:100%;padding:12px}.auth{background:radial-gradient(circle at 50% 0,#fff 0,#f4f7fb 58%);place-items:center;min-height:100vh;display:grid}.auth-card{background:#fff;border:1px solid #e4e9f1;border-radius:16px;width:min(405px,100% - 40px);padding:35px;box-shadow:0 18px 50px #1e2d4010}.brand-mark{width:45px;height:45px;margin-bottom:25px;font-size:22px}.auth h1{letter-spacing:-.8px;margin:0 0 7px;font:600 26px Space Grotesk}.auth form{gap:17px;margin-top:28px;display:grid}.loading{color:#77859b;place-items:center;height:100vh;display:grid}@media (width<=900px){aside{width:220px}.content{padding:30px 25px}.stats{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){aside{width:64px;padding:18px 8px}.logo{margin:0 auto 25px}.logo>div:last-child,.new-btn{display:none}.logo-icon{width:37px}.nav-item{justify-content:center;padding:12px 8px;font-size:0}.nav-item svg{width:20px;height:20px}.user{justify-content:center;padding:0}.user>div:last-child{display:none}.sidebar-bottom .nav-item{padding-top:12px}.content{padding:25px 15px}header{margin-bottom:23px;display:block}.status{margin-top:16px;display:inline-block}.stats{gap:9px}.stats>div{padding:14px}.stats strong{font-size:24px}.panel{padding:16px}.panel-head{display:block}.panel-head .primary{margin-top:16px}.pill{display:none}}.google-btn{color:#26344a;border:1px solid #dfe5ed;border-radius:9px;justify-content:center;align-items:center;gap:10px;height:43px;margin-top:25px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.google-btn:hover{background:#f7f9fc}.google-g{color:#4285f4;font:700 17px Arial}.or{color:#a3adbc;align-items:center;gap:10px;margin:18px 0;font-size:11px;display:flex}.or:before,.or:after{content:"";background:#edf0f4;flex:1;height:1px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav-item span{font-size:inherit}.alert{margin:12px 0}.table-wrap{overscroll-behavior-x:contain;max-width:100%;overflow-x:auto}.table-wrap table{min-width:680px}.cell-name{overflow-wrap:anywhere;max-width:220px;display:block}.pagination{color:#64728b;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:12px;display:flex}.pagination>div{gap:8px;display:flex}.secondary{min-height:40px}.icon-btn,.copy,.danger-btn{min-width:40px;min-height:40px}.copy,.danger-btn{width:40px;height:40px}.text-btn{min-height:40px;padding:8px}.modal-backdrop{overflow:auto}.modal{max-height:calc(100dvh - 40px);overflow:auto}.toast{z-index:10}.status{color:#087046}.muted{color:#52627a}.eyebrow{color:#c74730}.stats span,.stats small{color:#596a82}.logo span,.user span,.or{color:#68778d}.google-btn{min-height:44px}.primary:disabled,.secondary:disabled,.icon-btn:disabled,.text-btn:disabled,.danger-btn:disabled{opacity:.55;cursor:not-allowed}@media (width<=900px){.content,.panel{min-width:0}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.content{min-width:0;overflow:hidden}.table-wrap{width:100%}.table-wrap table{min-width:680px}.panel{width:100%;overflow:hidden}.panel-head,.search,.search input{min-width:0}.pagination{flex-wrap:wrap}.pagination .secondary{min-width:80px}aside{flex:0 0 64px}.nav-item span{display:none}.nav-item{min-height:44px}.sidebar-bottom .nav-item span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@supports (padding:max(0px)){.sidebar-bottom{padding-bottom:max(16px,env(safe-area-inset-bottom))}}html,body,#root{min-width:0;max-width:100%}body{overflow-x:hidden}.app{width:100%;min-width:0;max-width:100%}.content{min-width:0}@media (width<=620px){.content{width:calc(100% - 64px);max-width:calc(100% - 64px);padding-left:15px;padding-right:15px}.panel,.api-card,.table-wrap{max-width:100%}}.payment-box{text-align:center;color:#52627a;justify-items:center;gap:12px;display:grid}.payment-box p{margin:0}.payment-qr{border:1px solid #e2e8f0;border-radius:10px;width:min(260px,100%);height:auto}.payment-box strong{color:#172033;font:700 24px Space Grotesk}.payment-box code{color:#172033;word-break:break-all;background:#f4f6f9;border-radius:7px;padding:8px 12px}.payment-box small{font-size:12px}.success{color:#087046;background:#ecfdf5;border-color:#c7f0dc}.key-table{table-layout:auto;min-width:1160px}.key-table th,.key-table td{white-space:nowrap;padding:10px 8px}.key-table th{font-size:10px}.key-table td{font-size:12px}.key-value{text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;max-width:360px;display:inline-block;overflow:hidden}.key-table .copy{width:30px;min-width:30px;height:30px;min-height:30px;margin-left:4px}.key-table .actions{min-width:54px;position:relative}.action-menu-button{color:#52627a;background:#fff;border:1px solid #dfe5ed;border-radius:8px;width:36px;height:36px;font-size:22px;line-height:1}.action-menu-button:hover{background:#f5f7fa}.action-menu{z-index:4;background:#fff;border:1px solid #dfe5ed;border-radius:9px;min-width:120px;padding:5px;display:grid;position:absolute;top:45px;right:6px;box-shadow:0 10px 28px #18223822}.action-menu button{text-align:left;color:#52627a;background:#fff;border:0;border-radius:6px;padding:9px 10px;font-size:12px}.action-menu button:hover{background:#f5f7fa}.action-menu .danger{color:#b6402f}