:root{--color-primary: #8bcf5f;--color-primary-light: #b8f28d;--color-primary-dark: #5d9e3b;--color-primary-container: #20371b;--color-bg: #10140f;--color-surface: #151a14;--color-surface-1: #151a14;--color-surface-2: #1b2119;--color-surface-3: #222921;--color-surface-4: #293129;--color-text: #edf4e9;--color-text-secondary: #b7c1b3;--color-text-muted: #7f897b;--color-white: #ffffff;--color-border: #30382f;--color-border-strong: #465043;--color-outline: #687265;--color-outline-soft: #30382f;--color-success: #9ee77c;--color-success-container: #20371b;--color-warning: #e5b84c;--color-warning-container: #3b3017;--color-danger: #ffb4ab;--color-danger-container: #4d1512;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 8px 25px rgba(0, 0, 0, .35);--shadow-lg: 0 22px 60px rgba(0, 0, 0, .55);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 30px;--font-family: Inter, Roboto, "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--control-height-sm: 40px;--control-height-md: 44px;--control-height-lg: 50px;--logo-size: 90px}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn{min-height:var(--control-height-md);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid var(--color-outline-soft);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text);font-size:var(--font-size-md);font-weight:650;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.btn:hover{background:var(--color-surface-3);border-color:var(--color-border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#10200b;border-color:var(--color-primary);box-shadow:0 4px 15px #8bcf5f26}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));border-color:var(--color-primary-light)}.btn-danger{color:var(--color-danger);background:var(--color-danger-container);border-color:#452522}.btn-danger:hover{background:#2b1716;border-color:#66312d}.btn-secondary{background:var(--color-surface-3);color:var(--color-text-secondary)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.icon-btn{width:40px;height:40px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--color-outline-soft);border-radius:50%;background:var(--color-surface-3);color:var(--color-text);cursor:pointer;transition:background .18s ease,transform .18s ease,border-color .18s ease}.icon-btn:hover{background:var(--color-surface-4);border-color:var(--color-border-strong);transform:rotate(4deg)}.input,select.input,textarea.input{width:100%;min-height:var(--control-height-lg);padding:0 14px;border:1px solid var(--color-outline-soft);border-radius:var(--radius-sm);outline:none;background:#11160f;color:var(--color-text);font-size:var(--font-size-md);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.input::placeholder{color:var(--color-text-muted)}.input:hover{border-color:var(--color-border-strong)}.input:focus{border-color:var(--color-primary);background:var(--color-surface-1);box-shadow:0 0 0 3px #8bcf5f1a}.card{background:linear-gradient(145deg,var(--color-surface-2),var(--color-surface-1));border:1px solid var(--color-outline-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:var(--font-size-xs);font-weight:700}.badge-success{background:var(--color-success-container);color:var(--color-success)}.badge-warning{background:var(--color-warning-container);color:var(--color-warning)}.badge-danger{background:var(--color-danger-container);color:var(--color-danger)}.error-msg{margin:10px 0;padding:10px 12px;border-radius:var(--radius-sm);background:var(--color-danger-container);color:var(--color-danger);font-size:var(--font-size-sm)}.toast{position:fixed;top:24px;left:50%;z-index:99999;width:min(520px,calc(100vw - 32px));min-height:58px;display:flex;align-items:center;padding:14px 20px;border-radius:var(--radius-sm);background:var(--color-surface-3);color:var(--color-text);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-md);opacity:0;transform:translate(-50%) translateY(-15px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast.success{background:var(--color-success-container);color:var(--color-primary-light);border-color:var(--color-primary-dark)}.toast.error{background:var(--color-danger-container);color:var(--color-white);border:1px solid #e5484d}*{scrollbar-width:thin;scrollbar-color:#394336 #0d110c}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#0d110c}::-webkit-scrollbar-thumb{background:#394336;border-radius:20px;border:2px solid #0d110c}::-webkit-scrollbar-thumb:hover{background:#4d5b48}