:root{--bg:#f6f7fb;--card:#fff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--borderSoft:#0f172a14;--shadow:0 6px 18px #0f172a14;--shadowSoft:0 10px 30px #0f172a14;--primary:#0f172a;--primaryText:#fff;--danger:#dc2626;--radius:16px;--radiusSm:12px;--ring:0 0 0 4px #0f172a14;--t:.14s ease}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Apple Color Emoji,Segoe UI Emoji}.container{justify-content:center;min-height:100vh;padding:16px;display:flex}.shell{flex-direction:column;gap:14px;width:100%;max-width:440px;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:box-shadow var(--t),transform var(--t),border-color var(--t);padding:14px}.card:hover{box-shadow:var(--shadowSoft)}.card:has(.btn:hover){box-shadow:var(--shadowSoft)}.row{justify-content:space-between;align-items:center;gap:10px;display:flex}.h1{letter-spacing:-.015em;margin:0;font-size:20px;font-weight:750}.sub{color:var(--muted);margin:0;font-size:13px;line-height:1.35}.btn{border:1px solid var(--border);border-radius:var(--radiusSm);cursor:pointer;transition:transform var(--t),box-shadow var(--t),border-color var(--t),background var(--t),opacity var(--t);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#fff;padding:10px 12px;font-weight:650}.btn:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 6px 16px #0f172a0f}.btn:active{box-shadow:none;transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btnPrimary{background:var(--primary);color:var(--primaryText);border-color:var(--primary)}.btnPrimary:hover{transform:translateY(-1px);box-shadow:0 10px 22px #0f172a2e}.btnDanger{color:var(--danger);background:#fff;border-color:#fecaca}.btnDanger:hover{border-color:#fca5a5;box-shadow:0 8px 18px #dc26261a}.input,.textarea,select.input{border:1px solid var(--border);border-radius:var(--radiusSm);width:100%;transition:box-shadow var(--t),border-color var(--t),transform var(--t);appearance:none;background:#fff;outline:none;padding:12px;font-size:16px}.input::placeholder,.textarea::placeholder{color:#64748bd9}.input:focus,.textarea:focus{box-shadow:var(--ring);border-color:#cbd5e1}.textarea{resize:vertical;min-height:92px;line-height:1.4}.list{flex-direction:column;gap:8px;display:flex}.projectBtn{text-align:left;border:1px solid var(--border);cursor:pointer;width:100%;transition:transform var(--t),box-shadow var(--t),border-color var(--t),background var(--t);-webkit-tap-highlight-color:transparent;background:#fff;border-radius:14px;padding:12px;font-weight:700}.projectBtn:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 10px 22px #0f172a0f}.projectBtn:active{box-shadow:none;transform:translateY(0)}.projectBtnActive{background:#f1f5f9;border-color:#cbd5e1}.proofItem{border:1px solid var(--border);transition:transform var(--t),box-shadow var(--t),border-color var(--t);background:#fff;border-radius:14px;padding:12px}.proofItem:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 12px 26px #0f172a0f}.proofMeta{color:var(--muted);margin-top:6px;font-size:12px}.badge{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.hr{border:none;border-top:1px solid var(--border);margin:6px 0}.notice{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.35}a{color:var(--text);text-decoration:none}a:hover{text-decoration:underline}.deliveryLink{word-break:break-all}@media (max-width:480px){.container{padding:12px}.shell{gap:12px}.card{padding:12px}.btn{padding:11px 12px}}.btnDelete{background:var(--danger);color:#fff;border-color:var(--danger)}.btnDelete:hover{color:#fff;background:#b91c1c;border-color:#b91c1c}