:root{--brand-h:217;--brand-s:89%;--brand-l:54%;--color-brand-50:hsl(var(--brand-h), var(--brand-s), 96%);--color-brand-100:hsl(var(--brand-h), var(--brand-s), 90%);--color-brand-200:hsl(var(--brand-h), var(--brand-s), 80%);--color-brand-500:hsl(var(--brand-h), var(--brand-s), var(--brand-l));--color-brand-600:hsl(var(--brand-h), var(--brand-s), 45%);--color-brand-700:hsl(var(--brand-h), var(--brand-s), 38%);--color-brand-900:hsl(var(--brand-h), var(--brand-s), 20%);--color-success-50:#eefcf3;--color-success-500:#1daf52;--color-success-700:#117e39;--color-warning-50:#fef7eb;--color-warning-500:#f59f0a;--color-warning-700:#b07207;--color-danger-50:#fef1f1;--color-danger-500:#ef4343;--color-danger-700:#ce1212;--color-background:#f1f5f9;--color-surface:#fff;--color-surface-raised:#f8fafc;--color-border:#e2e8f0;--color-border-subtle:#f1f5f9;--color-text:#0f172a;--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display:"Outfit", -apple-system, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000000d, 0 1px 2px -1px #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.35s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--z-back:-10;--z-base:1;--z-raised:10;--z-sticky:100;--z-modal:500;--z-overlay:1000;--z-toast:2000}[data-theme=dark]{--color-background:#0f172a;--color-surface:#1e293b;--color-surface-raised:#334155;--color-border:#475569;--color-border-subtle:#334155;--color-text:#f8fafc;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-brand-50:hsl(var(--brand-h), var(--brand-s), 15%);--color-brand-100:hsl(var(--brand-h), var(--brand-s), 20%);--color-brand-200:hsl(var(--brand-h), var(--brand-s), 30%);--color-brand-500:hsl(var(--brand-h), var(--brand-s), 60%);--color-success-50:#093419;--color-success-500:#31d86e;--color-warning-50:#3b2602;--color-warning-500:#f7b23b;--color-danger-50:#420606;--color-danger-500:#f26969;--shadow-xs:0 0 0 1px #ffffff0d;--shadow-sm:0 0 0 1px #ffffff0d, 0 2px 4px #0003;--shadow-md:0 0 0 1px #ffffff0d, 0 4px 12px #0000004d;--shadow-lg:0 0 0 1px #ffffff0d, 0 8px 24px #0006}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);color:#f8fafc;background-color:#0b0f19;justify-content:center;align-items:center;min-height:100vh;display:flex;overflow:auto}button,.btn-action{cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);background:0 0;border:none;font-family:inherit}button:active{transform:scale(.96)}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.text-brand{color:var(--color-brand-500)}.text-success{color:var(--color-success-500)}.text-warning{color:var(--color-warning-500)}.text-danger{color:var(--color-danger-500)}.text-secondary{color:var(--color-text-secondary)}.bg-brand{background-color:var(--color-brand-500)}.bg-brand-light{background-color:var(--color-brand-50)}.bg-success-light{background-color:var(--color-success-50)}.bg-warning-light{background-color:var(--color-warning-50)}.bg-danger-light{background-color:var(--color-danger-50)}.font-semibold{font-weight:var(--font-semibold)}.font-medium{font-weight:var(--font-medium)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.iphone-wrapper{background-color:var(--color-background);width:440px;height:956px;color:var(--color-text);-webkit-user-select:none;user-select:none;transition:background-color var(--duration-normal) var(--ease-in-out), box-shadow var(--duration-normal) var(--ease-in-out);border:14px solid #22252a;border-radius:54px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -10px #000c,0 0 0 4px #333842,inset 0 0 6px 2px #0003}.iphone-wrapper:before{content:"";background:#333842;border-radius:3px 0 0 3px;width:3px;height:60px;position:absolute;top:180px;left:-17px;box-shadow:0 80px #333842,471px -20px #333842}.dynamic-island{width:115px;height:30px;z-index:var(--z-overlay);transition:width .3s var(--ease-spring), height .3s var(--ease-spring);pointer-events:none;background-color:#000;border-radius:20px;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.dynamic-island.expanded{width:280px;height:38px}.dynamic-island-camera{background:radial-gradient(circle,#0e1e38 0%,#000 70%);border-radius:50%;width:8px;height:8px;position:absolute;right:18px}.status-bar{height:48px;font-size:13.5px;font-weight:var(--font-semibold);letter-spacing:-.01em;z-index:var(--z-sticky);pointer-events:none;background-color:#0000;justify-content:space-between;align-items:flex-end;padding:0 28px;display:flex}.status-bar-left{align-items:center;gap:4px;display:flex}.status-bar-right{align-items:center;gap:6px;display:flex}.status-bar-icon{justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.app-container{flex-direction:column;flex:1;height:calc(100% - 48px);display:flex;position:relative;overflow:hidden}.app-header{border-bottom:1px solid var(--color-border);background-color:var(--color-surface);height:44px;transition:background-color var(--duration-normal), border-color var(--duration-normal);z-index:var(--z-raised);justify-content:space-between;align-items:center;padding:0 16px;display:flex}.app-header-title{font-size:var(--text-lg);font-weight:var(--font-bold);letter-spacing:-.02em}.app-header-action{width:32px;height:32px;color:var(--color-text-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex}.app-header-action:active{background-color:var(--color-border-subtle);color:var(--color-text)}.app-content{flex:1;padding:16px 16px 96px;position:relative;overflow:hidden auto}.app-content:has(.modal-overlay.active){z-index:300;overflow:hidden}.tab-bar{background:rgba(var(--color-surface), .85);-webkit-backdrop-filter:blur(15px);border-top:1px solid var(--color-border);height:84px;z-index:var(--z-sticky);transition:background-color var(--duration-normal), border-color var(--duration-normal);justify-content:space-around;padding-top:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.tab-item{width:60px;color:var(--color-text-secondary);font-size:11px;font-weight:var(--font-medium);transition:color var(--duration-fast) var(--ease-out);flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;display:flex;position:relative}.tab-item.active{color:var(--color-brand-500)}.tab-item-icon{width:24px;height:24px;transition:transform var(--duration-fast) var(--ease-spring);justify-content:center;align-items:center;display:flex}.tab-item:active .tab-item-icon{transform:scale(.9)}.tab-item.active .tab-item-icon{transform:translateY(-2px)}.tab-badge{background-color:var(--color-danger-500);color:#fff;font-size:10px;font-weight:var(--font-bold);border-radius:var(--radius-full);border:1.5px solid var(--color-surface);justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;display:flex;position:absolute;top:-2px;right:10px}.home-indicator{background-color:var(--color-text);border-radius:var(--radius-full);opacity:.3;pointer-events:none;width:140px;height:5px;z-index:var(--z-overlay);position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--z-modal);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out);background-color:#00000073;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.modal-overlay.active{opacity:1;pointer-events:auto}.bottom-sheet{background-color:var(--color-surface);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;width:100%;max-height:80%;transition:transform var(--duration-slow) var(--ease-spring);flex-direction:column;padding:16px 16px 34px;display:flex;transform:translateY(100%);box-shadow:0 -8px 24px #00000026}.modal-overlay.active .bottom-sheet{transform:translateY(0)}.bottom-sheet-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.bottom-sheet-title{font-size:var(--text-lg);font-weight:var(--font-bold)}.bottom-sheet-content{flex:1;overflow-y:auto}.card-stats{background:linear-gradient(135deg, var(--color-surface) 0%, var(--color-surface-raised) 100%);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:16px}.card-stats-label{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:4px}.card-stats-val{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);line-height:1.1}.list-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 16px;display:flex}.list-item:active{box-shadow:none;background-color:var(--color-surface-raised);transform:translateY(1px)}.form-group{margin-bottom:14px}.form-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);margin-bottom:6px;display:block}.form-input,.form-select,.form-textarea{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface-raised);width:100%;color:var(--color-text);font-family:inherit;font-size:var(--text-sm);transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);padding:10px 12px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-brand-500);box-shadow:0 0 0 3px hsl(var(--brand-h), var(--brand-s), 54%, .15);outline:none}.btn-primary{background-color:var(--color-brand-500);color:#fff;border-radius:var(--radius-md);font-weight:var(--font-semibold);font-size:var(--text-sm);width:100%;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;padding:11px 16px;display:flex}.btn-primary:active{background-color:var(--color-brand-600)}.btn-secondary{background-color:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-md);font-weight:var(--font-semibold);font-size:var(--text-sm);justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 16px;display:flex}.btn-secondary:active{background-color:var(--color-border-subtle)}.toast-notice{color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);box-shadow:var(--shadow-lg);z-index:var(--z-toast);opacity:0;pointer-events:none;transition:opacity .25s var(--ease-out), transform .25s var(--ease-out);background-color:#0f172af2;border:1px solid #ffffff1a;padding:8px 16px;position:absolute;top:100px;left:50%;transform:translate(-50%)translateY(-20px)}.toast-notice.active{opacity:1;transform:translate(-50%)translateY(0)}.app-content.no-scroll{padding:0 0 84px!important;overflow-y:hidden!important}