:root{--color-primary:#f5f5f5; --color-on-primary:#0a0a0a; --color-ink:#f5f5f5; --color-ink-hover:#fff; --color-body:#a1a1aa; --color-body-mid:#8b8b94; --color-mute:#8b8b94; --color-hairline:#1b1c20; --color-border:#26272b; --color-canvas:#0a0a0a; --color-canvas-soft:#111113; --color-canvas-card:#17181a; --color-canvas-mid:#1f2023; --color-surface-soft:#111113; --color-surface-card:#17181a; --color-surface-dark:#0a0a0a; --color-surface-dark-elevated:#17181a; --color-on-dark:#f5f5f5; --color-ash:#71717a; --color-accent-sunset:#f5f5f5; --color-accent-sunset-soft:#fff; --color-danger:#ef4444; --color-success:#22c55e; --color-warning:#eab308; --color-info:#60a5fa; --spacing-xxs:2px; --spacing-xs:4px; --spacing-sm:8px; --spacing-md:12px; --spacing-lg:16px; --spacing-xl:24px; --spacing-2xl:32px; --spacing-3xl:48px; --spacing-4xl:64px; --spacing-section:48px; --radius-sm:8px; --radius-md:12px; --radius-lg:14px; --radius-pill:9999px; --radius-full:9999px; --font-display:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --font-body:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; --sidebar-width:240px; --topbar-height:56px}*{box-sizing:border-box}html,body{margin:0; padding:0; min-height:100%; background:var(--color-canvas); color:var(--color-ink); font-family:var(--font-body); font-size:16px; line-height:1.5; letter-spacing:0}body{overflow-x:hidden}::selection{background:rgba(245,245,245,0.18); color:var(--color-ink)}a{color:var(--color-ink); text-decoration:none}a:hover{text-decoration:underline; text-underline-offset:3px}h1,h2,h3,h4,p{margin-top:0}h1{margin-bottom:var(--spacing-lg); font-size:40px; font-weight:400; line-height:1.05; letter-spacing:-0.04em}h2{margin-bottom:var(--spacing-lg); font-size:28px; font-weight:400; line-height:1.15; letter-spacing:-0.03em}h3{margin-bottom:var(--spacing-md); font-size:18px; font-weight:500; line-height:1.35}h4{margin-bottom:var(--spacing-md); font-size:16px; font-weight:500; line-height:1.4}p{margin-bottom:var(--spacing-md); color:var(--color-body)}.btn{min-height:44px; min-width:0; padding:0 14px; border:1px solid var(--color-border); border-radius:var(--radius-pill); background:transparent; color:var(--color-ink); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:8px; font:inherit; font-size:14px; line-height:1; text-align:center; text-decoration:none; transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn:hover{background:var(--color-canvas-card); border-color:#3f4045; text-decoration:none}.btn-primary{background:var(--color-primary); color:var(--color-on-primary); border-color:var(--color-primary)}.btn-primary:hover{background:#fff; color:var(--color-on-primary); border-color:#fff}.btn-secondary{background:transparent; color:var(--color-ink); border-color:var(--color-border)}.btn-danger{color:var(--color-danger); border-color:rgba(239,68,68,.45); background:transparent}.btn-danger:hover{background:rgba(239,68,68,.1); border-color:rgba(239,68,68,.65)}.btn:disabled,button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed; opacity:.48}.btn-sm{min-height:36px; padding:0 12px; font-size:13px}.btn-icon{width:28px; min-height:28px; padding:0; border:none; background:transparent; color:var(--color-mute); border-radius:var(--radius-sm); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; transition:color .15s ease,background .15s ease}.btn-icon:hover{color:var(--color-ink); background:var(--color-canvas-mid)}.btn-icon-danger:hover{color:var(--color-danger); background:rgba(239,68,68,.1)}.btn-icon-success:hover{color:#16a34a; background:rgba(22,163,74,.1)}.btn-icon:disabled{opacity:.48; cursor:not-allowed}.btn-outline-primary{background:transparent; color:var(--color-primary); border-color:var(--color-border)}.btn-outline-primary:hover{background:var(--color-canvas-soft); border-color:var(--color-border); color:var(--color-ink-hover)}.btn-outline-warning{background:transparent; color:var(--color-warning); border-color:rgba(234,179,8,.32)}.btn-outline-warning:hover{background:rgba(234,179,8,.1); border-color:rgba(234,179,8,.55)}.btn-outline-success{background:transparent; color:var(--color-success); border-color:rgba(34,197,94,.32)}.btn-outline-success:hover{background:rgba(34,197,94,.1); border-color:rgba(34,197,94,.55)}.btn-outline-danger{background:transparent; color:var(--color-danger); border-color:rgba(239,68,68,.32)}.btn-outline-danger:hover{background:rgba(239,68,68,.1); border-color:rgba(239,68,68,.55)}.btn-link{border:none; background:none; color:var(--color-body); cursor:pointer; padding:0; font:inherit}.btn-link:hover{color:var(--color-ink)}.form-control,.form-select,.input{width:100%; min-height:44px; border:1px solid var(--color-border); border-radius:var(--radius-sm); background:var(--color-canvas-soft); color:var(--color-ink); padding:0 12px; font:inherit}.form-control:focus,.form-select:focus,.input:focus{outline:none; border-color:#52525b; box-shadow:0 0 0 2px var(--color-canvas),0 0 0 4px rgba(245,245,245,.55)}.btn:focus-visible,.btn-link:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid rgba(245,245,245,.85); outline-offset:3px}.form-control::placeholder{color:var(--color-body-mid)}textarea.form-control{height:auto; min-height:100px; padding:10px 12px; resize:vertical}.form-label{display:block; margin-bottom:var(--spacing-xs); color:var(--color-body); font-size:14px}.form-check{display:flex; align-items:flex-start; gap:var(--spacing-sm)}.form-check-input{width:18px; height:18px; margin:3px 0 0; flex-shrink:0; cursor:pointer; accent-color:var(--color-primary)}.form-check-label{color:var(--color-body); font-size:14px; line-height:1.45; cursor:pointer}.card,.info-card,.catalog-state,.modal-dialog{border:1px solid var(--color-hairline); border-radius:var(--radius-lg); background:var(--color-canvas-soft)}.card{padding:var(--spacing-xl)}.card:hover{border-color:var(--color-border); background:var(--color-canvas-card)}.card-header{padding:0 0 var(--spacing-lg); margin-bottom:var(--spacing-lg); border-bottom:1px solid var(--color-hairline); color:var(--color-body-mid); font-size:13px; letter-spacing:.06em; text-transform:uppercase}.card-body{padding:0}.table-wrap{overflow-x:auto; border:1px solid var(--color-hairline); border-radius:var(--radius-md); background:var(--color-canvas)}.table-scroll{overflow-x:auto}.table{width:100%; border-collapse:collapse; font-size:14px}.table th{height:40px; padding:0 14px; text-align:left; color:var(--color-body-mid); font-size:12px; font-weight:400; border-bottom:1px solid var(--color-hairline); white-space:nowrap}.table caption{padding:12px 14px; color:var(--color-body-mid); text-align:left; font-size:12px}.table td{padding:12px 14px; border-bottom:1px solid var(--color-hairline); color:var(--color-body); vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-canvas-soft)}.table tr:focus-visible td{background:var(--color-canvas-card)}.table .num{text-align:right; font-variant-numeric:tabular-nums}.badge{display:inline-flex; height:22px; align-items:center; padding:0 8px; border:1px solid var(--color-border); border-radius:var(--radius-pill); background:var(--color-canvas-soft); color:var(--color-body); font-size:12px; line-height:1}.badge-success{color:var(--color-success); border-color:rgba(34,197,94,.32)}.badge-warning{color:var(--color-warning); border-color:rgba(234,179,8,.32)}.badge-danger{color:var(--color-danger); border-color:rgba(239,68,68,.32)}.badge-secondary{color:var(--color-body-mid); border-color:var(--color-border)}.badge-info{color:var(--color-info); border-color:rgba(96,165,250,.32)}code,.text-mono,.mono{font-family:var(--font-mono)}code{padding:2px 6px; border-radius:6px; background:var(--color-canvas-soft); color:var(--color-body); font-size:12px; overflow-wrap:anywhere}code.d-block{display:block; padding:var(--spacing-md) var(--spacing-lg)}.text-muted{color:var(--color-body-mid) !important}.text-center{text-align:center}.text-mono{color:var(--color-body-mid); font-size:12px}.alert{padding:var(--spacing-md) var(--spacing-lg); border:1px solid var(--color-hairline); border-radius:var(--radius-md); background:var(--color-canvas-card); color:var(--color-body); margin-bottom:var(--spacing-lg)}.alert-danger{border-color:rgba(239,68,68,.45); color:var(--color-danger)}.alert-success{border-color:rgba(34,197,94,.45); color:var(--color-success)}.alert-warning{border-color:rgba(234,179,8,.45); color:var(--color-warning)}.alert-info{border-color:rgba(96,165,250,.45); color:var(--color-info)}.spinner{display:inline-block; width:20px; height:20px; border:2px solid var(--color-hairline); border-top-color:var(--color-ink); border-radius:50%; animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn.is-loading{pointer-events:none; opacity:.7}.btn.is-loading::after{content:""; width:14px; height:14px; margin-left:6px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:spin .7s linear infinite}.validation-message{color:var(--color-danger); font-size:13px; margin-top:var(--spacing-xs)}.valid.modified:not([type=checkbox]){border-color:var(--color-success)}.invalid{border-color:var(--color-danger)}.row{display:flex; flex-wrap:wrap; margin-left:calc(var(--spacing-lg) * -1)}.row > *{padding-left:var(--spacing-lg)}.col-md-4{width:calc(4 / 12 * 100%)}.col-md-6{width:calc(6 / 12 * 100%)}.col-md-8{width:calc(8 / 12 * 100%)}.col-md-10{width:calc(10 / 12 * 100%)}.col-md-12{width:100%}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.d-flex{display:flex}.gap-2{gap:var(--spacing-md)}.gap-3{gap:var(--spacing-lg)}.align-items-center{align-items:center}.w-100{width:100% !important}.mb-0{margin-bottom:0 !important}.mb-1{margin-bottom:var(--spacing-sm) !important}.mb-2{margin-bottom:var(--spacing-md) !important}.mb-3{margin-bottom:var(--spacing-lg) !important}.mb-4{margin-bottom:var(--spacing-xl) !important}.mt-0{margin-top:0 !important}.mt-1{margin-top:var(--spacing-sm) !important}.mt-2{margin-top:var(--spacing-md) !important}.mt-3{margin-top:var(--spacing-lg) !important}.mt-4{margin-top:var(--spacing-xl) !important}.mt-5{margin-top:var(--spacing-2xl) !important}.me-1{margin-right:var(--spacing-sm) !important}.me-2{margin-right:var(--spacing-md) !important}.ms-2{margin-left:var(--spacing-md) !important}.ms-3{margin-left:var(--spacing-lg) !important}.section{padding:var(--spacing-3xl) 0; border-bottom:1px solid var(--color-hairline)}.section:last-child{border-bottom:none}.section-header{margin-bottom:var(--spacing-xl)}.eyebrow,.header-label,.section-label,.section-marker{color:var(--color-body-mid); font-size:13px; letter-spacing:.06em; text-transform:uppercase}.list-row{padding:var(--spacing-lg) 0; border-bottom:1px solid var(--color-hairline); display:flex; align-items:center; justify-content:space-between; gap:var(--spacing-lg)}.list-row:last-child{border-bottom:none}.empty-state{text-align:center; padding:var(--spacing-3xl); color:var(--color-body-mid)}.empty-state-icon{font-size:40px; margin-bottom:var(--spacing-lg); opacity:.5}.panel{border:1px solid var(--color-hairline); border-radius:var(--radius-lg); background:var(--color-canvas-card); margin-bottom:var(--spacing-lg)}.panel-header{min-height:52px; display:flex; align-items:center; padding:0 var(--spacing-lg); border-bottom:1px solid var(--color-hairline); font-size:15px; font-weight:500}.panel-body{padding:var(--spacing-lg)}.panel-marker{display:none}.page-header{margin-bottom:var(--spacing-2xl)}.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}.skip-link{position:fixed; top:8px; left:8px; z-index:10000; transform:translateY(-140%); min-height:44px; display:inline-flex; align-items:center; padding:0 14px; border:1px solid var(--color-border); border-radius:var(--radius-pill); background:var(--color-primary); color:var(--color-on-primary)}.skip-link:focus{transform:translateY(0)}.modal{position:fixed; inset:0; background:rgba(0,0,0,.72); display:flex; align-items:center; justify-content:center; z-index:1000; padding:16px; pointer-events:none}.modal-dialog{padding:var(--spacing-xl); max-width:480px; width:100%; pointer-events:auto}.modal-header{margin-bottom:var(--spacing-lg)}.modal-title{margin:0; font-size:20px; font-weight:400}.modal-body{margin-bottom:var(--spacing-lg); color:var(--color-body)}.modal-footer{display:flex; gap:var(--spacing-md); justify-content:flex-end}.app-shell{display:grid; grid-template-columns:var(--sidebar-width) minmax(0,1fr); grid-template-rows:var(--topbar-height) minmax(0,1fr); min-height:100vh; background:var(--color-canvas)}.app-shell--no-sidebar{grid-template-columns:1fr}.topbar{grid-column:1 / -1; position:sticky; top:0; z-index:50; height:var(--topbar-height); display:flex; align-items:center; border-bottom:1px solid var(--color-hairline); background:rgba(10,10,10,.88); backdrop-filter:blur(12px)}.topbar-brand{width:var(--sidebar-width); flex-shrink:0; height:100%; display:flex; align-items:center; gap:10px; padding:0 16px; color:var(--color-ink); font-size:14px; text-decoration:none; border-right:1px solid var(--color-hairline)}.topbar-brand:hover{text-decoration:none; color:var(--color-ink)}.app-shell--no-sidebar .topbar-brand{padding-left:24px}.logo-mark{width:30px; height:30px; border:1px solid var(--color-hairline); border-radius:7px; display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-size:11px; background:var(--color-canvas-soft); flex-shrink:0}.topbar-brand-name{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}.topbar-nav,.topbar-actions{display:flex; align-items:center; gap:6px}.topbar-nav{flex:1; min-width:0; padding:0 12px}.topbar-actions{padding:0 24px 0 0}.topbar-link{min-height:44px; display:inline-flex; align-items:center; padding:0 10px; border-radius:var(--radius-pill); color:var(--color-body); font-size:14px; text-decoration:none}.topbar-link:hover,.topbar-link.active{color:var(--color-ink); background:var(--color-canvas-soft); text-decoration:none}.main-pane{grid-column:2; min-width:0; padding:32px; width:100%}.app-shell--no-sidebar .main-pane{grid-column:1}.content{width:100%}.user-menu{position:relative}.user-menu-trigger{display:inline-flex; align-items:center; gap:8px; padding:4px 10px 4px 4px; border-radius:var(--radius-pill); border:1px solid var(--color-border); background:transparent; color:var(--color-ink); font-size:14px; font-family:inherit; cursor:pointer; min-height:36px; transition:background 150ms ease,border-color 150ms ease}.user-menu-trigger:hover{background:var(--color-canvas-soft)}.user-avatar{width:26px; height:26px; border-radius:50%; background:var(--color-canvas-mid); border:1px solid var(--color-border); color:var(--color-ink); display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:600; flex-shrink:0; text-transform:uppercase; line-height:1}.user-display-name{font-size:14px; font-weight:500; color:var(--color-ink); max-width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}.user-chevron{color:var(--color-body); flex-shrink:0; transition:transform 200ms ease}.user-menu--open .user-chevron{transform:rotate(180deg)}.user-dropdown{position:absolute; top:calc(100% + 6px); right:0; min-width:200px; background:var(--color-canvas-card); border:1px solid var(--color-border); border-radius:var(--radius-md); box-shadow:0 8px 32px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3); padding:6px; z-index:100}.dropdown-item{display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:var(--radius-sm); color:var(--color-ink); font-size:14px; text-decoration:none !important; cursor:pointer; width:100%; border:none; background:transparent; font-family:inherit; transition:background 100ms ease}.dropdown-item:hover,.dropdown-item.active{background:var(--color-canvas-mid); color:var(--color-ink); text-decoration:none !important}.dropdown-item svg{flex-shrink:0; opacity:0.65}.dropdown-item:hover svg,.dropdown-item.active svg{opacity:1}.dropdown-separator{height:1px; background:var(--color-border); margin:4px 0}.dropdown-item--danger,.dropdown-item--danger.active,.dropdown-item--danger:hover{color:var(--color-danger) !important}.dropdown-item--danger:hover{background:rgba(239,68,68,.1)}.dropdown-currency{display:flex; flex-direction:column; align-items:stretch; gap:6px; padding:8px 10px}.dropdown-currency-label{color:var(--color-mute); font-size:12px; text-transform:uppercase; letter-spacing:.04em}.ccy-switch{display:inline-flex; border:1px solid var(--color-border); border-radius:var(--radius-sm); overflow:hidden}.ccy-btn{min-width:30px; padding:4px 8px; border:none; background:transparent; color:var(--color-body); font:inherit; font-size:13px; cursor:pointer; transition:background 100ms ease,color 100ms ease}.ccy-btn + .ccy-btn{border-left:1px solid var(--color-border)}.ccy-btn:hover{background:var(--color-canvas-mid); color:var(--color-ink)}.ccy-btn.active{background:var(--color-canvas-card); color:var(--color-ink); font-weight:600}.dropdown-language{display:flex; flex-direction:column; align-items:stretch; gap:6px; padding:8px 10px}.lang-switch{display:inline-flex; border:1px solid var(--color-border); border-radius:var(--radius-sm); overflow:hidden}.lang-switch--compact{margin-right:var(--spacing-sm)}.dropdown-currency .ccy-switch,.dropdown-language .ccy-switch{display:flex; width:100%}.dropdown-currency .ccy-btn,.dropdown-language .ccy-btn{flex:1 1 0; text-align:center}.sidebar{position:fixed; left:0; top:var(--topbar-height); width:var(--sidebar-width); height:calc(100vh - var(--topbar-height)); overflow-y:auto; background:var(--color-canvas); border-right:1px solid var(--color-hairline); padding:16px 12px; z-index:40}.sidebar-nav{display:grid; gap:10px}.nav-section{display:grid; gap:3px; margin:8px 0 16px}.nav-section-title{padding:0 10px 8px; color:var(--color-body-mid); font-size:12px; letter-spacing:.06em; text-transform:uppercase}.nav-item{min-height:44px; display:flex; align-items:center; gap:10px; padding:0 10px; border-radius:8px; color:var(--color-body); font-size:14px; text-decoration:none; transition:background 100ms ease,color 100ms ease}.nav-item:hover,.nav-item.active{color:var(--color-ink); background:var(--color-canvas-soft); text-decoration:none}.nav-icon{width:18px; height:18px; display:inline-block; color:var(--color-body-mid); background:currentColor; flex:0 0 18px; mask:var(--icon) center / contain no-repeat; -webkit-mask:var(--icon) center / contain no-repeat}.nav-icon-home{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10.5 9-7 9 7'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3C/svg%3E")}.nav-icon-models{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6' height='6' rx='1'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1'/%3E%3Crect x='14' y='14' width='6' height='6' rx='1'/%3E%3C/svg%3E")}.nav-icon-key{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='15.5' r='3.5'/%3E%3Cpath d='m10 13 9-9'/%3E%3Cpath d='m15 4 5 5'/%3E%3Cpath d='m14 9 2 2'/%3E%3C/svg%3E")}.nav-icon-usage{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='m7 15 4-4 3 3 5-7'/%3E%3C/svg%3E")}.sidebar-auth{display:flex; flex-direction:column; gap:8px; padding:8px 0}.sidebar-auth-btn{width:100%; text-align:center; justify-content:center}.ws-shell{display:grid; grid-template-columns:var(--sidebar-width) minmax(0,1fr); min-height:calc(100vh - var(--topbar-height)); margin:-32px}.ws-sidebar{position:fixed; left:0; top:var(--topbar-height); width:var(--sidebar-width); height:calc(100vh - var(--topbar-height)); overflow-y:auto; border-right:1px solid var(--color-hairline); padding:16px 12px; background:var(--color-canvas); z-index:40; display:flex; flex-direction:column; gap:2px}.ws-sidebar-header{font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:var(--color-body-mid); padding:0 10px 8px}.ws-nav-item{min-height:44px; display:flex; align-items:center; gap:10px; padding:0 10px; border-radius:8px; color:var(--color-body); font-size:14px; text-decoration:none; transition:background 100ms ease,color 100ms ease}.ws-nav-item:hover,.ws-nav-item.active{background:var(--color-canvas-soft); color:var(--color-ink); text-decoration:none}.ws-nav-item svg{flex-shrink:0; opacity:0.6}.ws-nav-item:hover svg,.ws-nav-item.active svg{opacity:1}.ws-content{grid-column:1 / -1; padding:32px; min-width:0}.ws-section-header{margin-bottom:24px}.ws-section-header h2{margin:0 0 6px; font-size:18px; font-weight:500; color:var(--color-ink)}.ws-section-desc{margin:0; font-size:13px; color:var(--color-body)}.ws-panel{border:1px solid var(--color-hairline); border-radius:var(--radius-lg); background:var(--color-canvas-card); margin-bottom:var(--spacing-lg)}.ws-panel-header{padding:14px var(--spacing-lg); border-bottom:1px solid var(--color-hairline); font-size:14px; font-weight:500; color:var(--color-ink)}.ws-panel-header--split{display:flex; align-items:center; justify-content:space-between}.ws-panel-body{padding:var(--spacing-lg)}.ws-btn-row{display:flex; gap:var(--spacing-md)}.ws-actions-cell{display:flex; align-items:center; gap:2px}.ws-key-preview{font-family:var(--font-mono); background:var(--color-canvas-mid); padding:var(--spacing-md) var(--spacing-lg); border-radius:var(--radius-sm); word-break:break-all; font-size:13px; flex:1}.ws-key-copy-row{display:flex; align-items:flex-start; gap:var(--spacing-md); margin-top:var(--spacing-md)}.ws-key-copy-btn{display:inline-flex; align-items:center; gap:6px; white-space:nowrap; flex-shrink:0}.ws-balance-amount{font-size:28px; font-weight:600; color:var(--color-ink)}.ws-balance-currency{font-size:16px; font-weight:400; color:var(--color-body)}.ws-topup-bonus{font-size:13px; margin-bottom:var(--spacing-lg)}.ws-topup-fields{display:flex; flex-wrap:wrap; gap:var(--spacing-md); margin-bottom:var(--spacing-lg)}.ws-topup-field{display:flex; flex-direction:column}.ws-topup-field .form-label{margin-bottom:var(--spacing-xs)}.ws-topup-field--amount{width:180px}.ws-topup-field--currency{width:120px}.ws-topup-form .legal-consent{margin:0 0 var(--spacing-lg)}.ws-topup-actions{display:flex; flex-wrap:wrap; align-items:center; gap:var(--spacing-md)}.ws-topup-hint{margin:var(--spacing-md) 0 0; font-size:13px; color:var(--color-body)}.btn-yapay{display:inline-flex; align-items:center; justify-content:center; gap:var(--spacing-sm); min-height:44px; padding:0 18px; border:1px solid transparent; border-radius:var(--radius-pill); background:#fff; color:#0a0a0a; font:inherit; font-size:14px; line-height:1; cursor:pointer; transition:background-color .15s ease}.btn-yapay:hover:not(:disabled){background:#e8e8e8}.btn-yapay:disabled{cursor:not-allowed; opacity:.48}.btn-yapay-logo{display:block; height:20px; width:auto}.btn-yapay[data-busy="true"] .btn-yapay-logo{display:none}.ws-info-row{display:flex; align-items:center; gap:16px; padding:10px 0; border-bottom:1px solid var(--color-hairline); font-size:14px}.ws-info-row:last-child{border-bottom:none}.ws-info-label{width:140px; flex-shrink:0; color:var(--color-body); font-size:13px}.sidenav-shell{display:grid; grid-template-columns:var(--sidebar-width) minmax(0,1fr); min-height:calc(100vh - var(--topbar-height)); margin:-32px}.sidenav{position:fixed; left:0; top:var(--topbar-height); width:var(--sidebar-width); height:calc(100vh - var(--topbar-height)); overflow-y:auto; border-right:1px solid var(--color-hairline); padding:16px 12px; background:var(--color-canvas); z-index:40; display:flex; flex-direction:column; gap:2px}.sidenav-title{font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:var(--color-body-mid); padding:0 10px 8px}.sidenav-item{min-height:44px; display:flex; align-items:center; gap:10px; padding:0 10px; border-radius:8px; color:var(--color-body); font-size:14px; text-decoration:none; transition:background 100ms ease,color 100ms ease}.sidenav-item:hover,.sidenav-item.active{background:var(--color-canvas-soft); color:var(--color-ink); text-decoration:none}.sidenav-item svg{flex-shrink:0; opacity:0.6}.sidenav-item:hover svg,.sidenav-item.active svg{opacity:1}.sidenav-content{grid-column:1 / -1; padding:32px; min-width:0}.app-shell--no-sidebar .sidenav-content{margin-left:var(--sidebar-width)}.adm-section-head{margin-bottom:24px}.adm-section-head h2{margin:0 0 4px; font-size:18px; font-weight:500}.adm-section-head p{margin:0; font-size:13px; color:var(--color-body)}.adm-card{border:1px solid var(--color-hairline); border-radius:var(--radius-lg); background:var(--color-canvas-card); margin-bottom:var(--spacing-lg)}.adm-card-header{padding:14px var(--spacing-lg); border-bottom:1px solid var(--color-hairline); font-size:14px; font-weight:500}.adm-card-header--split{display:flex; align-items:center; justify-content:space-between}.adm-card-body{padding:var(--spacing-lg)}.adm-info-row{display:flex; align-items:center; gap:16px; padding:10px 0; border-bottom:1px solid var(--color-hairline); font-size:14px}.adm-info-row:last-child{border-bottom:none}.adm-info-label{width:140px; flex-shrink:0; color:var(--color-body); font-size:13px}.adm-form-row{display:grid; grid-template-columns:1fr 1fr; gap:var(--spacing-lg); margin-bottom:var(--spacing-lg)}.adm-btn-row{display:flex; gap:var(--spacing-md); margin-top:var(--spacing-lg)}.adm-actions-cell{display:flex; align-items:center; gap:2px}.adm-key-preview{font-family:var(--font-mono); background:var(--color-canvas-mid); padding:var(--spacing-md) var(--spacing-lg); border-radius:var(--radius-sm); margin-top:var(--spacing-md); word-break:break-all; font-size:13px; display:block}.adm-tool-logo{width:28px; height:28px; border-radius:var(--radius-sm); object-fit:contain; border:1px solid var(--color-hairline); background:var(--color-canvas-soft); display:block}.adm-logo-preview{display:flex; align-items:center; gap:var(--spacing-md)}.adm-logo-preview img{width:48px; height:48px; object-fit:contain; border:1px solid var(--color-hairline); border-radius:var(--radius-sm); background:var(--color-canvas-soft)}.adm-logo-preview label{font-size:13px; color:var(--color-body)}.md-editor{font-family:var(--font-mono); font-size:13px; line-height:20px; resize:vertical}.md-dropzone{display:flex; align-items:center; flex-wrap:wrap; gap:var(--spacing-md); padding:var(--spacing-lg); border:1px dashed var(--color-hairline); border-radius:var(--radius-md); background:var(--color-canvas-soft); margin-bottom:var(--spacing-lg)}.md-dropzone.is-dragover{border-color:var(--color-border); background:var(--color-canvas-mid)}.md-dropzone-hint{font-size:13px; color:var(--color-body)}.md-upload-status{font-size:13px; color:var(--color-body); margin-left:auto}.md-upload-status.is-error{color:#dc2626}.md-image-strip{display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:var(--spacing-md)}.md-image-card{margin:0; border:1px solid var(--color-hairline); border-radius:var(--radius-md); overflow:hidden; background:var(--color-canvas-card)}.md-image-card img{width:100%; height:110px; object-fit:cover; display:block; background:var(--color-canvas-soft)}.md-image-card figcaption{padding:6px var(--spacing-md) 0; font-size:12px; color:var(--color-body); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}.md-image-actions{display:flex; align-items:center; justify-content:space-between; gap:4px; padding:0 var(--spacing-md) 6px}.md-image-hint{font-size:11px; color:var(--color-body); opacity:.7}.act-period-bar{display:flex; gap:6px; margin-top:var(--spacing-md); margin-bottom:var(--spacing-lg)}.act-period-btn{min-height:32px; display:inline-flex; align-items:center; padding:0 14px; border:1px solid var(--color-border); border-radius:var(--radius-pill); background:transparent; color:var(--color-body); font-size:13px; text-decoration:none; transition:background .15s ease,color .15s ease,border-color .15s ease}.act-period-btn:hover{color:var(--color-ink); background:var(--color-canvas-soft); text-decoration:none}.act-period-btn--active{color:var(--color-ink); background:var(--color-canvas-mid); border-color:var(--color-border)}.act-stat-row{display:grid; grid-template-columns:repeat(4,1fr); gap:var(--spacing-md); margin-bottom:var(--spacing-lg)}.act-stat-card{border:1px solid var(--color-hairline); border-radius:var(--radius-lg); background:var(--color-canvas-card); padding:var(--spacing-lg)}.act-stat-label{color:var(--color-body-mid); font-size:12px; margin-bottom:6px}.act-stat-value{color:var(--color-ink); font-size:22px; font-weight:500; font-variant-numeric:tabular-nums}.act-filter-form{}.act-filter-row{display:flex; flex-wrap:wrap; gap:var(--spacing-md); align-items:flex-end}.act-filter-field{display:flex; flex-direction:column; min-width:140px}.act-filter-field--wide{min-width:200px; flex:1}.act-filter-date{max-width:160px}.act-filter-actions{display:flex; flex-direction:column}.act-summary-table{table-layout:fixed}.act-summary-table colgroup .col-text{width:30%}.act-summary-table colgroup .col-num{width:14%}.act-usage-table{table-layout:fixed; width:100%}.act-usage-table th,.act-usage-table td{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}.act-usage-table th:nth-child(1){width:14%}.act-usage-table th:nth-child(2){width:12%}.act-usage-table th:nth-child(3){width:18%}.act-usage-table th:nth-child(4),.act-usage-table th:nth-child(5),.act-usage-table th:nth-child(6),.act-usage-table th:nth-child(7){width:10%}.act-usage-table th:nth-child(8){width:10%}.act-pagination{padding:var(--spacing-md) var(--spacing-lg); display:flex; justify-content:flex-end; border-top:1px solid var(--color-hairline)}@media (max-width:768px){h1{font-size:34px}h2{font-size:24px}.col-md-4,.col-md-6,.col-md-8,.col-md-10{width:100%}.list-row{align-items:flex-start; flex-direction:column; gap:4px}.app-shell{grid-template-columns:1fr}.topbar-brand{width:auto; border-right:none; padding-left:16px}.topbar-nav{overflow-x:auto; padding:0 8px}.topbar-actions{padding-right:16px}.main-pane{grid-column:1; padding:20px 16px}.sidebar{display:none}.sidenav-shell{grid-template-columns:1fr; margin:-20px -16px}.sidenav{position:static; width:auto; height:auto; border-right:none; border-bottom:1px solid var(--color-hairline); flex-direction:row; flex-wrap:wrap; gap:4px; padding:12px 8px}.sidenav-title{display:none}.sidenav-item{width:auto; flex:0 0 auto; padding:0 12px}.sidenav-content{grid-column:1; margin-left:0; padding:20px 16px}.adm-form-row{grid-template-columns:1fr}}@media (max-width:480px){.topbar-brand-name{display:none}.topbar-brand{padding-right:8px}.topbar-nav{padding:0 4px}.topbar-link{padding:0 8px}.topbar-actions{padding-right:8px}}@media (pointer:coarse){.btn-icon,.copy-btn{min-width:44px; min-height:44px}.btn-sm,.act-period-btn,.filter-pill{min-height:44px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none; margin:0}input[type=number]{-moz-appearance:textfield}.app-footer{border-top:1px solid var(--color-hairline); padding:var(--spacing-lg) var(--spacing-xl); background:var(--color-canvas)}.app-footer-content{display:flex; gap:var(--spacing-xl); justify-content:center; font-size:13px; color:var(--color-body-mid)}.app-footer-content a{color:var(--color-body-mid); text-decoration:none}.app-footer-content a:hover{color:var(--color-ink); text-decoration:underline}.legal-document{max-width:800px; margin:0 auto; line-height:1.7}.legal-document h1{margin-bottom:var(--spacing-xl)}.legal-document h2{margin-top:var(--spacing-2xl); margin-bottom:var(--spacing-lg)}.legal-document p{margin-bottom:var(--spacing-md); color:var(--color-body)}.legal-document ul,.legal-document ol{margin-bottom:var(--spacing-md); padding-left:var(--spacing-xl); color:var(--color-body)}.legal-document li{margin-bottom:var(--spacing-xs)}.legal-consent{margin:var(--spacing-lg) 0}.breadcrumb{color:var(--color-body); font-size:15px; margin-bottom:20px}.breadcrumb a{color:var(--color-body); text-decoration:none}.breadcrumb a:hover{color:var(--color-ink); text-decoration:underline}.breadcrumb-sep{color:var(--color-mute); margin:0 6px}.tabs{display:flex; gap:2px; border-bottom:1px solid var(--color-hairline); overflow-x:auto}.tab{height:42px; display:inline-flex; align-items:center; padding:0 14px; border-bottom:1px solid transparent; color:var(--color-body); font-size:14px; white-space:nowrap; text-decoration:none; transition:color .15s ease,border-color .15s ease}.tab:hover{color:var(--color-ink); text-decoration:none}.tab.active{color:var(--color-ink); border-bottom-color:var(--color-ink)}.filter-chips{display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px}.filter-chip{display:inline-flex; align-items:center; gap:4px; padding:2px 8px; border-radius:999px; font-size:12px; background:var(--color-canvas-soft); border:1px solid var(--color-border); color:var(--color-body)}.filter-chip-remove{background:none; border:none; cursor:pointer; font-size:14px; line-height:1; color:var(--color-body-mid); text-decoration:none; padding:0 2px}.filter-chip-remove:hover{color:var(--color-danger)}.filter-clickable{cursor:pointer; text-decoration:underline dotted; text-underline-offset:2px}.filter-clickable:hover{color:var(--color-primary)}.filter-summary{display:flex; flex-wrap:wrap; gap:16px; padding:10px 14px; margin-bottom:14px; background:var(--color-canvas-soft); border:1px solid var(--color-hairline); border-radius:var(--radius-lg); font-size:13px}.filter-summary-item{white-space:nowrap}.filter-multiselect{position:relative; display:inline-block}.ms-toggle{display:inline-flex; align-items:center; gap:4px; padding:4px 10px; font-size:13px; line-height:1.2; background:var(--color-canvas); border:1px solid var(--color-border); color:var(--color-body); border-radius:var(--radius-md,6px); cursor:pointer; white-space:nowrap}.ms-toggle:hover{border-color:var(--color-primary); color:var(--color-primary)}.ms-toggle[aria-expanded="true"]{border-color:var(--color-primary); color:var(--color-primary)}.ms-count{display:inline-flex; align-items:center; justify-content:center; min-width:16px; height:16px; padding:0 5px; border-radius:999px; background:var(--color-primary); color:#fff; font-size:11px; line-height:1}.ms-caret{font-size:10px; opacity:.7}.ms-panel{position:absolute; top:calc(100% + 4px); left:0; z-index:200; min-width:240px; max-width:360px; padding:6px; background:var(--color-canvas); border:1px solid var(--color-border); border-radius:var(--radius-md,6px); box-shadow:0 6px 18px rgba(0,0,0,.18); display:none}.ms-panel.open{display:block}.ms-search{margin-bottom:6px}.ms-options{max-height:260px; overflow-y:auto}.ms-option{display:flex; align-items:center; gap:8px; padding:4px 6px; cursor:pointer; border-radius:4px; font-size:13px}.ms-option:hover{background:var(--color-canvas-soft)}.ms-option input[type="checkbox"]{margin:0; flex:0 0 auto}.ms-option-label{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:280px}.ms-empty{padding:8px 6px; color:var(--color-body-mid); font-size:13px; font-style:italic}.cookie-consent{position:fixed; bottom:0; left:0; right:0; z-index:10000; display:flex; align-items:center; justify-content:space-between; gap:var(--spacing-md); padding:var(--spacing-md) var(--spacing-lg); background:var(--color-canvas-soft); border-top:1px solid var(--color-hairline); font-size:14px; color:var(--color-body)}.cookie-consent-text{flex:1}.cookie-consent-actions{display:flex; gap:var(--spacing-sm); flex-shrink:0}.cookie-consent .btn{padding:6px 16px; font-size:13px}@media (max-width:640px){.cookie-consent{flex-direction:column; align-items:stretch; text-align:center}.cookie-consent-actions{justify-content:center}}