:root{--primary:#2563eb;--primary-light:#eff6ff;--secondary:#7c3aed;--accent:#0891b2;--danger:#dc2626;--success:#16a34a;--warning:#d97706;--bg-app:#f8fafc;--text-main:#0f172a;--text-muted:#64748b;--radius-lg:24px;--radius-md:20px;--shadow-sm:0 4px 12px #00000008;--shadow-md:0 8px 30px #0000000f;--glass:#ffffffd9;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-app);color:var(--text-main);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow-x:hidden}.page{padding:20px;padding-top:calc(10px + var(--safe-top));padding-bottom:calc(100px + var(--safe-bottom));max-width:600px;min-height:100vh;margin:0 auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s cubic-bezier(.16,1,.3,1) fadeInUp}.card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f080;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.card:active{transform:scale(.98)}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:.85rem;font-weight:700;display:block}.form-input{width:100%;color:var(--text-main);background:#fff;border:2px solid #e2e8f0;border-radius:14px;outline:none;padding:14px 16px;font-size:1rem;font-weight:500;transition:all .2s}.form-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #2563eb1a}.btn{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 4px 12px #2563eb33}.btn-danger{color:var(--danger);background:#fee2e2}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.6;cursor:not-allowed}.badge{text-transform:uppercase;letter-spacing:.02em;border-radius:8px;padding:4px 10px;font-size:.7rem;font-weight:800}.badge-green{color:#16a34a;background:#dcfce7}.badge-yellow{color:#d97706;background:#fef9c3}.badge-red{color:#dc2626;background:#fee2e2}.badge-blue{color:#0284c7;background:#e0f2fe}.badge-gray{color:#64748b;background:#f1f5f9}.grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.card-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=480px){.card-grid{grid-template-columns:repeat(3,1fr);gap:16px}}.section-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.75rem;font-weight:800;display:block}.stat-card{flex-direction:column;gap:4px;padding:16px;display:flex}.stat-value{color:var(--text-main);font-size:1.5rem;font-weight:800}.stat-label{color:var(--text-muted);font-size:.75rem;font-weight:600}.nav-link{color:#94a3b8;flex-direction:column;align-items:center;gap:2px;font-size:.65rem;font-weight:700;text-decoration:none;display:flex}.nav-link.active{color:var(--primary)}@media (width>=768px){.page{padding-top:40px;padding-bottom:40px}.grid-2{gap:20px}}.upload-placeholder{border-radius:var(--radius-md);text-align:center;cursor:pointer;color:var(--text-muted);background:#f8fafc;border:2px dashed #cbd5e1;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;transition:all .2s;display:flex}.upload-placeholder:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}