:root{color:#172033;font-synthesis:none;background:#f3f6fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #dce3ee;border-radius:16px;gap:18px;width:min(100%,420px);padding:38px;display:grid;box-shadow:0 18px 45px #1f31501f}.brand{color:#2463eb;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:700}h1,h2{color:#172033;margin:0}h1{font-size:1.8rem}.hint{color:#637083;margin:-8px 0 4px}label{color:#344258;gap:7px;font-size:.92rem;font-weight:600;display:grid}input{color:#172033;background:#fff;border:1px solid #b9c5d6;border-radius:8px;width:100%;padding:11px 12px}input:focus{border-color:#2463eb;outline:3px solid #c9dbff}button{color:#fff;cursor:pointer;background:#2463eb;border:0;border-radius:8px;padding:11px 16px;font-weight:700}button:hover:not(:disabled){background:#1c53ca}button:disabled{opacity:.65;cursor:wait}.error{color:#b42318;margin:0;font-size:.9rem}.dashboard{max-width:1160px;margin:0 auto;padding:24px}.admin-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #dce3ee;border-radius:14px;display:block;position:sticky;top:12px;box-shadow:0 8px 28px #1f315017}.admin-topbar{justify-content:space-between;align-items:center;gap:24px;min-height:70px;padding:12px 16px 11px 18px;display:flex}.admin-brand{min-width:0;color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#2e72ff,#1749b1);border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 5px 12px #2463eb40}.brand-mark svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:21px;height:21px}.brand-copy,.account-copy{min-width:0;display:grid}.brand-copy strong{color:#172033;font-size:.92rem}.brand-copy small{color:#7b8798;margin-top:2px;font-size:.69rem;font-weight:600}.main-nav{scrollbar-width:none;border-top:1px solid #e8edf4;gap:5px;padding:7px 10px 9px;display:flex;overflow-x:auto}.main-nav::-webkit-scrollbar{display:none}.main-nav a{color:#637083;border-radius:8px;flex:1 0 auto;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:8px 14px;font-size:.85rem;font-weight:650;text-decoration:none;transition:color .15s,background .15s,transform .15s;display:flex;position:relative}.main-nav a svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.main-nav a:hover{color:#1749b1;background:#f3f7ff}.main-nav a.active{color:#1749b1;background:#eaf1ff}.main-nav a.active:after{content:"";background:#2463eb;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-9px;left:18px;right:18px}.account{color:#526174;align-items:center;gap:10px;min-width:0;display:flex}.language-switch{background:#f3f6fb;border:1px solid #dce3ee;border-radius:8px;gap:2px;padding:3px;display:flex}.language-switch button{color:#7b8798;background:0 0;border-radius:5px;min-width:31px;padding:5px 7px;font-size:.68rem;font-weight:800}.language-switch button:hover:not(:disabled){color:#1749b1;background:#fff}.language-switch button.active{color:#1749b1;background:#fff;box-shadow:0 1px 4px #1f315021}.account-avatar{color:#1749b1;background:#eaf1ff;border:1px solid #c9dbff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:.82rem;font-weight:800;display:grid}.account-copy{max-width:220px}.account-copy strong{color:#344258;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.account-copy small{color:#8a96a8;margin-top:1px;font-size:.66rem}.logout-button{color:#637083;background:#f3f6fb;align-items:center;gap:6px;margin-left:4px;padding:8px 10px;font-size:.76rem;display:flex}.logout-button svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.logout-button:hover:not(:disabled){color:#b42318;background:#fff0ee}.secondary{color:#2463eb;background:#eaf1ff}.secondary:hover:not(:disabled){background:#d9e6ff}.welcome-card{background:#fff;border:1px solid #dce3ee;border-radius:12px;margin-top:36px;padding:28px}.welcome-card p{color:#637083}.settings-card{background:#fff;border:1px solid #dce3ee;border-radius:12px;margin-top:36px;padding:28px}.section-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.section-heading p{color:#637083;margin:8px 0 0}.roles-list{gap:18px;margin-bottom:18px;display:grid}.role-editor{color:#344258;gap:8px;font-size:.92rem;font-weight:600;display:grid}.role-editor strong{color:#172033;font-size:1rem}.role-editor strong span{color:#637083;font-weight:500}textarea{resize:vertical;color:#172033;background:#fff;border:1px solid #b9c5d6;border-radius:8px;width:100%;padding:10px 12px;font:.9rem/1.45 ui-monospace,Consolas,monospace}textarea:focus{border-color:#2463eb;outline:3px solid #c9dbff}.form-actions{gap:10px;margin-top:22px;display:flex}.success{color:#067647;font-size:.9rem}.table-wrap{border:1px solid #dce3ee;border-radius:9px;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;font-size:.88rem}.table-wrap th,.table-wrap td{text-align:left;white-space:nowrap;border-bottom:1px solid #e6ebf2;padding:12px}.table-wrap th{color:#526174;background:#f8fafc}.table-wrap tbody tr{cursor:pointer}.table-wrap tbody tr:hover,.table-wrap tbody tr.selected{background:#eaf1ff}.pagination{color:#526174;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;font-size:.9rem;display:flex}.token-editor{background:#f8fafc;border:1px solid #dce3ee;border-radius:10px;gap:12px;max-width:420px;margin-top:28px;padding:20px;display:grid}.token-editor h3,.token-editor p{margin:0}.token-editor label{gap:7px;display:grid}.back-link{color:#2463eb;margin-bottom:20px;font-weight:600;text-decoration:none;display:inline-block}.user-details{grid-template-columns:minmax(130px,190px) 1fr;gap:10px 18px;margin:0;display:grid}.user-details dt{color:#637083}.user-details dd{overflow-wrap:anywhere;margin:0}.danger-zone{background:#fff7f6;border:1px solid #f5b7b1;border-radius:10px;margin-top:28px;padding:20px}.danger-zone h3,.danger-zone p{margin-top:0}.danger{background:#b42318}.danger:hover:not(:disabled){background:#8f1b13}.ai-details{background:#fff;border:1px solid #dce3ee;border-radius:10px;margin-top:16px;overflow:hidden}.ai-details summary{cursor:pointer;color:#172033;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;font-weight:700;display:flex}.ai-details summary small{color:#637083;font-weight:500}.ai-details[open] summary{background:#f8fafc;border-bottom:1px solid #dce3ee}.ai-editor{background:#f8fafc;gap:16px;padding:20px;display:grid}.ai-editor label{color:#344258;gap:7px;font-weight:600;display:grid}.ai-editor select{background:#fff;border:1px solid #b9c5d6;border-radius:8px;padding:10px 12px}.protocol-create{border:1px solid #dce3ee;border-radius:10px;margin-bottom:22px;overflow:hidden}.protocol-create summary{cursor:pointer;color:#1749b1;background:#f8fafc;padding:14px 16px;font-weight:700}.protocol-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px;display:grid}.protocol-form label,.protocol-editor label{gap:7px;display:grid}.protocol-wide{grid-column:1/-1}.protocol-layout{grid-template-columns:minmax(210px,30%) 1fr;align-items:start;gap:22px;display:grid}.protocol-list,.protocol-editor{background:#f8fafc;border:1px solid #dce3ee;border-radius:10px;padding:18px}.protocol-list h3,.protocol-editor h3{margin:0 0 14px}.protocol-item{color:#344258;text-align:left;background:0 0;width:100%;margin-top:6px;display:block}.protocol-item:hover:not(:disabled),.protocol-item.selected{color:#1749b1;background:#eaf1ff}.protocol-editor{background:#fff;gap:16px;display:grid}.protocol-image-link{width:fit-content;max-width:100%;display:block}.protocol-image-link img{object-fit:contain;border:1px solid #dce3ee;border-radius:8px;max-width:min(100%,440px);max-height:280px;display:block}.wallet-page{gap:20px;margin-top:36px;display:grid}.wallet-title-row{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.wallet-title-row h2{margin-top:5px;font-size:1.65rem}.wallet-title-row p{color:#637083;margin:7px 0 0}.eyebrow{color:#2463eb;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}.refresh-button{flex:none}.usage-filters{background:#fff;border:1px solid #dce3ee;border-radius:12px;grid-template-columns:150px 170px minmax(250px,1fr) auto;align-items:end;gap:12px;padding:18px;display:grid;box-shadow:0 5px 18px #1f31500a}.usage-filters label{font-size:.8rem}.usage-filters input{padding:9px 11px;font-size:.88rem}.usage-user-filter{min-width:0}.quick-periods{grid-column:1/-1;gap:7px;padding-top:2px;display:flex}.period-button{color:#526174;background:#f8fafc;border:1px solid #dce3ee;padding:6px 10px;font-size:.78rem}.period-button:hover:not(:disabled){color:#1749b1;background:#eaf1ff}.wallet-error{background:#fff7f6;border:1px solid #f5b7b1;border-radius:8px;padding:12px 15px}.scope-line{color:#637083;flex-wrap:wrap;align-items:center;gap:8px;min-height:30px;font-size:.86rem;display:flex}.scope-line strong{color:#172033}.scope-dot{background:#12b76a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #dff8ea}.clear-filter{color:#2463eb;background:0 0;margin-left:auto;padding:5px 8px;font-size:.8rem}.clear-filter:hover:not(:disabled){background:#eaf1ff}.usage-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.usage-kpi{background:#fff;border:1px solid #dce3ee;border-radius:12px;gap:4px;min-height:126px;padding:19px 20px;display:grid;box-shadow:0 5px 18px #1f31500a}.usage-kpi>span{color:#637083;font-size:.78rem;font-weight:700}.usage-kpi strong{color:#172033;letter-spacing:-.03em;align-self:end;font-size:1.75rem}.usage-kpi small{color:#637083}.usage-kpi.primary-kpi{color:#fff;background:linear-gradient(135deg,#2463eb,#1749b1);border-color:#2463eb}.usage-kpi.primary-kpi span,.usage-kpi.primary-kpi strong,.usage-kpi.primary-kpi small{color:#fff}.usage-kpi.primary-kpi span,.usage-kpi.primary-kpi small{opacity:.8}.usage-panel{background:#fff;border:1px solid #dce3ee;border-radius:12px;padding:22px;position:relative;overflow:hidden;box-shadow:0 5px 18px #1f31500a}.panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.panel-heading h3{color:#172033;margin:0;font-size:1rem}.panel-heading p{color:#637083;margin:5px 0 0;font-size:.8rem}.chart-legend{color:#637083;flex-wrap:wrap;gap:13px;font-size:.75rem;display:flex}.chart-legend span{align-items:center;gap:5px;display:flex}.chart-legend i{border-radius:2px;width:8px;height:8px;display:inline-block}.legend-audio,.bar-audio{background:#2463eb}.legend-protocols,.bar-protocols{background:#7f56d9}.usage-chart-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:min(340px,58vh);overflow:auto}.usage-chart{background:repeating-linear-gradient(#fff 0 59px,#eef2f7 60px);border-bottom:1px solid #e6ebf2;grid-auto-columns:minmax(22px,1fr);grid-auto-flow:column;align-items:end;gap:8px;min-height:300px;padding:22px 4px 10px;display:grid}.usage-bar-column{text-align:center;grid-template-rows:18px 228px 22px;align-items:end;gap:4px;min-width:22px;height:276px;display:grid}.bar-value{color:#637083;white-space:nowrap;font-size:.62rem}.usage-bar-stack{border-radius:4px 4px 2px 2px;flex-direction:column-reverse;flex:0 0 228px;justify-content:flex-start;width:min(100%,28px);height:228px;margin:0 auto;display:flex;overflow:hidden}.usage-bar-stack i{min-height:0;transition:height .2s;display:block}.bar-date{color:#637083;white-space:nowrap;font-size:.62rem}.usage-empty{color:#637083;background:#ffffffe0;place-content:center;justify-items:center;gap:5px;display:grid;position:absolute;inset:84px 22px 22px}.usage-empty strong{color:#344258}.usage-empty span{font-size:.82rem}.usage-table-wrap{border:0;border-radius:0}.usage-table-wrap table{font-size:.82rem}.usage-table-wrap th:first-child,.usage-table-wrap td:first-child{padding-left:0}.usage-table-wrap th:last-child,.usage-table-wrap td:last-child{padding-right:0}.usage-table-wrap tr.static-row{cursor:default}.usage-table-wrap tr.static-row:hover{background:0 0}.user-name,.user-id{text-overflow:ellipsis;max-width:290px;display:block;overflow:hidden}.user-id{color:#8a96a8;margin-top:3px;font-size:.7rem}.user-wallet-actions{grid-template-columns:repeat(2,minmax(0,420px));gap:16px;margin-top:28px;display:grid}.user-wallet-actions .token-editor{height:100%;margin-top:0}.usage-link-card{background:#f3f7ff;border:1px solid #c9dbff;border-radius:10px;align-content:start;gap:7px;padding:20px;display:grid}.usage-link-card span{color:#2463eb;letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:800}.usage-link-card strong{color:#172033}.usage-link-card p{color:#637083;margin:0;font-size:.86rem;line-height:1.5}.usage-link-card a{color:#2463eb;width:fit-content;margin-top:auto;padding-top:12px;font-size:.88rem;font-weight:700;text-decoration:none}@media (width<=900px){.usage-kpis,.usage-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-user-filter{grid-column:1/-1}}@media (width<=760px){.login-card{padding:28px 22px}.dashboard{padding:12px}.admin-header{border-radius:12px;top:6px}.admin-topbar{min-height:62px;padding:9px 10px 8px 12px}.brand-mark{width:34px;height:34px}.account-avatar,.account-copy{display:none}.logout-button{margin-left:0}.main-nav{justify-content:flex-start;padding-inline:7px}.main-nav a{flex:none;padding-inline:12px}.protocol-form,.protocol-layout{grid-template-columns:1fr}.wallet-title-row{flex-direction:column;align-items:stretch}.refresh-button{width:fit-content}.usage-kpis,.usage-filters,.user-wallet-actions{grid-template-columns:1fr}.usage-user-filter,.quick-periods{grid-column:auto}.panel-heading{flex-direction:column}}@media (width<=440px){.brand-copy strong{font-size:.82rem}.brand-copy small{font-size:.63rem}.language-switch button{min-width:28px;padding-inline:5px}.logout-button span{display:none}.logout-button{padding:9px}.main-nav a{gap:6px;font-size:.78rem}}