*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #eef0f7;--bg2: #ffffff;--bg3: #f4f5fa;--text: #0d0c23;--text2: #4a4870;--text3: #9492b0;--border: rgba(0,0,0,.06);--border2: rgba(0,0,0,.12);--accent: #5b4ae8;--accent2: #7b6df0;--accent-hover: #4a3bd6;--accent-light: rgba(91,74,232,.1);--accent-text: #ffffff;--dark: #1a1740;--dark2: #252250;--dark3: #2e2b5e;--dark-text: #ffffff;--dark-text2: #9492b0;--dark-border: rgba(255,255,255,.08);--success-bg: #eaf3de;--success-text: #27500a;--success-border: #b8dea0;--warn-bg: #faeeda;--warn-text: #633806;--warn-border: #f0c88a;--danger-bg: #fcebeb;--danger-text: #791f1f;--danger-border:#f09595;--info-bg: #ece9fd;--info-text: #3a2db5;--info-border: #b3aaef;--radius: 10px;--radius-lg: 16px;--radius-xl: 22px;--radius-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 15px;--text-lg: 18px;--text-xl: 24px;--shadow-sm: 0 2px 8px rgba(91,74,232,.06);--shadow: 0 4px 16px rgba(91,74,232,.1);--shadow-lg: 0 8px 40px rgba(91,74,232,.14);--transition: .2s ease;--transition-slow: .35s ease;--page-x: 1.25rem}@media (max-width: 768px){:root{--page-x: 1rem}input,textarea,select{font-size:max(16px,1em)}}html,body,#root{height:100%;touch-action:manipulation;-webkit-text-size-adjust:100%}body{font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scrollbar-width:none;-ms-overflow-style:none}svg{shape-rendering:geometricPrecision}::-webkit-scrollbar{display:none}input,select,button,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.page{padding:0 var(--page-x);display:flex;flex-direction:column;gap:var(--sp-4)}.section-header{font-size:var(--text-xs);font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;padding:0 var(--sp-1)}.card{background:var(--bg2);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:var(--sp-5)}.card-dark{background:var(--dark);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--sp-5);color:var(--dark-text)}.list-group{background:var(--bg2);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.list-item{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;font-size:var(--text-base);color:var(--text);background:transparent;border:none;border-bottom:.5px solid var(--border);width:100%;text-align:left;gap:var(--sp-3);transition:background var(--transition)}.list-item:last-child{border-bottom:none}.list-item:active{background:var(--bg3)}.list-item--disabled{color:#ccc;cursor:not-allowed}.list-item__label{flex:1;font-size:var(--text-base)}.list-item__right{color:var(--text3);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--sp-2)}.list-item__chevron{color:#ccc;font-size:14px}.field-row{display:flex;align-items:center;padding:0 14px;gap:var(--sp-3);border-bottom:.5px solid var(--border)}.field-row:last-child{border-bottom:none}.field-row__label{font-size:var(--text-base);color:var(--text);white-space:nowrap;min-width:130px}.field-row__input{flex:1;padding:13px 0;font-size:var(--text-base);border:none;outline:none;background:transparent;color:var(--text)}.field-hint{font-size:var(--text-xs);color:var(--text3);padding:0 var(--sp-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:12px var(--sp-5);border-radius:var(--radius);font-size:var(--text-sm);font-weight:600;border:none;cursor:pointer;transition:opacity var(--transition),background var(--transition);width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 4px 16px #5b4ae84d}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--bg2);color:var(--text);border:.5px solid var(--border2)}.btn--danger{background:var(--danger-bg);color:var(--danger-text);border:.5px solid var(--danger-border)}.btn--ghost{background:transparent;color:var(--text);border:.5px solid var(--border2)}.btn--sm{padding:6px 14px;font-size:var(--text-xs);border-radius:var(--radius-pill);width:auto}.btn--pill{border-radius:var(--radius-pill)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.badge--success{background:#28a74526;color:#2e8b57}.badge--warn{background:var(--warn-bg);color:var(--warn-text)}.badge--danger{background:var(--danger-bg);color:var(--danger-text)}.badge--neutral{background:var(--bg3);color:var(--text2)}.alert{border-radius:var(--radius-xl);padding:var(--sp-4) var(--sp-5);font-size:var(--text-sm);border:none;box-shadow:var(--shadow-sm)}.alert--success{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.alert--danger{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-border)}.alert--warn{background:var(--warn-bg);color:var(--warn-text);border-color:var(--warn-border)}@keyframes wave{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:16px;height:16px;border:2px solid var(--border2);border-top-color:var(--text);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}