:root{--bg:#f4f6f5;--card:#fff;--border:#e8ebe9;--text:#4b5563;--text-h:#0f172a;--text-dim:#8b93a1;--teal-50:#ecfdf5;--teal-100:#d1fae5;--teal-600:#0d9488;--teal-700:#0f766e;--teal-900:#064e3b;--amber-50:#fffbeb;--amber-600:#b45309;--danger:#b91c1c;--radius-lg:20px;--radius-md:14px;--radius-sm:999px;--shadow:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0f;color:var(--text);background:var(--bg);font:15px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100svh;margin:0}h1,h2,h3{color:var(--text-h);margin:0}button{font:inherit;cursor:pointer}.auth-screen{justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow);flex-direction:column;gap:6px;padding:36px 32px;display:flex}.auth-logo{background:var(--teal-700);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.auth-card h1{font-size:22px}.auth-subtitle{color:var(--text-dim);margin-bottom:20px;font-size:14px}.auth-card label{color:var(--text-h);margin-top:10px;font-size:13px;font-weight:600}.auth-card input{font:inherit;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text-h);padding:11px 14px}.auth-card input:focus{outline:2px solid var(--teal-600);outline-offset:1px}.auth-card button{border-radius:var(--radius-md);background:var(--teal-700);color:#fff;border:none;margin-top:20px;padding:12px 14px;font-weight:600}.auth-card button:hover:not(:disabled){background:var(--teal-900)}.auth-card button:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:var(--danger);font-size:13px}.dashboard-screen{flex-direction:column;gap:16px;max-width:480px;margin:0 auto;padding:20px 16px 96px;display:flex}.dashboard-header{justify-content:space-between;align-items:center;display:flex}.dashboard-header-left{align-items:center;gap:12px;display:flex}.avatar{background:var(--teal-700);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:700;display:flex}.header-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:600}.header-title{color:var(--teal-700);font-size:18px;font-weight:700}.dashboard-header-right{align-items:center;gap:8px;display:flex}.icon-button{border:1px solid var(--border);background:var(--card);width:38px;height:38px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-button:hover{color:var(--teal-700);border-color:var(--teal-600)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px}.card-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:700}.card-header-row{justify-content:space-between;align-items:flex-start;display:flex}.hero-card{background:linear-gradient(135deg, var(--teal-700), var(--teal-900));color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);border:none;padding:22px 20px}.hero-card .card-label{color:#ffffffbf}.hero-amount{color:#fff;margin:6px 0 2px;font-size:30px;font-weight:700}.hero-badge{border-radius:var(--radius-sm);color:#fff;background:#ffffff29;align-items:center;gap:6px;margin-top:10px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.stat-icon{background:var(--teal-50);width:36px;height:36px;color:var(--teal-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-value{color:var(--text-h);margin:4px 0 0;font-size:24px;font-weight:700}.quote{color:var(--text);margin:10px 0 16px;font-size:14px;font-style:italic}.progress-row{color:var(--text-dim);border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:8px;padding-top:14px;font-size:12px;display:flex}.progress-row strong{color:var(--text-h);font-weight:600}.progress-track{border-radius:var(--radius-sm);background:var(--border);height:8px;overflow:hidden}.progress-fill{border-radius:var(--radius-sm);background:var(--teal-600);height:100%}.activity-table{border-collapse:collapse;width:100%;margin-top:12px}.activity-table th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border);padding-bottom:10px;font-size:11px;font-weight:700}.activity-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:12px 0;font-size:13px}.activity-table tr:last-child td{border-bottom:none}.activity-event{color:var(--text-h);text-transform:capitalize;font-weight:600}.activity-date{color:var(--text-dim);white-space:nowrap}.pill{border-radius:var(--radius-sm);text-transform:uppercase;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.pill-success{background:var(--teal-100);color:var(--teal-900)}.pill-warning{background:var(--amber-50);color:var(--amber-600)}.pill-neutral{background:var(--border);color:var(--text)}.empty-state{color:var(--text-dim);margin-top:8px;font-size:13px}.tips-card{background:var(--teal-900);color:#fff;border:none}.tips-card .card-label{color:#ffffffb3}.tips-list{flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.tips-list li{color:#ffffffeb;gap:10px;font-size:13px;line-height:1.5;display:flex}.tips-list li .tip-icon{color:var(--teal-100);flex-shrink:0;margin-top:1px}.bottom-nav{z-index:20;background:var(--card);border-top:1px solid var(--border);padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));justify-content:space-around;max-width:480px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.scroll-top-button{right:max(16px,50vw - 224px);bottom:calc(78px + env(safe-area-inset-bottom,0px));z-index:19;border:1px solid var(--border);background:var(--teal-700);color:#fff;width:44px;height:44px;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex;position:fixed}.scroll-top-button:hover{background:var(--teal-900)}.bottom-nav-item{color:var(--text-dim);flex-direction:column;align-items:center;gap:3px;padding:4px 10px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--teal-700)}.bottom-nav-item[aria-disabled=true]{opacity:.45}.status-line{color:var(--text-dim);padding:8px 4px;font-size:14px}.pill-danger{color:var(--danger);background:#fee2e2}.tab-bar{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);gap:6px;padding:4px;display:flex}.tab{text-align:center;color:var(--text-dim);border-radius:10px;flex:1;padding:8px 4px;font-size:12px;font-weight:600;text-decoration:none}.tab.active{background:var(--teal-700);color:#fff}.form,.card>label{flex-direction:column;gap:4px;display:flex}.form label{color:var(--text-h);margin-top:10px;font-size:13px;font-weight:600}.form input,.form textarea,.card textarea{font:inherit;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text-h);resize:vertical;margin-top:4px;padding:10px 12px}.form input:focus,.form textarea:focus,.card textarea:focus{outline:2px solid var(--teal-600);outline-offset:1px}.form button{border-radius:var(--radius-md);background:var(--teal-700);color:#fff;border:none;margin-top:18px;padding:11px 14px;font-weight:600}.form button:disabled{opacity:.6;cursor:not-allowed}.card-link-button{border-radius:var(--radius-md);background:var(--teal-50);color:var(--teal-700);margin-top:14px;padding:9px 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.list-cards{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.list-card-link{border:1px solid var(--border);border-radius:var(--radius-md);color:inherit;justify-content:space-between;align-items:center;gap:12px;padding:12px;text-decoration:none;display:flex}.list-card-link:hover{border-color:var(--teal-600)}.list-card-title{color:var(--text-h);font-size:14px;font-weight:700}.list-card-sub{color:var(--text-dim);margin-top:2px;font-size:12px}.approval-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;display:flex}.approval-row:last-child{border-bottom:none}.detail-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;font-size:13px;display:grid}.detail-grid>div>div:last-child{color:var(--text-h);margin-top:2px;font-weight:600}.banner-card{background:var(--teal-50);border-color:var(--teal-600);color:var(--teal-900);font-size:13px;font-weight:600}.guarantor-warning{background:var(--amber-50);color:var(--amber-600);border-radius:var(--radius-md);border:1px solid #fcd34d;margin-bottom:8px;padding:12px;font-size:13px}.action-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.action-row button{border-radius:var(--radius-md);background:var(--teal-700);color:#fff;border:none;flex:1;min-width:120px;padding:11px 14px;font-weight:600}.action-row button:disabled{opacity:.6;cursor:not-allowed}.btn-danger,.btn-secondary{border-radius:var(--radius-md);border:none;padding:11px 14px;font-size:14px;font-weight:600}.btn-danger{color:#fff;background:var(--danger)!important}.btn-secondary{border:1px solid var(--border)!important;color:var(--text-h)!important;background:0 0!important}.action-row-single{width:100%}.link-button{color:var(--text-dim);background:0 0;border:none;align-self:flex-start;padding:4px;font-size:13px}.link-button:hover{color:var(--teal-700)}@media (width<=380px){.dashboard-screen{padding-left:12px;padding-right:12px}}