:root{--color-primary:#059669;--color-primary-light:#10b981;--color-primary-dark:#047857;--color-primary-bg:#ecfdf5;--color-accent:#2563eb;--color-accent-light:#3b82f6;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-success:#059669;--color-success-bg:#ecfdf5;--color-text:#111827;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-bg:#f8fafc;--color-bg-white:#fff;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--nav-height:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:var(--safe-top)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}[role=button],a,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s,transform .1s,box-shadow .15s;white-space:nowrap;-moz-user-select:none;user-select:none;-webkit-user-select:none;min-height:48px;width:100%}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-bg-white);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-border-light)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-accent{background-color:var(--color-accent);color:#fff}.btn-accent:hover:not(:disabled){background-color:var(--color-accent-light)}.btn-outline{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary-bg)}.btn-sm{padding:8px 16px;font-size:14px;min-height:36px;width:auto}.input{display:block;width:100%;padding:14px 16px;font-size:16px;line-height:1.5;color:var(--color-text);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .15s,box-shadow .15s;min-height:48px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(5,150,105,.15)}.input::placeholder{color:var(--color-text-muted)}.input-error{border-color:var(--color-danger)}.input-error:focus{box-shadow:0 0 0 3px rgba(220,38,38,.15)}.form-label{display:block;font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:6px}.form-group{margin-bottom:20px}.form-error{color:var(--color-danger);font-size:13px;margin-top:4px}.card{background-color:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);overflow:hidden}.card-body{padding:16px}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;border-radius:var(--radius-full);white-space:nowrap}.badge-green{background-color:var(--color-success-bg);color:var(--color-success)}.badge-yellow{background-color:var(--color-warning-bg);color:#b45309}.badge-red{background-color:var(--color-danger-bg);color:var(--color-danger)}.badge-blue{background-color:#eff6ff;color:#2563eb}.badge-gray{background-color:#f3f4f6;color:#6b7280}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background-color:var(--color-bg-white);border-top:1px solid var(--color-border);justify-content:space-around;z-index:50}.bottom-nav,.bottom-nav-item{display:flex;align-items:center}.bottom-nav-item{flex-direction:column;justify-content:center;gap:2px;flex:1 1;padding:8px 0;color:var(--color-text-muted);font-size:10px;font-weight:500;border:none;background:none;cursor:pointer;text-decoration:none;min-height:44px;min-width:44px;transition:color .15s}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-icon{font-size:22px;line-height:1}.bottom-nav-label{font-size:10px}.top-bar{position:-webkit-sticky;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--color-bg-white);border-bottom:1px solid var(--color-border);min-height:56px}.top-bar-title{font-size:18px;font-weight:700;color:var(--color-text)}.spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}.spinner-lg{width:40px;height:40px;border-width:4px}@keyframes spin{to{transform:rotate(1turn)}}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:60vh;flex-direction:column;gap:16px}.container{max-width:480px;margin:0 auto;padding:0 16px}.page{padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 16px)}.page-header{padding:20px 0 12px}.page-title{font-size:24px;font-weight:800;color:var(--color-text)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:12px}.empty-state-icon{font-size:48px;opacity:.5}.empty-state-title{font-size:18px;font-weight:600;color:var(--color-text)}.empty-state-text{font-size:14px;color:var(--color-text-secondary);max-width:280px}.tabs{display:flex;border-bottom:1px solid var(--color-border);gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{flex:1 1;padding:12px 16px;font-size:14px;font-weight:600;color:var(--color-text-muted);background:none;cursor:pointer;white-space:nowrap;border:none;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;min-height:44px;min-width:44px}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.alert{padding:12px 16px;border-radius:var(--radius-md);font-size:14px;margin-bottom:16px}.alert-error{background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid #fecaca}.alert-success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid #a7f3d0}.alert-warning{background-color:var(--color-warning-bg);color:#b45309;border:1px solid #fde68a}.progress-bar{height:6px;background-color:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--color-primary);border-radius:var(--radius-full);transition:width .3s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}