:root{--primary:#1a1a1a;--secondary:#2c2c2c;--accent:#2563eb;--accent-hover:#1d4ed8;--danger:#dc2626;--success:#16a34a;--background:#f8fafc;--surface:#fff;--text:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--radius:16px;--shadow:0 4px 6px -1px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;padding-bottom:80px;font-family:Inter,sans-serif;line-height:1.5}.app-container{max-width:100%;margin:0 auto;padding:1rem}@media (width>=768px){.app-container{max-width:600px;padding:2rem}body{padding-bottom:0}}.header{margin-bottom:1.5rem;padding-bottom:1rem}.header h1{color:var(--primary);font-size:1.5rem;font-weight:800}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);z-index:1000;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 6px -1px #0000000d}@media (width>=768px){.bottom-nav{border-radius:var(--radius);box-shadow:none;border:1px solid var(--border);margin-bottom:2rem;position:relative}}.nav-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:1rem;font-size:.875rem;font-weight:700;display:flex}.nav-tab.active{color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1rem;padding:1.25rem}.card-title{color:var(--primary);margin-bottom:1rem;font-size:1.125rem;font-weight:700}.form-group{margin-bottom:1.25rem}.form-label{color:var(--secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-input,.form-select{border:2px solid var(--border);border-radius:var(--radius);background-color:var(--surface);appearance:none;width:100%;padding:1rem;font-family:inherit;font-size:1.125rem;transition:border-color .2s}.form-input:focus,.form-select:focus{border-color:var(--accent);outline:none}.quick-amounts{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.quick-btn{background:var(--background);border:1px solid var(--border);min-width:60px;color:var(--text);cursor:pointer;border-radius:8px;flex:1;padding:.75rem .5rem;font-size:1rem;font-weight:600}.quick-btn:active{background:#e2e8f0}.btn{text-align:center;border-radius:var(--radius);cursor:pointer;background-color:var(--accent);color:#fff;border:none;width:100%;padding:1.25rem;font-size:1.125rem;font-weight:700;display:block}.btn:active{transform:scale(.98)}.progress-container{background-color:var(--border);border-radius:999px;width:100%;height:16px;margin-top:.5rem;overflow:hidden}.progress-bar{background-color:var(--accent);height:100%;transition:width .3s}.progress-bar.warning{background-color:#f59e0b}.progress-bar.danger{background-color:var(--danger)}.color-heri{background-color:#3b82f6}.color-adit{background-color:#10b981}.color-default{background-color:#8b5cf6}.badge{border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.badge-success{color:#166534;background:#dcfce7}.badge-danger{color:#991b1b;background:#fee2e2}.badge-warning{color:#854d0e;background:#fef9c3}