*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sys-black: #0A0A0A;--sys-surface: #141414;--sys-surface2: #1E1E1E;--sys-border: #2A2A2A;--sys-gold: #E9CEA9;--sys-gold-dark: #C9A870;--sys-gold-text: #8A6830;--sys-white: #FFFFFF;--sys-gray: #6B7280;--sys-gray-light: #9CA3AF;--sys-green: #22C55E;--sys-red: #EF4444;--sys-yellow: #EAB308}html,body,#root{height:100%;background:var(--sys-black);color:var(--sys-white);font-family:Roboto,sans-serif;font-size:14px}.sys-shell{display:flex;flex-direction:column;min-height:100dvh}.sys-navbar{position:sticky;top:0;z-index:100;background:var(--sys-black);border-bottom:1px solid var(--sys-border);display:flex;align-items:center;height:56px;padding:0 24px;gap:8px}.sys-navbar-stripe{height:3px;background:var(--sys-gold-dark)}.sys-brand{font-family:OwnersXXNarrow,Anton,sans-serif;font-size:20px;font-weight:700;color:var(--sys-gold);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;margin-right:12px}.sys-brand span{color:var(--sys-white)}.sys-nav-links{display:flex;align-items:center;gap:2px;flex:1}.sys-nav-link{padding:6px 14px;border-radius:6px;font-size:13px;font-weight:700;color:var(--sys-gray-light);text-decoration:none;text-transform:uppercase;letter-spacing:.05em;transition:background .12s,color .12s}.sys-nav-link:hover,.sys-nav-link.active{background:var(--sys-surface2);color:var(--sys-gold)}.sys-nav-user{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--sys-gray-light)}.sys-logout-btn{background:transparent;border:1px solid var(--sys-border);color:var(--sys-gray-light);padding:5px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-family:Roboto,sans-serif;text-transform:uppercase;letter-spacing:.05em;transition:border-color .12s,color .12s}.sys-logout-btn:hover{border-color:var(--sys-gold-dark);color:var(--sys-gold)}.sys-main{flex:1;padding:32px 32px 64px;max-width:1280px;width:100%;margin:0 auto}.sys-page-title{font-family:OwnersXXNarrow,Anton,sans-serif;font-size:28px;font-weight:700;color:var(--sys-gold);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.sys-page-subtitle{font-size:13px;color:var(--sys-gray);margin-bottom:32px}.sys-section-title{font-size:12px;font-weight:700;color:var(--sys-gold-dark);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--sys-border)}.sys-card{background:var(--sys-surface);border:1px solid var(--sys-border);border-radius:12px;padding:24px}.sys-card-sm{background:var(--sys-surface);border:1px solid var(--sys-border);border-radius:10px;padding:16px 20px}.sys-grid{display:grid;gap:16px}.sys-grid-2{grid-template-columns:repeat(2,1fr)}.sys-grid-3{grid-template-columns:repeat(3,1fr)}.sys-grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.sys-grid-4,.sys-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.sys-grid-4,.sys-grid-3,.sys-grid-2{grid-template-columns:1fr}.sys-main{padding:20px 16px 48px}}.sys-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:700;font-family:Roboto,sans-serif;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;transition:opacity .12s,background .12s}.sys-btn:disabled{opacity:.4;cursor:not-allowed}.sys-btn-primary{background:var(--sys-gold);color:var(--sys-black)}.sys-btn-primary:hover:not(:disabled){background:var(--sys-gold-dark)}.sys-btn-secondary{background:var(--sys-surface2);color:var(--sys-gold);border:1px solid var(--sys-border)}.sys-btn-secondary:hover:not(:disabled){background:var(--sys-border)}.sys-btn-danger{background:transparent;color:var(--sys-red);border:1px solid var(--sys-red)}.sys-btn-danger:hover:not(:disabled){background:#ef44441a}.sys-btn-ghost{background:transparent;color:var(--sys-gray-light);border:1px solid var(--sys-border)}.sys-btn-ghost:hover:not(:disabled){color:var(--sys-white);border-color:var(--sys-gray)}.sys-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.sys-badge-green{background:#22c55e26;color:var(--sys-green)}.sys-badge-gray{background:#6b728026;color:var(--sys-gray-light)}.sys-badge-yellow{background:#eab30826;color:var(--sys-yellow)}.sys-badge-red{background:#ef444426;color:var(--sys-red)}.sys-badge-gold{background:#e9cea91a;color:var(--sys-gold)}.sys-table{width:100%;border-collapse:collapse;font-size:13px}.sys-table th{text-align:left;padding:10px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--sys-gold-dark);border-bottom:1px solid var(--sys-border)}.sys-table td{padding:12px 14px;border-bottom:1px solid var(--sys-border);color:var(--sys-gray-light)}.sys-table tr:last-child td{border-bottom:none}.sys-table tr:hover td{background:var(--sys-surface2);color:var(--sys-white)}.sys-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.sys-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--sys-gold-dark)}.sys-input,.sys-select,.sys-textarea{background:var(--sys-surface2);border:1px solid var(--sys-border);border-radius:8px;padding:9px 12px;color:var(--sys-white);font-size:13px;font-family:Roboto,sans-serif;outline:none;transition:border-color .12s}.sys-input:focus,.sys-select:focus,.sys-textarea:focus{border-color:var(--sys-gold-dark)}.sys-input::-moz-placeholder{color:var(--sys-gray)}.sys-input::placeholder{color:var(--sys-gray)}.sys-modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.sys-modal{background:var(--sys-surface);border:1px solid var(--sys-border);border-radius:16px;padding:28px;width:100%;max-width:480px;max-height:90dvh;overflow-y:auto}.sys-modal-title{font-family:OwnersXXNarrow,Anton,sans-serif;font-size:18px;font-weight:700;color:var(--sys-gold);text-transform:uppercase;letter-spacing:.06em;margin-bottom:20px}.sys-alert{padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px}.sys-alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.sys-alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac}.sys-divider{height:1px;background:var(--sys-border);margin:24px 0}.sys-loading{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--sys-gray);font-size:13px}.sys-metric-card{background:var(--sys-surface);border:1px solid var(--sys-border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:4px}.sys-metric-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--sys-gray)}.sys-metric-value{font-family:OwnersXXNarrow,Anton,sans-serif;font-size:36px;font-weight:700;color:var(--sys-gold);line-height:1}.sys-module-card{background:var(--sys-surface);border:1px solid var(--sys-border);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:12px;transition:border-color .15s,transform .1s;position:relative}.sys-module-card:hover{border-color:var(--sys-gold-dark);transform:translateY(-2px)}.sys-module-card.inactive{opacity:.55}.sys-module-card .sys-module-icon{font-size:32px;line-height:1}.sys-module-card .sys-module-name{font-family:OwnersXXNarrow,Anton,sans-serif;font-size:17px;font-weight:700;color:var(--sys-white);text-transform:uppercase;letter-spacing:.04em}.sys-module-card .sys-module-desc{font-size:12px;color:var(--sys-gray);line-height:1.5;flex:1}.sys-module-card .sys-module-url{font-size:11px;color:var(--sys-gold-dark);word-break:break-all}.sys-module-card .sys-module-actions{display:flex;align-items:center;gap:8px;margin-top:4px}.sys-toggle{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.sys-toggle input{opacity:0;width:0;height:0}.sys-toggle-slider{position:absolute;inset:0;background:var(--sys-border);border-radius:999px;transition:background .2s;cursor:pointer}.sys-toggle-slider:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:var(--sys-gray);border-radius:50%;transition:transform .2s,background .2s}.sys-toggle input:checked+.sys-toggle-slider{background:#22c55e40}.sys-toggle input:checked+.sys-toggle-slider:before{transform:translate(16px);background:var(--sys-green)}