*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--brand:#1b5151;--brand-dark:#0f2b2b;--brand-light:#2d6a6a;--success:#4caf50;--warning:#f5b400;--error:#f44336;--info:#2196f3;--bg:#f5f5f5;--ink:#0f2b2b;--muted:#6b7280;--stroke:#e5e7eb;--card-bg:#ffffff;--card-shadow:0 1px 3px rgba(0,0,0,0.1);--card-shadow-hover:0 4px 12px rgba(0,0,0,0.15);--text-xs:12px;--text-sm:13px;--text-base:15px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--font-normal:400;--font-medium:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg);color:var(--ink);line-height:var(--leading-normal);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mobile-container{max-width:100%;padding:var(--space-4);margin:0 auto;min-height:100vh;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.btn{background:#ffffff;color:var(--ink);padding:14px 24px;border-radius:var(--radius-md);font-weight:var(--font-medium);font-size:var(--text-base);border:1px solid var(--stroke);cursor:pointer;transition:all .2s;min-height:48px;min-width:48px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);text-decoration:none}.btn:hover{background:#f9fafb}.btn.primary{background:var(--brand);color:#ffffff;font-weight:var(--font-bold);border:none}.btn.primary:hover{background:var(--brand-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--stroke);box-shadow:var(--card-shadow);padding:var(--space-6);transition:all .2s}.card:hover{box-shadow:var(--card-shadow-hover)}input,select,textarea{width:100%;padding:14px 16px;border:1px solid var(--stroke);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--ink);background:#ffffff;transition:all .2s;font-family:inherit;min-height:48px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(27,81,81,.1)}input::placeholder{color:var(--muted)}label{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--ink)}.hint{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-1)}.stat-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--stroke);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.stat-card-label{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.stat-card-value{font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:var(--brand)}.stat-card-unit{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-1)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#ffffff;border-top:1px solid var(--stroke);padding:8px 16px calc(8px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;z-index:100;box-shadow:0 -2px 10px rgba(0,0,0,.05)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;color:var(--muted);font-size:11px;font-weight:600;text-decoration:none;border-radius:var(--radius-sm);transition:all .2s;min-width:64px}.bottom-nav-item:active{transform:scale(.95)}.bottom-nav-item.active{color:var(--brand);background:rgba(27,81,81,.05)}.toast{position:fixed;bottom:calc(72px + env(safe-area-inset-bottom) + 24px);left:50%;transform:translateX(-50%) translateY(100px);background:var(--ink);color:#ffffff;padding:14px 24px;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);box-shadow:0 8px 24px rgba(0,0,0,.2);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:9999;max-width:calc(100% - 32px)}.toast.show{transform:translateX(-50%) translateY(0);opacity:1}.toast.error{background:var(--error)}.toast.success{background:var(--success)}.safe-area{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.spinner{border:3px solid rgba(27,81,81,.1);border-radius:50%;border-top:3px solid var(--brand);width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:rgba(76,175,80,.1);color:var(--success)}.status-badge.inactive{background:rgba(107,114,128,.1);color:var(--muted)}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4)}.grid-2,.grid-3{display:grid;gap:var(--space-4)}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.text-center{text-align:center}.font-bold{font-weight:var(--font-bold)}.text-muted{color:var(--muted)}.text-brand{color:var(--brand)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.w-full{width:100%}