@font-face{font-family:Rubik;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/rubik/Rubik-Regular.woff2)format("woff2")}@font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/rubik/Rubik-Medium.woff2)format("woff2")}@font-face{font-family:Rubik;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/rubik/Rubik-SemiBold.woff2)format("woff2")}@font-face{font-family:Rubik;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/rubik/Rubik-Bold.woff2)format("woff2")}@font-face{font-family:RocGrotesk;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/roc-grotesk-extrabold/rocgrotesk-extrabold-webfont.woff2)format("woff2")}:root{--maul-green:#030;--maul-green-hover:#1a6b1a;--maul-anna-green:#146e46;--maul-beige:#f0ebdc;--maul-red:#f05546;--maul-lunch-green-bg:#d6f2d6;--maul-lunch-green-text:#2a6e2a;--bg:var(--maul-beige);--card-bg:#fff;--border:#e3dcc8;--text:#18240f;--muted:#5c6b54;--accent:var(--maul-green);--accent-hover:var(--maul-green-hover);--success-bg:var(--maul-lunch-green-bg);--success-border:#b5e3b5;--success-text:var(--maul-lunch-green-text);--error-bg:#fdecea;--error-border:#f6c6c0;--error-text:#b5301f;--warning-bg:#fbf3df;--warning-border:#ecd9a6;--warning-text:#7a5a16;--radius:12px;--font-body:"Rubik", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-heading:"RocGrotesk", "Rubik", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-text-size-adjust:100%;font-size:16px;line-height:1.5}.page{justify-content:center;align-items:flex-start;min-height:100dvh;padding:48px 20px;display:flex}.card{background:var(--card-bg);border:1px solid var(--border);border-top:4px solid var(--maul-green);border-radius:var(--radius);width:100%;max-width:640px;padding:32px;box-shadow:0 1px 2px #0000000a,0 10px 30px #00330014}.card-header{align-items:center;gap:14px;margin-bottom:24px;display:flex}.card-logo{flex:none;width:44px;height:44px}h1{font-family:var(--font-heading);letter-spacing:.01em;font-weight:800}.card-header h1{color:var(--maul-green);margin:0 0 2px;font-size:1.5rem;line-height:1.1}.muted{color:var(--muted);margin:0}.form{flex-direction:column;gap:18px;display:flex}.field{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}label{font-size:.875rem;font-weight:600}.required{color:var(--error-text)}input,textarea,select{width:100%;font:inherit;color:var(--text);background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #00330026}input:disabled,textarea:disabled,select:disabled{opacity:.6;cursor:not-allowed}textarea{resize:vertical}.hint{color:var(--muted);margin:0;font-size:.8rem}.banner-subtext{opacity:.9;margin-top:6px;font-size:.85rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dropzone{border:1.5px dashed var(--border);background:#fbfaf5;border-radius:10px;padding:18px;transition:border-color .15s,background .15s}.dropzone-active{border-color:var(--accent);background:var(--maul-lunch-green-bg)}.dropzone-disabled{opacity:.6}.dropzone-label{cursor:pointer;text-align:center;flex-direction:column;gap:4px;font-weight:400;display:flex}.dropzone-disabled .dropzone-label{cursor:not-allowed}.dropzone-title{color:var(--text);font-size:.95rem}.dropzone-hint{color:var(--muted);font-size:.8rem}.link{color:var(--accent);font-weight:600;text-decoration:underline}.previews{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.preview{aspect-ratio:1;border:1px solid var(--border);background:var(--card-bg);border-radius:8px;position:relative;overflow:hidden}.preview img{object-fit:cover;width:100%;height:100%;display:block}.preview-remove{color:#fff;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;min-height:0;padding:0;font-size:16px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.preview-remove:hover:not(:disabled){background:#000c}.preview-size{color:#fff;text-align:center;background:#00000080;padding:2px 4px;font-size:.65rem;position:absolute;bottom:0;left:0;right:0}.field-error{color:var(--error-text);margin:0;font-size:.8rem}.actions{margin-top:4px}button{appearance:none;background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:8px;min-height:44px;padding:11px 20px;font-weight:600;transition:background .15s}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.6;cursor:not-allowed}.banner{border:1px solid #0000;border-radius:8px;margin-bottom:20px;padding:12px 14px;font-size:.9rem}.banner a{color:inherit;font-weight:600}.banner-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.banner-error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.banner-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em}.stack{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px;font-size:.8rem;overflow:auto}@media (width<=600px){.page{align-items:stretch;padding:16px 12px}.card{padding:22px 18px}.card-header{margin-bottom:18px}.card-header h1{font-size:1.3rem}input,textarea,select{padding:12px}.actions button{width:100%}}
