:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111315;background:#f6f4ef;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:304px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:18px;padding:22px;background:#14191d;color:#f8f4eb}.brand{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid rgb(255 255 255 / 12%)}.brand strong,.brand span{display:block}.brand span{margin-top:2px;color:#b9c0be;font-size:13px}.token-field,.form-grid label{display:grid;gap:7px;color:#56615d;font-size:13px;font-weight:650}.token-field{color:#c7cfcc}input,select{width:100%;min-height:40px;border:1px solid #d9d6ce;border-radius:6px;padding:0 11px;background:#fffdfa;color:#111315;outline:none}input:focus,select:focus{border-color:#1b7b64;box-shadow:0 0 0 3px #1b7b6424}.sidebar input,.sidebar select{border-color:#ffffff24;background:#ffffff14;color:#fff}.primary-action,.secondary-action,form button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;border-radius:6px;padding:0 14px;background:#1b7b64;color:#fff;transition:transform .16s ease,background .16s ease}.primary-action:hover,form button:hover{background:#176750;transform:translateY(-1px)}.secondary-action{border:1px solid #d8d2c7;background:#fffdfa;color:#111315}.secondary-action:hover{background:#ece7dd;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55}.service-list,.key-list,.restriction-list{display:grid;gap:8px}.service-row,.key-row{width:100%;border:1px solid transparent;border-radius:6px;padding:10px;background:transparent;color:inherit;text-align:left;transition:background .16s ease,border-color .16s ease}.service-row span,.service-row small,.key-row span,.key-row small{display:block;overflow-wrap:anywhere}.service-row small,.key-row small,.sidebar-empty{margin-top:3px;color:#9aa5a1;font-size:12px}.service-row:hover,.service-row.selected{border-color:#ffffff1a;background:#ffffff14}.owner-setup{display:grid;gap:10px;margin-top:auto;border-top:1px solid rgb(255 255 255 / 12%);padding-top:16px}.section-label{display:flex;align-items:center;gap:8px;color:#dbe3df;font-size:13px;font-weight:700}.side-form{display:grid;gap:9px}.workspace{min-width:0;padding:24px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #dedbd3}.topbar p,.panel-heading p{margin:0 0 4px;color:#66716d;font-size:13px}.topbar h1,.panel-heading h2{margin:0;line-height:1.08;letter-spacing:0}.topbar h1{font-size:clamp(28px,4vw,42px)}.panel-heading{display:flex;justify-content:space-between;gap:18px;margin-bottom:18px}.panel-heading h2{font-size:24px}.status-pill{display:inline-flex;align-items:center;gap:8px;max-width:360px;border:1px solid #d8d2c7;border-radius:999px;padding:8px 12px;background:#fffdfa;color:#2c3a35;font-size:13px}.breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}.crumb{border:1px solid #dedbd3;border-radius:6px;padding:8px 10px;background:#fffdfa;color:#111315;font-size:12px}.crumb.active{border-color:#1b7b64;background:#dceee6;color:#1b7b64;font-weight:700}.metric svg{width:18px;height:18px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.metric{display:flex;align-items:center;gap:12px;min-width:0;border-bottom:1px solid #d8d2c7;padding:12px 0}.metric>span{display:grid;place-items:center;width:38px;height:38px;border-radius:6px;background:#e5efe9;color:#1b7b64;flex:0 0 auto}.metric strong,.metric small{display:block}.metric strong{font-size:24px;line-height:1}.metric small{margin-top:4px;color:#66716d}.tab-panel{min-width:0;border-top:1px solid #cfc9bd;padding-top:16px}.split-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:22px;align-items:start}.service-table{min-width:0}.service-table-head,.service-table-row{display:grid;grid-template-columns:minmax(150px,1fr) 140px 150px minmax(180px,1.2fr) 140px 80px 178px;gap:12px;align-items:center}.service-table-head{border-bottom:1px solid #cfc9bd;padding:0 10px 10px;color:#66716d;font-size:12px;font-weight:700}.service-table-row{width:100%;border:0;border-bottom:1px solid #dedbd3;padding:13px 10px;background:transparent;color:#111315;text-align:left}.service-row-main{display:contents;border:0;padding:0;background:transparent;color:inherit;text-align:left}.service-table-row:hover,.service-table-row.selected{background:#eef8f3}.service-table-row strong,.service-table-row span,.service-table-row code{min-width:0;overflow-wrap:anywhere}.row-actions{display:flex;justify-content:flex-end;gap:6px}.text-action{min-height:32px;border:1px solid #d8d2c7;border-radius:6px;padding:0 10px;background:#fffdfa;color:#111315;white-space:nowrap}.text-action:hover{background:#ece7dd}.data-table{min-width:0}.data-table-head,.data-table-row{display:grid;gap:12px;align-items:center}.data-table-head{border-bottom:1px solid #cfc9bd;padding:0 10px 10px;color:#66716d;font-size:12px;font-weight:700}.data-table-row{border-bottom:1px solid #dedbd3;padding:13px 10px}.data-table-row.selected{background:#eef8f3}.data-row-main{display:contents;border:0;padding:0;background:transparent;color:inherit;text-align:left}.key-table{grid-template-columns:minmax(220px,1.4fr) 100px 110px 120px minmax(150px,.8fr) 178px}.restriction-table{grid-template-columns:120px minmax(220px,1fr) minmax(170px,.65fr) 84px}.usage-table-wrap{margin-top:24px}.usage-table{grid-template-columns:minmax(170px,.7fr) 90px minmax(240px,1.3fr) 80px minmax(120px,.7fr) minmax(150px,.8fr)}.form-grid{display:grid;grid-template-columns:1fr;gap:12px}.service-form{grid-template-columns:repeat(2,minmax(0,1fr))}.service-form label:nth-child(3),.service-form label:nth-child(4),.service-form label:nth-child(7),.service-form button{grid-column:1 / -1}.panel-block{min-width:0;border-left:1px solid #d8d2c7;padding-left:18px}code{overflow-wrap:anywhere;color:#111315;font-family:SFMono-Regular,Consolas,monospace;font-size:13px}.key-row{border-color:#dedbd3;background:#fffdfa;color:#111315}.key-row:hover,.key-row.selected{border-color:#1b7b64;background:#f2faf6}.selected-key{display:grid;grid-template-columns:minmax(0,1fr) 40px 40px;align-items:center;gap:8px;margin-bottom:12px;border:1px solid #d8d2c7;border-radius:6px;padding:8px 8px 8px 10px;background:#fffdfa}.icon-button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:6px;background:#ece7dd;color:#111315}.icon-button.danger{background:#f4ded9;color:#a23a2a}.icon-button.danger:hover{background:#edc9c1}.restriction-row{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;align-items:center;border-bottom:1px solid #dedbd3;padding:10px 0}.restriction-row span{color:#66716d;text-transform:capitalize}.empty-state{margin:0;color:#66716d}.usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.usage-stat{border-top:1px solid #d8d2c7;padding-top:14px}.usage-stat strong,.usage-stat span{display:block}.usage-stat strong{font-size:clamp(30px,6vw,56px);line-height:1}.usage-stat span{margin-top:8px;color:#66716d}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#14191d94}.modal{width:min(680px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;border-radius:8px;padding:20px;background:#f6f4ef;box-shadow:0 24px 80px #0000003d}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;border-bottom:1px solid #d8d2c7;padding-bottom:14px}.modal-header h2,.modal-header p{margin:0}.modal-header p{margin-top:4px;color:#66716d;font-size:13px}@media(max-width:1050px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.service-list,.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.service-table-head,.service-table-row{grid-template-columns:minmax(140px,1fr) 150px minmax(160px,1fr) 178px}.service-table-head span:nth-child(3),.service-table-head span:nth-child(5),.service-table-head span:nth-child(6),.service-table-row span:nth-child(3),.service-table-row span:nth-child(5),.service-table-row span:nth-child(6){display:none}.owner-setup{margin-top:0}}@media(max-width:760px){.workspace,.sidebar{padding:18px}.topbar,.split-layout,.service-form,.usage-grid,.metrics{grid-template-columns:1fr}.topbar{display:grid}.panel-block{border-left:0;border-top:1px solid #d8d2c7;padding:14px 0 0}.service-table-head{display:none}.service-table-row{grid-template-columns:1fr auto;gap:4px}.service-row-main{display:grid;grid-template-columns:1fr;gap:4px}.status-pill{border-radius:6px}}