.if-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:var(--radius-m);padding:10px 14px;font:inherit;cursor:pointer;transition:background var(--transition-normal) ease,border-color var(--transition-normal) ease,transform .04s ease,filter var(--transition-fast) ease}.if-btn:active{transform:translateY(1px)}.if-btn--primary{background:var(--color-accent);color:var(--color-accent-contrast)}.if-btn--primary:hover{filter:brightness(1.05)}.if-btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.if-btn--ghost{background:transparent;color:var(--color-text);border-color:var(--color-border)}.if-btn:focus-visible{outline:none;box-shadow:var(--input-focus-ring)}.if-btn--block{width:100%}.if-btn--loading{position:relative;pointer-events:none}.if-btn__spinner{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.5);border-top-color:#fffffff2;animation:if-spin .8s linear infinite}.if-btn--ghost .if-btn__spinner,.if-btn--secondary .if-btn__spinner{border-color:#e6e9f066;border-top-color:#e6e9f0f2}.if-btn[disabled],.if-btn--disabled{opacity:.6;cursor:not-allowed;filter:none}.if-btn--l{padding:12px 18px;font-size:var(--font-size-l)}@keyframes if-spin{to{transform:translateY(-50%) rotate(360deg)}}.if-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-l);box-shadow:var(--shadow-s)}.if-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.if-card__body{padding:var(--space-4)}.if-card__title{font-size:var(--font-size-xl);margin:0 0 var(--space-2)}.if-card__subtitle{color:var(--color-text-muted);margin:0 0 var(--space-3)}.if-card__footer{padding:var(--space-4);border-top:1px solid var(--color-border)}.if-tag{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--radius-s);background:var(--color-surface);border:1px solid var(--color-border);font-size:var(--font-size-s);color:var(--color-text-muted)}.if-skeleton{background:linear-gradient(90deg,#1b2231 25%,#212a3d 37%,#1b2231 63%);background-size:400% 100%;animation:if-shimmer 1.4s ease infinite;border-radius:var(--radius-s)}.if-skeleton--circle{border-radius:50%}@keyframes if-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.if-input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--input-border);background:var(--input-bg);border-radius:var(--radius-m);padding:10px 12px;color:var(--color-text);font:inherit;transition:border-color var(--transition-normal) ease,box-shadow var(--transition-fast) ease,background var(--transition-normal) ease}.if-input::placeholder{color:var(--input-placeholder)}.if-input:focus{outline:none;box-shadow:var(--input-focus-ring);border-color:var(--color-accent)}.if-input--error{border-color:var(--input-error-border);background:var(--input-error-bg)}.if-input--success{border-color:var(--input-success-border)}.if-field{display:grid;gap:6px}.if-field__label,.if-field__hint{font-size:var(--font-size-s);color:var(--color-text-muted)}.if-field__error{font-size:var(--font-size-s);color:var(--color-danger)}.if-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:grid;place-items:center;z-index:var(--z-modal);opacity:0;animation:fade-in var(--transition-normal) forwards}.if-modal__content{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-l);box-shadow:var(--shadow-m);width:min(560px,92vw);transform:translateY(10px);opacity:0;animation:slide-up var(--transition-normal) forwards}.if-modal__body{padding:var(--space-4)}.if-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.if-modal__title{margin:0;font-size:var(--font-size-xl)}.if-modal__footer{display:flex;gap:12px;justify-content:flex-end;padding:var(--space-4);border-top:1px solid var(--color-border)}@keyframes fade-in{to{opacity:1}}@keyframes slide-up{to{opacity:1;transform:translateY(0)}}:root{--color-bg: #0f1115;--color-bg-elevated: #151821;--color-surface: #1a1f2b;--color-border: #252b3a;--color-text: #e6e9f0;--color-text-muted: #9aa4b2;--color-accent: #3ea6ff;--color-accent-contrast: #001625;--color-success: #28c76f;--color-warning: #ff9f43;--color-danger: #ea5455;--input-bg: var(--color-surface);--input-border: var(--color-border);--input-placeholder: #7f8997;--input-focus-ring: 0 0 0 3px rgba(62,166,255,.25);--input-error-border: #f06d6e;--input-error-bg: rgba(234,84,85,.08);--input-success-border: #35d07f;--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--shadow-s: 0 4px 12px rgba(0,0,0,.2);--shadow-m: 0 8px 24px rgba(0,0,0,.28);--font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, "Apple Color Emoji", "Segoe UI Emoji";--font-size-s: 12px;--font-size-m: 14px;--font-size-l: 16px;--font-size-xl: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--z-dropdown: 40;--z-modal: 100;--overlay-bg: rgba(5, 7, 10, .6);--transition-fast: .12s;--transition-normal: .2s}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-family);background:radial-gradient(1200px 800px at 50% -200px,#182031 0%,var(--color-bg) 60%);color:var(--color-text);font-size:var(--font-size-m);line-height:1.45}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1080px;margin:0 auto;padding:var(--space-4)}.elevated{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-l);box-shadow:var(--shadow-s)}