:root{--arka-navy:#0e1c54;--arka-blue:#5aaaf2;--bg:#f5fafd;--text-primary:#0b0f1a;--text-secondary:#6b7280;--border:#e6edf5;--card-bg:#fff;--shadow-sm:0 4px 20px #0000000a;--shadow-md:0 8px 30px #0000000f;color:var(--text-primary);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,SF Pro Display,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text-primary);margin:0}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3{color:var(--arka-navy);letter-spacing:-.02em;margin:0}h1{font-size:40px;font-weight:700;line-height:1.1}h2{font-size:24px;font-weight:600;line-height:1.2}p{margin:0}.page{min-height:100vh;padding:24px 16px 40px}.container{max-width:760px;margin:0 auto}.home{text-align:center;padding-top:56px}.home-title{margin-bottom:20px}.home-lead{max-width:720px;color:var(--arka-navy);margin:0 auto 12px;font-size:20px;font-weight:600;line-height:1.35}.home-sublead{max-width:560px;color:var(--text-secondary);margin:0 auto 28px;font-size:16px}.topbar{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.back{color:var(--text-secondary);font-size:14px}.lead{color:var(--text-secondary);margin-bottom:24px}.actions{flex-direction:column;gap:12px;display:flex}.stack{flex-direction:column;gap:16px;display:flex}.card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;transition:transform .18s,box-shadow .18s;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-body{padding:20px}.meta{color:var(--text-secondary);margin-bottom:8px;font-size:13px}.muted{color:var(--text-secondary)}.price{color:var(--arka-navy);margin:16px 0 12px}.hint{color:var(--text-secondary);margin-top:10px;font-size:13px}.button{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:12px 18px;font-size:15px;font-weight:500;transition:background .18s,color .18s,border-color .18s,opacity .18s;display:inline-flex}.button.primary{background:var(--arka-navy);color:#fff}.button.primary:hover{background:#162872}.button.secondary{border:1px solid var(--border);color:var(--arka-navy);background:#fff}.button.secondary:hover{background:var(--bg)}.button.ghost{color:var(--arka-blue);background:0 0}.button:disabled{opacity:.6;cursor:not-allowed}@media (width<=640px){.home{padding-top:40px}h1{font-size:32px}.home-lead{font-size:18px}h2{font-size:22px}}.form{flex-direction:column;gap:16px;display:flex}.field{text-align:left;flex-direction:column;gap:8px;display:flex}.field label{color:var(--arka-navy);font-size:14px;font-weight:600}.field input,.field textarea{border:1px solid var(--border);width:100%;color:var(--text-primary);font:inherit;background:#fff;border-radius:12px;outline:none;padding:12px 14px;transition:border-color .18s,box-shadow .18s}.field input:focus,.field textarea:focus{border-color:var(--arka-blue);box-shadow:0 0 0 3px #5aaaf229}.form-error{color:#b42318;font-size:14px}.form-success{color:#067647;font-size:14px}.photo-preview-wrap{flex-direction:column;gap:12px;margin-top:8px;display:flex}.photo-preview{border:1px solid var(--border);object-fit:cover;width:100%;max-width:360px;box-shadow:var(--shadow-sm);border-radius:16px}.task-image{object-fit:cover;border-bottom:1px solid var(--border);width:100%;height:240px;display:block}.actions-row{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.detail-card{flex-direction:column;gap:16px;display:flex}.detail-header{flex-direction:column;gap:8px;display:flex}.detail-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.detail-stat{border:1px solid var(--border);background:#fff;border-radius:14px;flex-direction:column;gap:6px;padding:14px;display:flex}.detail-photo-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.detail-photo{object-fit:cover;border:1px solid var(--border);width:100%;height:240px;box-shadow:var(--shadow-sm);border-radius:16px}@media (width<=640px){.detail-stats{grid-template-columns:1fr}}.detail-stats strong{line-height:1.35}.auth-shell{border:1px solid var(--border);max-width:520px;box-shadow:var(--shadow-sm);background:#fff;border-radius:24px;flex-direction:column;gap:20px;margin:80px auto 0;padding:32px;display:flex}.auth-brand{letter-spacing:-.03em;color:var(--arka-navy);text-align:center;font-size:48px;font-weight:700}.auth-text{color:var(--text-secondary);text-align:center;margin:0}.auth-actions{flex-direction:column;gap:12px;display:flex}.hero-block{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:720px;margin:80px auto 0;display:flex}.brand-mark{letter-spacing:-.03em;color:var(--arka-navy);font-size:56px;font-weight:700}.hero-text{max-width:560px;color:var(--text-secondary);margin:0}.role-badge{border:1px solid var(--border);background:#fff;border-radius:999px;padding:10px 14px}.hero-actions{flex-direction:column;gap:12px;width:100%;max-width:420px;display:flex}