:root{--background:#e9eff5;--background-gradient:linear-gradient(135deg, #f3f6fa 0%, #e9eff5 100%);--surface:#fff;--surface-hover:#f8fafc;--border:#e2e8f0;--text-primary:#1e293b;--text-secondary:#64748b;--accent:#5c59e8;--accent-hover:#4a47d0;--accent-light:#5c59e814;--success:#10b981;--success-light:#10b98114;--warning:#f59e0b;--warning-light:#f59e0b14;--danger:#dc2626;--danger-light:#dc262614;--info:#007aff;--info-light:#007aff14;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--rounded-small:8px;--rounded-medium:14px;--rounded-large:24px;--rounded-full:9999px;--shadow-sm:0 1px 3px #5c59e805, 0 1px 2px #5c59e805;--shadow-md:0 10px 25px #5c59e808, 0 4px 12px #1e293b05;--shadow-lg:0 20px 40px #5c59e80d, 0 6px 18px #1e293b08;--drawer-shadow:-4px 0 16px #1e293b08;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "SF Compact Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, SF Pro Icons, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);background-image:var(--background-gradient);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--rounded-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}h1{letter-spacing:-.02em;color:var(--text-primary);font-size:24px;font-weight:700}h2{letter-spacing:-.015em;color:var(--text-primary);font-size:20px;font-weight:700}h3{color:var(--text-primary);font-size:16px;font-weight:600}.caption{color:var(--text-secondary);font-size:12px}.mono{font-family:var(--font-mono);font-size:12px}input[type=text],input[type=password],input[type=email],textarea,select{width:100%;font-family:var(--font-sans);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--rounded-medium);background-color:#fff;outline:none;padding:10px 14px;font-size:14px;transition:all .2s}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);font-family:var(--font-sans);border-radius:var(--rounded-full);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent);color:#fff;box-shadow:0 4px 12px #7c3aed33}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{color:var(--text-secondary);cursor:not-allowed;box-shadow:none;background-color:#e2e8f0;transform:none}.btn-secondary{color:var(--text-primary);border-color:var(--border);box-shadow:var(--shadow-sm);background-color:#fff}.btn-secondary:hover{background-color:var(--surface-hover);border-color:var(--text-secondary);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-blue{background-color:var(--info);color:#fff;box-shadow:0 4px 12px #007aff33}.btn-blue:hover{background-color:#0062cc;transform:translateY(-1px)}.btn-green{background-color:var(--success);color:#fff;box-shadow:0 4px 12px #10b98133}.btn-green:hover{background-color:#059669;transform:translateY(-1px)}.btn-purple{background-color:var(--accent);color:#fff;box-shadow:0 4px 12px #7c3aed33}.btn-purple:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-red{background-color:var(--danger);color:#fff;box-shadow:0 4px 12px #dc262633}.btn-red:hover{background-color:#b91c1c;transform:translateY(-1px)}.btn-sm{border-radius:var(--rounded-medium);padding:6px 12px;font-size:12px}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--rounded-large);padding:var(--spacing-md);box-shadow:var(--shadow-md);transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s,border-color .25s}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:#00000014;transform:translateY(-2px)}.badge{align-items:center;gap:var(--spacing-xs);border-radius:var(--rounded-full);padding:6px 12px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.badge-cold{background-color:var(--info-light);color:var(--info)}.badge-warm{background-color:var(--warning-light);color:var(--warning)}.badge-hot{background-color:var(--danger-light);color:var(--danger)}.badge-success{background-color:var(--success-light);color:var(--success)}.ios-switch{cursor:pointer;width:46px;height:26px;display:inline-block;position:relative}.ios-switch input{opacity:0;width:0;height:0}.ios-slider{background-color:#cbd5e1;border-radius:34px;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.ios-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 3px 8px #00000026}input:checked+.ios-slider{background-color:var(--success)}input:checked+.ios-slider:before{transform:translate(20px)}.avatar-ring{border-radius:50%;justify-content:center;align-items:center;padding:3px;display:inline-flex}.avatar-ring-green{border:2px solid var(--success);box-shadow:0 0 6px #10b98133}.avatar-ring-blue{border:2px solid var(--info);box-shadow:0 0 6px #007aff33}.avatar-ring-yellow{border:2px solid var(--warning);box-shadow:0 0 6px #ff9f0a33}.avatar-ring-magenta{border:2px solid var(--danger);box-shadow:0 0 6px #dc262633}.segmented-control{border-radius:var(--rounded-full);border:1px solid var(--border);background-color:#0000000d;padding:4px;display:flex}.segmented-button{color:var(--text-secondary);border-radius:var(--rounded-full);cursor:pointer;background:0 0;border:none;flex:1;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.segmented-button.active{color:var(--text-primary);background-color:#fff;box-shadow:0 1px 3px #0000001a}.segmented-button-blue.active{background-color:var(--info);color:#fff}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{height:100%;padding:var(--spacing-xl);gap:var(--spacing-xl);flex-direction:column;flex:1;display:flex;overflow-y:auto}