.header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--card-bg, #ffffff);border-bottom:1px solid var(--border-color, #e5e7eb);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6}.header-left{display:flex;align-items:center;gap:12px}.header-icon{display:flex;align-items:center;color:var(--primary-color, #1f6feb)}.header-icon svg{display:block}.header-title{font-size:18px;font-weight:700;color:var(--text-primary, #1b1f2a);margin:0}.header-right{display:flex;align-items:center}.header-user{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 16px;background:var(--bg-secondary, #f9fafb);border-radius:9999px;border:none;cursor:pointer;transition:all .2s ease}.header-user:hover{background:var(--bg-tertiary, #e5e7eb);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.header-avatar{width:32px;height:32px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1f6feb,#1558d0);color:#fff;font-size:14px;font-weight:700;border-radius:50%}.header-username{font-size:15px;font-weight:600;color:var(--text-primary, #1b1f2a)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to bottom,#fffffffa,#fff);border-top:1px solid rgba(229,231,235,.8);box-shadow:0 -8px 32px #00000014,0 0 0 1px #00000005;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.bottom-nav-item{text-decoration:none;display:block;outline:none}.bottom-nav-content{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.bottom-nav-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-color, #1f6feb),var(--primary-dark, #1558d0));opacity:0;transition:opacity .3s ease;z-index:0;border-radius:16px}.bottom-nav-content.active{color:var(--primary-color, #1f6feb);transform:scale(1.05);box-shadow:0 4px 12px #1f6feb33}.bottom-nav-content.active:before{opacity:.08}.bottom-nav-content:not(.active):hover{color:var(--primary-color, #1f6feb);background:linear-gradient(135deg,#1f6feb0f,#1f6feb0a);transform:translateY(-2px)}.bottom-nav-icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #6b7280);transition:color .3s ease,transform .3s ease;position:relative;z-index:1}.bottom-nav-content.active .bottom-nav-icon{color:var(--primary-color, #1f6feb);transform:scale(1.1);filter:drop-shadow(0 2px 4px rgba(31,111,235,.3))}.bottom-nav-content:not(.active):hover .bottom-nav-icon{color:var(--primary-color, #1f6feb);transform:scale(1.05)}.bottom-nav-icon svg{display:block}.bottom-nav-label{font-size:11px;font-weight:600;letter-spacing:-.01em;color:var(--text-secondary, #6b7280);transition:all .3s ease;white-space:nowrap;position:relative;z-index:1}.bottom-nav-content.active .bottom-nav-label{color:var(--primary-color, #1f6feb);font-weight:700}.bottom-nav-content:not(.active):hover .bottom-nav-label{color:var(--primary-color, #1f6feb);font-weight:600}@supports (filter: drop-shadow(0 0 0)){.bottom-nav-content.active{filter:drop-shadow(0 4px 8px rgba(31,111,235,.15))}}.bottom-nav-content,.bottom-nav-icon,.bottom-nav-label{will-change:transform,color}.bottom-nav-item:focus-visible .bottom-nav-content{outline:2px solid var(--primary-color, #1f6feb);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:var(--bg-primary, #f6f7fb)}.app-shell.loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.app-main{padding:16px;padding-bottom:calc(64px + env(safe-area-inset-bottom));min-height:calc(100vh - 140px)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.loading-container .spinner{width:40px;height:40px;border:4px solid rgba(31,111,235,.2);border-top-color:var(--primary-color, #1f6feb);border-radius:50%;animation:spin .8s linear infinite}.loading-container p{font-size:16px;color:var(--text-secondary, #6b7280);font-weight:500}:root{--primary-color: #1f6feb;--primary-dark: #1558d0;--primary-light: #dbeafe;--success-color: #10b981;--success-light: #dcfce7;--success-dark: #047857;--warning-color: #f59e0b;--warning-light: #fef9c3;--warning-dark: #b45309;--danger-color: #ef4444;--danger-light: #fee2e2;--danger-dark: #991b1b;--info-color: #3b82f6;--info-light: #dbeafe;--info-dark: #1e40af;--neutral-dark: #374151;--neutral-light: #e5e7eb;--bg-primary: #f6f7fb;--bg-secondary: #ffffff;--bg-tertiary: #f9fafb;--bg-elevated: #ffffff;--text-primary: #1b1f2a;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-color: #e5e7eb;--border-color-hover: #d1d5db;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .2);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--z-dropdown: 1000;--z-modal: 1000;--z-tooltip: 1100;--z-fixed: 100}.dark-mode{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-elevated: #1e293b;--text-primary: #f9fafb;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: #334155;--border-color-hover: #475569;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .6)}:root{--card-bg: var(--bg-secondary);--input-bg: var(--bg-secondary);--progress-bg: var(--bg-tertiary);--progress-color: var(--primary-color)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--font-family);color:var(--text-primary);background:var(--bg-primary);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-dark)}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--neutral-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--primary-light);color:var(--primary-dark)}:root{--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-success: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--gradient-warning: linear-gradient(135deg, #f2994a 0%, #f2c94c 100%);--gradient-danger: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);--card-gradient: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);--bg-gradient: linear-gradient(180deg, #f6f7fb 0%, #eef2ff 100%);--text-shadow: 0 1px 2px rgba(0, 0, 0, .05);--text-shadow-lg: 0 2px 4px rgba(0, 0, 0, .08)}.dark-mode{--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-success: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--gradient-warning: linear-gradient(135deg, #f2994a 0%, #f2c94c 100%);--gradient-danger: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);--card-gradient: linear-gradient(145deg, #1e293b 0%, #0f172a 100%);--bg-gradient: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);--text-shadow: 0 1px 2px rgba(0, 0, 0, .3);--text-shadow-lg: 0 2px 4px rgba(0, 0, 0, .5)}.card-gradient-bg{background:var(--card-gradient)}.btn-gradient-primary{background:var(--gradient-primary);color:#fff}.btn-gradient-success{background:var(--gradient-success);color:#fff}.btn-gradient-warning{background:var(--gradient-warning);color:#fff}.btn-gradient-danger{background:var(--gradient-danger);color:#fff}.glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dark-mode .glass{background:#0009}.glass-light{background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progress{0%{width:0%}to{width:var(--progress-width, 100%)}}.page-enter{animation:fadeIn .3s ease-out}.page-exit{animation:fadeOut .2s ease-in forwards}.card-enter{animation:fadeInScale .3s ease-out}.card-exit{animation:fadeOut .2s ease-in forwards}.list-item-enter{animation:slideUp .3s ease-out}.list-item-exit{animation:slideDown .2s ease-in forwards}.modal-enter{animation:fadeInScale .2s ease-out}.modal-exit{animation:fadeOut .15s ease-in forwards}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}.animate-slide-down{animation:slideDown .3s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce .5s ease-in-out}.spinner{display:flex;align-items:center;justify-content:center}.spinner-ring{border:3px solid rgba(0,0,0,.1);border-top-color:var(--spinner-color, var(--primary-color, #1f6feb));border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:16px;height:16px}.spinner-sm .spinner-ring{width:16px;height:16px;border-width:2px}.spinner-md{width:24px;height:24px}.spinner-md .spinner-ring{width:24px;height:24px;border-width:3px}.spinner-lg{width:32px;height:32px}.spinner-lg .spinner-ring{width:32px;height:32px;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}