:root{--primary-color: #007AFF;--secondary-color: #34C759;--danger-color: #FF3B30;--warning-color: #FF9500;--bg-color: #F9F9FB;--card-bg: #FFFFFF;--text-main: #1C1C1E;--text-muted: #8E8E93;--border-color: #E5E5EA;--shadow-sm: 0 4px 12px rgba(0,0,0,.05);--shadow-md: 0 8px 24px rgba(0,0,0,.08);--border-radius: 20px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;padding-bottom:90px;line-height:1.5}a{text-decoration:none;color:inherit}.container{max-width:480px;margin:0 auto;padding:20px;min-height:100vh;background:var(--bg-color);position:relative}.glass-card{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:20px;margin-bottom:20px;border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease}.glass-card:active{transform:scale(.98)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:var(--primary-color);color:#fff;border:none;border-radius:16px;padding:16px 24px;font-size:16px;font-weight:700;cursor:pointer;width:100%;transition:opacity .2s,transform .1s;box-shadow:var(--shadow-sm)}.btn:active{transform:scale(.96);opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:#f2f2f7;color:var(--text-main);box-shadow:none}.btn-danger{background-color:var(--danger-color)}.header{background:#fff;padding:16px 20px;position:sticky;top:0;z-index:100;box-shadow:0 1px 0 var(--border-color);display:flex;align-items:center;justify-content:space-between}.header h1{font-size:22px;font-weight:800;margin:0;color:var(--primary-color)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;padding:12px 0 calc(12px + env(safe-area-inset-bottom));z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--text-muted)}.nav-item.active{color:var(--primary-color)}.badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:12px;font-size:14px;font-weight:700}.badge-low{background:#e8f5e9;color:#2e7d32;border:1px solid #C8E6C9}.badge-normal{background:#fff3e0;color:#e65100;border:1px solid #FFE0B2}.badge-high{background:#ffebee;color:#c62828;border:1px solid #FFCDD2}.badge-outline{background:#fff;color:var(--text-main);border:1px solid var(--border-color)}.text-danger{color:var(--danger-color)}.text-primary{color:var(--primary-color)}.text-success{color:var(--secondary-color)}.border-danger{border-color:var(--danger-color)}.text-muted{color:var(--text-muted)}.font-bold{font-weight:700}.font-black{font-weight:900}.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}.mt-8{margin-top:32px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.pb-1{padding-bottom:4px}.pb-2{padding-bottom:8px}.pb-3{padding-bottom:12px}.pb-12{padding-bottom:48px}.pt-4{padding-top:16px}.py-8{padding-top:32px;padding-bottom:32px}.py-12{padding-top:48px;padding-bottom:48px}.px-6{padding-left:24px;padding-right:24px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.flex{display:flex}.flex-1{flex:1}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:12px}.w-full{width:100%}.max-w-sm{max-width:384px}.mx-auto{margin-left:auto;margin-right:auto}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-block{display:inline-block}.border{border:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-primary{border-color:var(--primary-color)}.border-4{border-width:4px}.rounded-xl{border-radius:16px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-primary{background-color:var(--primary-color)}.bg-opacity-5{--tw-bg-opacity: .05;background-color:#007aff0d}.shadow-md{box-shadow:var(--shadow-md)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}