:root{--bg-app: #050505;--bg-page: #080808;--bg-surface: rgba(10, 10, 10, .88);--bg-surface-alt: rgba(18, 18, 18, .92);--text-primary: #eeff00;--text-secondary: #d4e600;--text-tertiary: #9aa300;--text-inverse: #050505;--primary-50: #1a1c00;--primary-100: #252900;--primary-200: #383d00;--primary-300: #596100;--primary-400: #9fb000;--primary-500: #eeff00;--primary-600: #d7e600;--primary-700: #b7c400;--primary-color: var(--primary-500);--primary-hover: var(--primary-600);--primary-soft: rgba(238, 255, 0, .08);--accent-color: #ffe600;--accent-soft: rgba(255, 230, 0, .08);--success-color: #7dff00;--success-soft: rgba(125, 255, 0, .08);--warning-color: #ffcc00;--warning-soft: rgba(255, 204, 0, .08);--danger-color: #ff0055;--danger-soft: rgba(255, 0, 85, .08);--border-light: rgba(238, 255, 0, .08);--border-color: rgba(238, 255, 0, .18);--border-dark: rgba(238, 255, 0, .34);--input-bg: rgba(15, 15, 15, .92);--input-border: rgba(238, 255, 0, .18);--input-border-hover: rgba(238, 255, 0, .4);--input-focus: #eeff00;--input-placeholder: #909900;--shadow-xs: 0 0 4px rgba(238, 255, 0, .08);--shadow-sm: 0 0 10px rgba(238, 255, 0, .1), 0 0 20px rgba(238, 255, 0, .04);--shadow-md: 0 0 20px rgba(238, 255, 0, .14), 0 0 50px rgba(238, 255, 0, .08);--shadow-lg: 0 0 35px rgba(238, 255, 0, .2), 0 0 90px rgba(238, 255, 0, .1);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--transition-fast: .12s ease;--transition-normal: .24s ease;--neon-glow: 0 0 5px rgba(238,255,0,.7), 0 0 15px rgba(238,255,0,.5), 0 0 30px rgba(238,255,0,.3);--glass-bg: rgba(0,0,0,.45);--panel-gradient: linear-gradient( 180deg, rgba(255,255,0,.05), rgba(0,0,0,.75) );--hud-line: linear-gradient( 90deg, transparent, rgba(238,255,0,.7), transparent )}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}html{font-size:15px;scroll-behavior:smooth}body{min-height:100vh;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5;background:var(--bg-app);color:var(--text-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast),opacity var(--transition-fast)}a:hover{color:var(--primary-hover)}.card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-color)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.1rem;border:none;outline:none;border-radius:var(--radius-sm);background:var(--primary-color);color:var(--text-inverse);font-size:.95rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 8px 18px #4f7cff38}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.input{width:100%;padding:.8rem .95rem;border-radius:var(--radius-sm);border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);font-size:.95rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.input::placeholder{color:var(--input-placeholder)}.input:hover{border-color:var(--input-border-hover)}.input:focus{border-color:var(--input-focus);box-shadow:0 0 0 4px #4f7cff1f}::selection{background:#4f7cff2e;color:var(--text-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cfd8e3;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#b7c4d3}.input,input,textarea,select{width:100%;height:48px;padding:0 .95rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem;font-weight:500;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.input::placeholder,input::placeholder,textarea::placeholder{color:var(--text-tertiary);font-weight:400}.input:hover,input:hover,textarea:hover,select:hover{border-color:var(--primary-200);background:var(--bg-surface-alt)}.input:focus,input:focus,textarea:focus,select:focus{border-color:var(--primary-color);background:var(--bg-surface-alt);box-shadow:0 0 0 4px #4f7cff1a,0 8px 20px #4f7cff14;transform:translateY(-1px)}textarea{min-height:120px;padding:.9rem .95rem;resize:vertical}.input:disabled,input:disabled,textarea:disabled,select:disabled{opacity:.65;cursor:not-allowed;background:var(--bg-surface-alt)}.input.invalid,input.ng-invalid.ng-touched,textarea.ng-invalid.ng-touched{border-color:#ef4444;box-shadow:0 0 0 3px #ef444414}.input.glass{background:#ffffffbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scanline{position:absolute;left:0;top:-100%;width:100%;height:100px;background:linear-gradient(to bottom,transparent,rgba(238,255,0,.12),transparent);animation:scan 4s linear infinite}@keyframes scan{to{top:120%}}.page-container{min-height:calc(100vh - 70px);flex:1;overflow-y:auto;background:linear-gradient(180deg,#ffff0008,#0000009e);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:2}.page-content{padding:24px}.app-background{overflow:hidden;display:flex;flex-direction:column}app-root{display:block;height:100vh}