:root{--background:#f6f1e8;--surface:#fffdf8;--surface-strong:#fff;--text:#26221d;--muted:#6e665d;--red:#cf2f2f;--red-dark:#9d1f1f;--border:#ded3c4;--shadow:0 14px 35px #402f1c1f;--radius:20px}*{box-sizing:border-box}html{background:var(--background)}body{color:var(--text);background:radial-gradient(circle at top left, #fffc, transparent 30%), var(--background);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}label{gap:8px;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:12px;padding:12px 14px}textarea{resize:vertical}.app-shell{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8f2;align-items:center;gap:22px;padding:14px 24px;display:flex;position:sticky;top:0}.brand{color:var(--red);white-space:nowrap;font-size:1.25rem;font-weight:900}.desktop-nav{flex:1;gap:16px;display:flex;overflow-x:auto}.desktop-nav a{color:var(--muted);font-weight:700}.desktop-nav a.active{color:var(--red)}.mobile-nav{display:none}.page-container{width:min(1160px,100% - 32px);margin:0 auto;padding:36px 0 72px}.stack{gap:24px;display:grid}.compact-stack{gap:10px}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:22px}.hero{color:#fff;background:linear-gradient(135deg, #7e1616f2, #cf2f2feb), var(--red);box-shadow:var(--shadow);border-radius:30px;grid-template-columns:1.3fr .7fr;align-items:center;gap:30px;padding:42px;display:grid}.hero h1,.page-heading h1,.auth-card h1{margin:0;font-size:clamp(2.2rem,5vw,4.7rem);line-height:.98}.lead{font-size:1.18rem;line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:.13em;margin:0 0 8px;font-size:.78rem;font-weight:900}.sign-graphic{text-align:center;background:var(--red);border:14px solid #fff;place-content:center;min-height:210px;display:grid;transform:rotate(2deg);box-shadow:0 22px 50px #390e0e4d}.sign-graphic span{font-size:clamp(2rem,5vw,4rem);font-weight:1000}.sign-graphic small{font-size:1.4rem;font-weight:900}.action-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.action-card{border-radius:var(--radius);background:var(--surface-strong);border:1px solid var(--border);min-height:170px;box-shadow:var(--shadow);padding:24px;transition:transform .18s,box-shadow .18s}.action-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px #402f1c29}.action-card h2{color:var(--red);margin-top:0}.page-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.page-heading h1{font-size:clamp(2.2rem,5vw,4rem)}.button{background:var(--red);color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-weight:900;display:inline-flex}.button:hover{background:var(--red-dark)}.button.secondary{color:var(--red);background:#f8e7e3}.button.danger{background:#7d1515}.button.compact{min-height:38px;padding:8px 12px}.button-row{flex-wrap:wrap;gap:12px;display:flex}.text-button{color:var(--red);background:0 0;border:none;font-weight:800}.auth-page,.center-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);width:min(460px,100%);box-shadow:var(--shadow);border-radius:28px;gap:18px;padding:34px;display:grid}.auth-card h1{color:var(--red)}.form-card{gap:20px;display:grid}.form-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.checkbox-grid{flex-wrap:wrap;gap:18px;display:flex}.checkbox{align-items:center;gap:8px;font-weight:700;display:flex}.checkbox input{width:auto}.filters{grid-template-columns:2fr 1fr auto auto auto;align-items:end;gap:14px;display:grid}.sale-list{gap:14px;display:grid}.sale-card{justify-content:space-between;align-items:center;gap:20px;display:flex}.sale-card h3{margin:0 0 6px;font-size:1.35rem}.sale-card p{margin:4px 0}.muted{color:var(--muted)}.preview-card{gap:18px;display:grid}.preview-card h2{margin:0;font-size:2rem}.detail-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.detail-grid div{background:#f4ede4;border-radius:14px;gap:5px;padding:16px;display:grid}.detail-grid span{color:var(--muted);text-transform:uppercase;font-size:.82rem;font-weight:800}.notice,.error{border-radius:12px;padding:12px 14px;font-weight:800}.notice{color:#654c00;background:#fff1b8}.error{color:#8b1111;background:#ffe1df}.inline-form{gap:12px;display:flex}.empty-state{text-align:center;padding:50px 24px}@media (max-width:920px){.desktop-nav{display:none}.hero,.action-grid,.filters,.detail-grid{grid-template-columns:1fr}.action-grid{grid-template-columns:repeat(2,1fr)}.mobile-nav{z-index:30;border-top:1px solid var(--border);background:#fffdf8fa;padding:10px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.mobile-nav a{text-align:center;min-width:110px;color:var(--muted);padding:10px;font-size:.82rem;font-weight:800}.mobile-nav a.active{color:var(--red)}.page-container{padding-bottom:110px}}@media (max-width:640px){.topbar{padding:12px 16px}.topbar .button{margin-left:auto}.page-container{width:min(100% - 20px,1160px);padding-top:20px}.hero{padding:26px}.action-grid,.form-grid{grid-template-columns:1fr}.sale-card,.inline-form,.page-heading{flex-direction:column;align-items:stretch}.sale-card{display:grid}}