:root{--coral: #E8503A;--coral-d: #C23D2A;--coral-l: #FDF0EE;--coral-m: #FADDDA;--black: #1A1A1A;--gray-900: #2D2D2D;--gray-700: #555555;--gray-500: #888888;--gray-300: #CCCCCC;--gray-100: #F5F5F5;--gray-50: #FAFAFA;--white: #FFFFFF;--green: #2E7D32;--green-l: #E8F5E9;--amber: #F57F17;--amber-l: #FFF9C4;--blue: #1565C0;--blue-l: #E3F2FD;--red: #C62828;--red-l: #FFEBEE;--purple: #7B1FA2;--purple-l: #F3E5F5;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--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,.12);--font: "Inter", -apple-system, sans-serif;--transition: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);font-size:14px;color:var(--black);background:var(--gray-100);-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;border-radius:var(--radius-md);font-family:var(--font);font-size:14px;font-weight:500;cursor:pointer;transition:opacity var(--transition),transform var(--transition);white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--coral);color:#fff}.btn-primary:hover:not(:disabled){background:var(--coral-d)}.btn-secondary{background:#fff;color:var(--black);border:.5px solid var(--gray-300)}.btn-secondary:hover:not(:disabled){background:var(--gray-50)}.btn-ghost{background:transparent;color:var(--gray-700)}.btn-ghost:hover:not(:disabled){background:var(--gray-100)}.btn-danger{background:var(--red-l);color:var(--red)}.btn-full{width:100%}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:13px 20px;font-size:15px}.card{background:#fff;border-radius:var(--radius-lg);border:.5px solid rgba(0,0,0,.08);box-shadow:var(--shadow-sm)}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:500}.badge-coral{background:var(--coral-l);color:var(--coral-d)}.badge-green{background:var(--green-l);color:var(--green)}.badge-amber{background:var(--amber-l);color:var(--amber)}.badge-blue{background:var(--blue-l);color:var(--blue)}.badge-red{background:var(--red-l);color:var(--red)}.badge-purple{background:var(--purple-l);color:var(--purple)}.badge-gray{background:var(--gray-100);color:var(--gray-700)}.input{width:100%;padding:10px 12px;border:.5px solid var(--gray-300);border-radius:var(--radius-md);font-family:var(--font);font-size:14px;color:var(--black);background:#fff;transition:border-color var(--transition);outline:none}.input:focus{border-color:var(--coral);box-shadow:0 0 0 3px #e8503a14}.input::placeholder{color:var(--gray-300)}.label{display:block;font-size:12px;font-weight:500;color:var(--gray-700);margin-bottom:4px}.divider{height:.5px;background:var(--gray-100);margin:8px 0}.progress-track{height:5px;background:var(--gray-100);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--coral);border-radius:var(--radius-full);transition:width .3s ease}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);background:var(--black);color:#fff;padding:10px 20px;border-radius:var(--radius-full);font-size:13px;font-weight:500;z-index:1000;white-space:nowrap;box-shadow:var(--shadow-lg);animation:toastIn .2s ease}.toast.success{background:var(--green)}.toast.error{background:var(--red)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:.5px solid var(--gray-100);display:flex;z-index:50;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px 6px;gap:3px;background:none;border:none;border-top:2px solid transparent;cursor:pointer;color:var(--gray-500);font-size:9px;font-family:var(--font);font-weight:500;transition:color var(--transition)}.bottom-nav-item.active{color:var(--coral);border-top-color:var(--coral)}.bottom-nav-item svg{width:20px;height:20px}.page-header{background:var(--coral);padding:48px 16px 14px;position:sticky;top:0;z-index:10}.page-header-plain{background:var(--coral);padding:14px 16px;display:flex;align-items:center;gap:12px}.page-title{color:#fff;font-size:16px;font-weight:600}.page-subtitle{color:#ffffffb3;font-size:12px;margin-top:2px}.content-area{flex:1;padding:14px 14px 90px;overflow-y:auto}.back-btn{background:#fff3;border:none;border-radius:var(--radius-sm);padding:4px 10px;color:#fff;font-size:12px;cursor:pointer;font-family:var(--font)}.activity-row{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:.5px solid var(--gray-100);cursor:pointer;transition:background var(--transition)}.activity-row:last-child{border-bottom:none}.activity-row.done{background:#f1f8e9}.activity-row.na{opacity:.4;cursor:default}.activity-check{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition)}.activity-check.done{background:var(--green)}.activity-check.pending{background:#fff;border:1.5px solid var(--gray-300)}.activity-check.na{background:var(--gray-100)}.stat-card{background:#fff;border-radius:var(--radius-lg);padding:12px 14px;border:.5px solid rgba(0,0,0,.06)}.stat-value{font-size:24px;font-weight:600;color:var(--black);line-height:1}.stat-label{font-size:11px;color:var(--gray-500);margin-top:4px}.section-label{font-size:11px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;margin-top:4px}.logo-mark{width:32px;height:32px;background:var(--black);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-mark span{color:var(--coral);font-size:16px;font-weight:700}.avatar{width:32px;height:32px;border-radius:50%;background:var(--coral-l);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--coral-d);flex-shrink:0}.chip{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:500;border:.5px solid;cursor:pointer;white-space:nowrap;transition:all var(--transition)}.chip-active{background:var(--coral);color:#fff;border-color:var(--coral)}.chip-inactive{background:#fff;color:var(--gray-700);border-color:var(--gray-300)}.form-group{margin-bottom:14px}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:48px 24px}.empty-state-icon{font-size:40px;margin-bottom:12px}.empty-state-title{font-size:16px;font-weight:500;color:var(--black);margin-bottom:6px}.empty-state-text{font-size:13px;color:var(--gray-500);line-height:1.6}