@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--bg-main: #f2eee1;--bg-sidebar: #22211b;--ink-main: #201d16;--ink-light: #f4f1e6;--line-soft: #d6cfbc;--panel-bg: #fffdf7;--panel-shadow: 0 16px 42px rgba(30, 24, 16, .12);--brand-a: #0f645a;--brand-b: #0d544c;--alert-danger: #8b2d2d;--alert-danger-bg: #f8dddd;--alert-ok: #186f4f;--alert-ok-bg: #dff4e8}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;color:var(--ink-main);background:radial-gradient(circle at 15% 15%,#faf6e9,#ede6d1 36%,#e8deca);font-family:IBM Plex Sans,Segoe UI,sans-serif}button,input{font:inherit}code{font-family:Courier New,monospace;background:#eee6d0;border-radius:6px;padding:2px 6px}.eyebrow{margin:0;letter-spacing:.24em;font-size:.72rem;color:#736b59}.login-root{min-height:100vh;display:grid;place-items:center;padding:24px}.login-shell{width:min(680px,100%);padding:34px;border-radius:18px;background:linear-gradient(145deg,#fffef8,#f8efda);border:1px solid #d8cfb8;box-shadow:var(--panel-shadow);position:relative;overflow:hidden}.login-shell:before{content:"";position:absolute;top:-28%;right:-28%;bottom:-28%;left:-28%;transform:rotate(-9deg);background:linear-gradient(90deg,#0e5f5617,#d96d2914)}.headline-wrap{position:relative;z-index:1}.headline-wrap h1{margin:12px 0 10px;font-family:Bebas Neue,sans-serif;letter-spacing:.05em;font-size:clamp(2.1rem,3.2vw,2.9rem)}.subtitle{margin:0 0 16px;color:#4d493f}.login-form{position:relative;z-index:1;display:grid;gap:12px}.field-label{font-size:.88rem;font-weight:600;color:#4c473c}input{border:1px solid #d0c8b1;background:#fffef8;border-radius:10px;padding:12px 14px;color:var(--ink-main)}input:focus{outline:none;border-color:var(--brand-a);box-shadow:0 0 0 3px #0f645a29}.btn-login,.btn-solid,.btn-ghost,.btn-mini{border-radius:10px;border:none;cursor:pointer;transition:transform .18s ease,box-shadow .2s ease,background .2s ease}.btn-login,.btn-solid{background:linear-gradient(120deg,var(--brand-a),var(--brand-b));color:#f4f8f5;padding:12px 16px;font-weight:600}.btn-login:hover,.btn-solid:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0d544c47}.btn-ghost{background:#ebe4d0;color:#2e2b24;border:1px solid #d4ccb4;padding:9px 12px}.btn-ghost:hover{background:#e2dac2}.btn-mini{background:#f8ecd1;color:#3e3729;border:1px solid #d6c49a;padding:6px 10px;font-size:.85rem}.btn-mini:hover{background:#f3e2bb}.btn-login:disabled,.btn-solid:disabled,.btn-ghost:disabled,.btn-mini:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.error-msg{margin-top:12px;color:var(--alert-danger);font-weight:600}.console-root{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.console-sidebar{background:linear-gradient(180deg,var(--bg-sidebar) 0%,#1a1914 100%);color:var(--ink-light);padding:24px 18px;display:grid;grid-template-rows:auto 1fr auto;gap:20px}.sidebar-brand h1{margin:10px 0 0;font-family:Bebas Neue,sans-serif;letter-spacing:.06em;font-size:2rem;line-height:1}.console-sidebar .eyebrow{color:#bcb19a}.menu-list{display:grid;gap:8px;align-content:start}.menu-item{text-decoration:none;color:#ece7d8;border:1px solid rgba(245,239,224,.14);border-radius:10px;padding:11px 12px;font-size:.92rem;transition:background .2s ease,border-color .2s ease}.menu-item:hover{background:#f3edde1a}.menu-item.router-link-active{background:#4bc3ab33;border-color:#72dcc785;color:#effbf9}.sidebar-logout{width:100%}.console-content{padding:20px clamp(14px,2vw,28px) 28px;display:grid;grid-template-rows:auto 1fr;gap:14px}.content-head{background:linear-gradient(120deg,#2c251c,#211c15);border-radius:14px;color:#f5f1e4;padding:14px 18px}.content-head h2{margin:7px 0 0;font-family:Bebas Neue,sans-serif;letter-spacing:.06em;font-size:clamp(1.65rem,2.2vw,2.2rem)}.content-head .eyebrow{color:#cdc3ab}.content-body{display:grid;gap:14px}.panel{background:var(--panel-bg);border:1px solid var(--line-soft);border-radius:14px;box-shadow:0 7px 18px #281d1014;padding:15px}.panel-title{margin:0 0 10px;font-size:1.02rem}.panel-form{display:grid;gap:10px}.panel-form-3{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-form label{display:grid;gap:6px;font-size:.88rem;color:#4e473a}.action-line{margin-top:10px;display:flex;justify-content:flex-start}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.panel-head-actions{display:flex;align-items:center;gap:8px}.banner{margin-top:10px;margin-bottom:0;padding:10px 12px;border-radius:10px;font-weight:600}.banner.success{background:var(--alert-ok-bg);color:var(--alert-ok)}.banner.danger{background:var(--alert-danger-bg);color:var(--alert-danger)}.one-time-key{margin-top:10px;margin-bottom:0;padding:10px;border-radius:10px;border:1px dashed #b49a6a;background:#fcf6e6;word-break:break-all}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{border-bottom:1px solid #e8e1ce;text-align:left;padding:10px 8px;font-size:.9rem}th{color:#4f4739;font-weight:600}.status-chip{display:inline-block;border-radius:999px;padding:4px 8px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.status-chip.ok{background:#dbf3e5;color:#18714e}.status-chip.off{background:#f8e2d8;color:#804327}.status-chip.expired{background:#f7d6dc;color:#8b2d2d}.empty-cell{text-align:center;color:#6f6858}.api-key-cell{max-width:360px}.api-key-cell code{display:inline-block;max-width:100%;white-space:normal;word-break:break-all;line-height:1.35}.table-actions{display:flex;flex-wrap:wrap;gap:6px}.pager{margin-top:12px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.pager-info{margin:0;color:#554e3f;font-size:.9rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#16110c75;display:grid;place-items:center;padding:16px;z-index:1200}.modal-card{width:min(760px,calc(100vw - 32px));background:#fffef9;border:1px solid #d8cfb7;border-radius:16px;box-shadow:0 20px 60px #15100a47;padding:18px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-head h4{margin:0;font-size:1.08rem}.modal-close{width:32px;height:32px;border-radius:8px;border:1px solid #cec4ac;background:#efe7d3;color:#3f3727;cursor:pointer}.modal-close:hover{background:#e4dbc3}.modal-form{margin-top:12px}.modal-actions{margin-top:16px;display:flex;justify-content:flex-end;gap:10px}@media(max-width:1040px){.console-root{grid-template-columns:1fr}.console-sidebar{grid-template-rows:auto auto auto;gap:14px}.menu-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.panel-form-3{grid-template-columns:1fr}}@media(max-width:640px){.menu-list{grid-template-columns:1fr}.panel-head-actions{width:100%;justify-content:flex-end}.modal-card{width:100%;padding:14px}.pager{flex-wrap:wrap;justify-content:flex-start}}