@font-face{font-family:Matrixtype;src:url(/fonts/Matrixtype-lxMZX.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Matrixtype;src:url(/fonts/MatrixtypeBold-yYyB5.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:MatrixtypeDisplay;src:url(/fonts/MatrixtypeDisplay-9MyE5.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MatrixtypeDisplay;src:url(/fonts/MatrixtypeDisplayBold-6R4e6.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--black: #000;--surface: #111;--surface-raised: #1a1a1a;--surface-overlay: #222;--border: #222;--border-visible: #333;--border-focus: #444;--text-disabled: #666;--text-secondary: #999;--text-primary: #e8e8e8;--text-display: #fff;--accent: #f26522;--accent-hover: #f5821f;--accent-red: #d71921;--utility-orange: #f26522;--success: #4a9e5c;--warning: #f26522;--error: #d71921;--ease: cubic-bezier(.4, 0, .2, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1)}*{margin:0;padding:0;box-sizing:border-box}body{background:transparent;min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));display:flex;justify-content:center;align-items:flex-start;font-family:Space Grotesk,sans-serif;color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{width:100%;min-height:100dvh;display:flex;flex-direction:column;position:relative;z-index:1}.app-layout{display:flex;min-height:100dvh;position:relative;z-index:1}.sidebar{width:260px;background:#111111f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:40}.main-content{flex:1;margin-left:260px;padding:32px;max-width:1440px}.card{position:relative;background:#111111e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;flex-direction:column;transition:border-color .2s ease-out,opacity .45s var(--ease)}.card:hover{border-color:var(--border-visible)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title{font:500 18px/1.2 MatrixtypeDisplay,sans-serif;letter-spacing:-.01em;color:var(--text-display)}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.mono{font-family:Space Mono,monospace}.mono-sub{font:400 11px/1.6 MatrixtypeDisplay,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.dim{color:var(--text-disabled)}.title{font:500 20px/1.2 MatrixtypeDisplay,sans-serif;letter-spacing:-.01em;color:var(--text-display)}.metric{font:700 36px/1 MatrixtypeDisplay,monospace;letter-spacing:-.02em;color:var(--text-display);margin-top:14px}.metric small{font-size:13px;font-weight:400;letter-spacing:.04em;color:var(--text-secondary);margin-left:5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font:500 14px/1 MatrixtypeDisplay,sans-serif;letter-spacing:.02em;cursor:pointer;transition:all .14s var(--ease);border:1px solid transparent;text-decoration:none}.btn-primary{background:var(--accent);color:var(--text-display);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--surface-raised);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-overlay);border-color:var(--border-visible)}.btn-danger{background:var(--error);color:var(--text-display);border-color:var(--error)}.btn-danger:hover{background:#dc2626;border-color:#dc2626}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--surface-raised);color:var(--text-primary)}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:14px 28px;font-size:16px}.input-group{display:flex;flex-direction:column;gap:8px}.input-label{font:500 12px/1 MatrixtypeDisplay,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.input{width:100%;padding:12px 16px;background:#111111e6;border:1px solid var(--border);border-radius:8px;font:400 14px/1.5 Space Grotesk,sans-serif;color:var(--text-primary);transition:border-color .14s var(--ease)}.input:focus{outline:none;border-color:var(--utility-orange)}.input::placeholder{color:var(--text-disabled)}textarea.input{resize:vertical;min-height:100px}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.table-container{border:1px solid var(--border);border-radius:12px;overflow:visible}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;overflow:visible}th{padding:12px 16px;text-align:left;font:500 11px/1 MatrixtypeDisplay,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);background:#1a1a1af2;border-bottom:1px solid var(--border)}td{padding:12px 16px;font:400 14px/1.5 Space Grotesk,sans-serif;color:var(--text-primary);border-bottom:1px solid var(--border);overflow:visible}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-raised)}tr{overflow:visible}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:100px;font:500 11px/1 MatrixtypeDisplay,monospace;letter-spacing:.06em;text-transform:uppercase}.badge-success{background:#4a9e5c26;color:var(--success)}.badge-warning{background:#f59e0b26;color:var(--warning)}.badge-error{background:#ef444426;color:var(--error)}.badge-info{background:#f2652226;color:var(--utility-orange)}.led.green{background:var(--success)}.led.red{background:var(--accent-red);width:7px;height:7px;animation-duration:1.6s}.led.white{background:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.18}}.dot-matrix{background-image:radial-gradient(circle,#1d1d1d 1.1px,transparent 1.1px);background-size:16px 16px;background-position:8px 8px}.shine{position:absolute;top:-30%;bottom:-30%;left:-140px;width:110px;background:linear-gradient(100deg,transparent,rgba(255,255,255,.04) 35%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.04) 65%,transparent);transform:skew(-14deg);opacity:0;pointer-events:none;z-index:2}.shine.play{animation:shimmer 1.05s var(--ease) forwards}@keyframes shimmer{0%{left:-140px;opacity:1}to{left:110%;opacity:0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-visible)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .4s var(--ease) forwards}.animate-slide-in{animation:slideIn .4s var(--ease) forwards}@media(max-width:1024px){.sidebar{transform:translate(-100%);transition:transform .3s var(--ease)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:20px}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){body{padding:14px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card{padding:18px;border-radius:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}.bg-controls{position:fixed;bottom:16px;right:16px;z-index:30}.bg-controls-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#111111e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .14s var(--ease)}.bg-controls-trigger:hover{background:#1a1a1af2;color:var(--text-primary);border-color:var(--border-visible)}.bg-controls-panel{position:absolute;bottom:0;right:0;width:240px;background:#111111f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:0 8px 32px #00000073}.bg-controls-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.bg-controls-title{font:500 11px/1 MatrixtypeDisplay,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.bg-controls-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--text-disabled);cursor:pointer;border-radius:4px;transition:color .14s var(--ease)}.bg-controls-close:hover{color:var(--text-primary)}.bg-pattern-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-bottom:12px}.bg-pattern-btn{padding:6px 8px;border:none;background:#1a1a1a80;border-radius:4px;font:400 10px/1 MatrixtypeDisplay,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);cursor:pointer;transition:all .14s var(--ease)}.bg-pattern-btn:hover{background:#222c;color:var(--text-primary)}.bg-pattern-btn.active{background:#f2652226;color:var(--utility-orange)}.bg-slider{margin-bottom:12px}.bg-slider-header{display:flex;justify-content:space-between;margin-bottom:6px;font:400 10px/1 MatrixtypeDisplay,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.bg-slider-header span:last-child{color:var(--text-disabled)}.bg-slider input[type=range]{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none}.bg-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--utility-orange);cursor:pointer}.bg-reset-btn{width:100%;padding:8px;border:1px solid var(--border);background:transparent;border-radius:6px;font:400 10px/1 MatrixtypeDisplay,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);cursor:pointer;transition:all .14s var(--ease)}.bg-reset-btn:hover{background:#1a1a1a80;color:var(--text-primary);border-color:var(--border-visible)}.lang-switcher{position:relative}.lang-label{font-size:14px}.lang-dropdown{position:absolute;bottom:100%;right:0;z-index:20;min-width:140px;background:#222222fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-visible);border-radius:8px;padding:4px;box-shadow:0 8px 24px #0006;margin-bottom:4px}.lang-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--text-primary);font:400 13px/1 Space Grotesk,sans-serif;cursor:pointer;border-radius:4px;transition:background .1s var(--ease)}.lang-option:hover{background:var(--surface-raised)}.lang-option.active{background:var(--surface-raised);box-shadow:inset 2px 0 0 var(--utility-orange)}.lang-flag{font-size:16px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:10px}.logo-icon{color:var(--accent)}.logo-text{font:600 16px/1 MatrixtypeDisplay,sans-serif;color:var(--text-display)}.sidebar-meta{font:400 10px/1.6 MatrixtypeDisplay,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;font:400 14px/1 MatrixtypeDisplay,sans-serif;color:var(--text-secondary);text-decoration:none;transition:all .14s var(--ease)}.nav-item:hover{background:var(--surface-raised);color:var(--text-primary)}.nav-item.active{background:var(--surface-raised);color:var(--text-display);box-shadow:inset 3px 0 0 var(--utility-orange)}.admin-badge{margin-left:auto;padding:2px 6px;border-radius:4px;font:500 9px/1 MatrixtypeDisplay,monospace;letter-spacing:.08em;text-transform:uppercase;background:#f59e0b26;color:var(--warning)}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--border)}.sidebar-actions{display:flex;align-items:center;gap:4px}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--utility-orange);display:flex;align-items:center;justify-content:center;font:600 14px/1 Space Grotesk,sans-serif;color:var(--text-display)}.user-avatar-sm{width:28px;height:28px;border-radius:50%;background:var(--utility-orange);display:flex;align-items:center;justify-content:center;font:600 12px/1 Space Grotesk,sans-serif;color:var(--text-display)}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{font:500 13px/1 Space Grotesk,sans-serif;color:var(--text-primary)}.user-role{font-size:10px}.mobile-menu-btn{display:none;position:fixed;top:16px;left:16px;z-index:50;background:#111111f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:8px;padding:8px;color:var(--text-primary);cursor:pointer}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:35}@media(max-width:1024px){.mobile-menu-btn{display:flex}.sidebar-overlay{display:block}}.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;z-index:1}.auth-card{width:100%;max-width:420px;background:#111111f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px;padding:40px;position:relative}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:var(--surface-raised);color:var(--utility-orange);margin-bottom:16px}.auth-title{font:600 24px/1.2 MatrixtypeDisplay,sans-serif;color:var(--text-display);margin-bottom:8px}.auth-subtitle{font:400 14px/1.5 Space Grotesk,sans-serif;color:var(--text-secondary)}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-error{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;font:400 13px/1.5 Space Grotesk,sans-serif;color:var(--error)}.auth-footer{margin-top:24px;text-align:center;font:400 13px/1.5 Space Grotesk,sans-serif;color:var(--text-secondary)}.auth-link{color:var(--utility-orange);text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-lang{display:flex;justify-content:center;margin-top:16px}.turnstile-container{display:flex;justify-content:center;margin:8px 0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.page-title{font:600 28px/1.2 MatrixtypeDisplay,sans-serif;color:var(--text-display);margin-bottom:4px}.page-subtitle{font:400 14px/1.5 Space Grotesk,sans-serif;color:var(--text-secondary)}.page-stats{padding:8px 12px;background:#1a1a1ae6;border-radius:8px;font:400 11px/1.6 MatrixtypeDisplay,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.search-box{display:flex;align-items:center;gap:10px;flex:1;max-width:400px;position:relative}.search-box svg{position:absolute;left:12px;color:var(--text-disabled)}.search-box .input{padding-left:36px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#111111e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;align-items:flex-start;gap:16px;transition:border-color .2s var(--ease);position:relative}.stat-card .led{position:absolute;top:16px;right:16px}.stat-card:hover{border-color:var(--border-visible)}.stat-icon{width:48px;height:48px;border-radius:12px;background:var(--surface-raised);display:flex;align-items:center;justify-content:center;color:var(--utility-orange)}.stat-content{flex:1}.stat-value{margin-top:0;font-family:MatrixtypeDisplay,monospace}.stat-label{margin-top:8px}.user-cell{display:flex;align-items:center;gap:10px}.product-cell{display:flex;align-items:flex-start;gap:10px}.product-desc{font-size:12px;margin-top:4px}.license-key-cell{display:flex;align-items:center;gap:8px}.license-key{font-family:Space Mono,monospace;font-size:12px;padding:4px 8px;background:var(--surface-raised);border-radius:4px;color:var(--text-primary)}.code-cell{display:flex;align-items:center;gap:8px}.code-value{font-family:Space Mono,monospace;font-size:13px;padding:4px 8px;background:var(--surface-raised);border-radius:4px;color:var(--accent)}.uses-cell,.expires-cell{display:flex;align-items:center;gap:6px}.action-buttons{display:flex;gap:4px}.action-menu-container{position:relative;overflow:visible}.action-menu{position:absolute;top:100%;right:0;z-index:20;min-width:160px;background:#222222fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-visible);border-radius:8px;padding:4px;box-shadow:0 8px 24px #0006}.action-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--text-primary);font:400 13px/1 Space Grotesk,sans-serif;cursor:pointer;border-radius:4px;transition:background .1s var(--ease)}.action-menu button:hover{background:var(--surface-raised)}.action-menu button.danger{color:var(--error)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{width:100%;max-width:520px;max-height:90vh;overflow-y:auto;background:#111111fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-visible);border-radius:16px;padding:32px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h2{font:600 20px/1.2 MatrixtypeDisplay,sans-serif;color:var(--text-display)}.modal-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.input-help{font:400 11px/1.5 Space Mono,monospace;color:var(--text-disabled)}.required{color:var(--error);margin-left:2px}.binding-fields{display:flex;flex-direction:column;gap:8px}.binding-field{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface-raised);border-radius:8px;cursor:pointer;transition:background .1s var(--ease)}.binding-field:hover{background:var(--surface-overlay)}.binding-field input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.binding-field span{font:400 13px/1 Space Grotesk,sans-serif;color:var(--text-primary)}.binding-key{margin-left:auto;font-size:11px;color:var(--text-disabled)}.licenses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.license-card{background:#1a1a1ae6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px;transition:border-color .2s var(--ease)}.license-card:hover{border-color:var(--border-visible)}.license-card-header{display:flex;justify-content:space-between;align-items:center}.license-product{display:flex;align-items:center;gap:8px;font:500 14px/1 Space Grotesk,sans-serif;color:var(--text-primary)}.license-key-display{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--surface);border-radius:8px}.license-key-display code{font-family:Space Mono,monospace;font-size:12px;color:var(--utility-orange)}.license-info{display:flex;flex-direction:column;gap:8px}.license-info-row{display:flex;justify-content:space-between;align-items:center}.license-actions{display:flex;gap:8px}.header-actions{display:flex;align-items:center;gap:16px}.setting-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 12px;border-radius:8px;background:#1a1a1ae6;border:1px solid var(--border);transition:border-color .14s var(--ease)}.setting-toggle:hover{border-color:var(--border-visible)}.setting-label{font:400 12px/1 MatrixtypeDisplay,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.toggle{width:40px;height:22px;border-radius:11px;background:var(--border);position:relative;transition:background .2s var(--ease)}.toggle.active{background:var(--utility-orange)}.toggle-thumb{width:18px;height:18px;border-radius:50%;background:var(--text-display);position:absolute;top:2px;left:2px;transition:transform .2s var(--ease)}.toggle.active .toggle-thumb{transform:translate(18px)}.activated-devices{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--surface);border-radius:8px}.activated-devices .mono-sub{margin-bottom:4px}.device-item{display:flex;align-items:center;justify-content:space-between;gap:8px}.device-item code{font-family:Space Mono,monospace;font-size:11px;color:var(--text-secondary)}.device-item .btn{padding:4px;opacity:.6;transition:opacity .14s var(--ease)}.device-item:hover .btn{opacity:1}.activate-info{padding:16px;background:var(--surface-raised);border-radius:8px;margin-bottom:16px}.activate-info p{font:400 13px/1.5 Space Grotesk,sans-serif;color:var(--text-primary);margin-bottom:4px}.activate-info code{font-family:Space Mono,monospace;font-size:12px;color:var(--accent)}.license-status-list{display:flex;flex-direction:column;gap:12px}.license-status-card{background:#1a1a1ae6;border:1px solid var(--border);border-radius:12px;padding:16px;transition:border-color .2s var(--ease)}.license-status-card:hover{border-color:var(--border-visible)}.license-status-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.license-status-info{display:flex;flex-direction:column;gap:4px}.license-status-product{font:500 14px/1.2 MatrixtypeDisplay,sans-serif;color:var(--text-display)}.license-status-key{font-family:Space Mono,monospace;font-size:11px;color:var(--text-secondary);background:var(--surface);padding:2px 6px;border-radius:4px;display:inline-block;width:fit-content}.license-status-badge .badge{display:flex;align-items:center;gap:4px}.license-status-details{display:flex;gap:24px;margin-bottom:12px}.license-detail{display:flex;flex-direction:column;gap:4px}.license-detail span:last-child{font:500 13px/1 Space Grotesk,sans-serif;color:var(--text-primary)}.text-warning{color:var(--warning)!important}.license-progress{margin-top:4px}.license-progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;position:relative}.license-progress-fill{position:absolute;right:0;top:0;bottom:0;background:var(--success);border-radius:3px;transition:width .5s var(--ease)}.license-progress-fill.warning{background:var(--warning)}.license-progress-fill.critical{background:var(--error)}.license-progress-labels{display:flex;justify-content:space-between;margin-top:4px;font:400 10px/1 Space Mono,monospace;color:var(--text-disabled)}.empty-state{padding:32px;text-align:center;color:var(--text-secondary)}.quick-start-content{font:400 14px/1.6 Space Grotesk,sans-serif;color:var(--text-primary)}.quick-start-list{margin-top:16px;padding-left:20px}.quick-start-list li{margin-bottom:8px}.quick-start-list strong{color:var(--text-display)}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;font:400 14px/1 Space Mono,monospace;color:var(--text-secondary)}.recent-activations{margin-top:24px}.docs-layout{display:flex;gap:32px}.docs-nav{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:4px;position:sticky;top:32px;align-self:flex-start}.docs-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:transparent;border-radius:8px;font:400 13px/1 Space Grotesk,sans-serif;color:var(--text-secondary);cursor:pointer;transition:all .14s var(--ease);text-align:left}.docs-nav-item:hover{background:var(--surface-raised);color:var(--text-primary)}.docs-nav-item.active{background:var(--surface-raised);color:var(--text-display);box-shadow:inset 3px 0 0 var(--utility-orange)}.docs-content{flex:1;min-width:0}.docs-section{margin-bottom:48px}.docs-section h2{font:600 24px/1.2 MatrixtypeDisplay,sans-serif;color:var(--text-display);margin-bottom:16px}.docs-section h3{font:500 18px/1.2 MatrixtypeDisplay,sans-serif;color:var(--text-display);margin:24px 0 12px}.docs-section h4{font:500 14px/1.2 Space Grotesk,sans-serif;color:var(--text-primary);margin:16px 0 8px}.docs-section p{font:400 14px/1.6 Space Grotesk,sans-serif;color:var(--text-secondary);margin-bottom:16px}.docs-section ul{padding-left:20px;margin-bottom:16px}.docs-section li{font:400 14px/1.6 Space Grotesk,sans-serif;color:var(--text-secondary);margin-bottom:8px}.docs-section code{font-family:Space Mono,monospace;font-size:13px;padding:2px 6px;background:var(--surface-raised);border-radius:4px;color:var(--utility-orange)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.feature-card{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:border-color .2s var(--ease)}.feature-card:hover{border-color:var(--border-visible)}.feature-card svg{color:var(--utility-orange);margin-bottom:12px}.feature-card h3{font:500 16px/1.2 MatrixtypeDisplay,sans-serif;color:var(--text-display);margin:0 0 8px}.feature-card p{font:400 13px/1.5 Space Grotesk,sans-serif;color:var(--text-secondary);margin:0}.steps{display:flex;flex-direction:column;gap:24px;margin-top:24px}.step{display:flex;gap:16px}.step-number{width:32px;height:32px;border-radius:50%;background:var(--utility-orange);display:flex;align-items:center;justify-content:center;font:600 14px/1 Space Mono,monospace;color:var(--text-display);flex-shrink:0}.step-content h3{font:500 16px/1.2 MatrixtypeDisplay,sans-serif;color:var(--text-display);margin:0 0 4px}.step-content p{font:400 13px/1.5 Space Grotesk,sans-serif;color:var(--text-secondary);margin:0}.language-selector{display:flex;gap:8px;margin-bottom:20px}.lang-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;font:500 13px/1 Space Grotesk,sans-serif;color:var(--text-secondary);cursor:pointer;transition:all .14s var(--ease)}.lang-btn:hover{background:var(--surface-raised);color:var(--text-primary)}.lang-btn.active{background:var(--utility-orange);border-color:var(--utility-orange);color:var(--text-display)}.lang-icon{font-weight:700;font-size:14px}.example-selector{display:flex;gap:8px;margin-bottom:16px}.example-btn{padding:8px 14px;background:var(--surface-raised);border:1px solid var(--border);border-radius:6px;font:400 12px/1 Space Grotesk,sans-serif;color:var(--text-secondary);cursor:pointer;transition:all .14s var(--ease)}.example-btn:hover{background:var(--surface-overlay);color:var(--text-primary)}.example-btn.active{background:var(--surface-overlay);border-color:var(--border-visible);color:var(--text-display)}.code-block{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.code-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--surface-raised);border-bottom:1px solid var(--border)}.code-lang{font:500 11px/1 Space Mono,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.code-block pre{padding:20px;overflow-x:auto;margin:0}.code-block code{font-family:Space Mono,monospace;font-size:13px;line-height:1.6;color:var(--text-primary);background:transparent;padding:0}.api-endpoint{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:20px}.endpoint-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.method{padding:4px 10px;border-radius:4px;font:700 11px/1 Space Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.method.post{background:#4a9e5c26;color:var(--success)}.method.get{background:#3b82f626;color:var(--accent)}.endpoint-header code{font-family:Space Mono,monospace;font-size:14px;color:var(--text-display);background:transparent;padding:0}.binding-types{display:flex;flex-direction:column;gap:20px;margin-top:24px}.binding-type{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.binding-icon{width:56px;height:56px;border-radius:12px;background:var(--surface-raised);display:flex;align-items:center;justify-content:center;color:var(--utility-orange);margin-bottom:16px}.binding-type h3{font:600 18px/1.2 MatrixtypeDisplay,sans-serif;color:var(--text-display);margin:0 0 8px}.binding-type>p{font:400 13px/1.5 Space Grotesk,sans-serif;color:var(--text-secondary);margin:0 0 16px}.binding-type h4{font:500 12px/1 Space Mono,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:16px 0 8px}.binding-type ul{padding-left:16px;margin:0}.binding-type li{font:400 13px/1.6 Space Grotesk,sans-serif;color:var(--text-secondary);margin-bottom:6px}@media(max-width:1024px){.docs-layout{flex-direction:column}.docs-nav{width:100%;flex-direction:row;overflow-x:auto;position:static}.feature-grid,.binding-types{grid-template-columns:1fr}}@media(max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}.licenses-grid,.form-row{grid-template-columns:1fr}}.segbar{display:flex;gap:3px;height:12px;margin-top:auto}.segbar i{flex:1;background:#242424;transform:scale(.3);opacity:0;animation:seg-in .3s var(--ease-back) forwards}.segbar i.on{background:var(--text-primary)}.segbar.green i.on{background:var(--success)}.segbar.orange i.on{background:var(--utility-orange)}@keyframes seg-in{to{transform:scale(1);opacity:1}}.usage-bar{display:flex;gap:3px;height:8px;margin-top:8px}.usage-bar .segment{flex:1;background:var(--border);border-radius:2px;transition:background .3s var(--ease)}.usage-bar .segment.active{background:var(--utility-orange)}.dot-accent{background-image:radial-gradient(circle,#1d1d1d 1.1px,transparent 1.1px);background-size:16px 16px;background-position:8px 8px}.tag{position:absolute;top:21px;right:18px;font:700 9px/1 Space Mono,monospace;letter-spacing:.12em;color:var(--text-disabled);opacity:0;transition:opacity .25s var(--ease)}.card:hover .tag,.tag.always{opacity:1}.doto-val{font-family:MatrixtypeDisplay,sans-serif;font-weight:400;font-size:58px;line-height:1;color:var(--text-display);margin-top:10px}.doto-val small{font-size:20px;font-weight:400;vertical-align:super;color:var(--text-secondary);margin-left:3px}.led{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--utility-orange);animation:pulse 2.4s var(--ease) infinite;flex:none}.license-status{display:flex;align-items:center;gap:8px}.license-status .led{width:8px;height:8px}.device-segments{display:flex;gap:2px;margin-top:4px}.device-segments .seg{width:16px;height:4px;background:var(--border);border-radius:1px}.device-segments .seg.active{background:var(--utility-orange)}.device-segments .seg.full{background:var(--success)}