/* Same warm style (abridged) */
:root{--ink:#3f2d20;--dim:#7a6a5d;--bg:#fff8f3;--card:#fffdfb;--border:#f0e3da;--accent:#b45309;--accent-ink:#fff8f3;--radius:14px;--gap:1rem;--maxw:1100px;--shadow:0 6px 18px rgba(101,64,33,.10)}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial;color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#ffe9dc 0%,rgba(255,233,220,0) 60%),radial-gradient(1200px 800px at 110% 10%,#fde7d6 0%,rgba(253,231,214,0) 55%),var(--bg);line-height:1.55}
.container{max-width:var(--maxw);margin:0 auto;padding:0 1rem}
.site-header{position:sticky;top:0;z-index:10;background:rgba(255,248,243,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}
.brand-wrap{display:flex;flex-direction:column}.brand{font-weight:800;letter-spacing:.3px}.sub{font-size:.92rem;color:#6b4a36;margin-top:.1rem}
.nav{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.nav .tab-btn{border:1px solid var(--border);background:linear-gradient(#fffdfb,#fff7f0);border-radius:12px;padding:.5rem .8rem;cursor:pointer;box-shadow:var(--shadow)}.nav .tab-btn:hover{border-color:#e8d6c9;transform:translateY(-1px)}
.account{position:relative}.account .chip{border:1px solid var(--border);background:#fff;border-radius:999px;padding:.4rem .8rem}.account .menu{position:absolute;right:0;margin-top:.3rem;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:.4rem;min-width:220px}.menu.hidden{display:none}.menu-item{display:block;width:100%;text-align:left;border:none;background:#fff;padding:.5rem .6rem;border-radius:8px;cursor:pointer}.menu-item:hover{background:#fff3ea}.menu-row{padding:.4rem .6rem}
h1{font-size:clamp(1.5rem,2.3vw,2.1rem);margin:.5rem 0 1rem}h3{margin:.5rem 0}.help{color:var(--dim);margin-top:0}
.card{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;background:var(--card);margin-bottom:1rem;box-shadow:var(--shadow)}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--gap)}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--gap)}
.row{display:flex;gap:.6rem;align-items:center}.vcenter{display:flex;align-items:center}.right{justify-content:flex-end;text-align:right}.end{justify-content:flex-end}.muted{color:var(--dim);font-size:.95rem}.tiny{font-size:.8rem;margin-top:.6rem}
input,button,select{font:inherit}input[type=text],input[type=tel],input[type=number],input[type=search]{width:100%;padding:.7rem .8rem;border:1px solid var(--border);border-radius:12px;background:#fffaf6;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
input:focus{outline:2px solid #f6d6be;border-color:#e8cbb3}
button.btn,.btn{border:1px solid var(--accent);color:var(--accent);background:linear-gradient(#fff7f0,#fff3ea);border-radius:12px;padding:.6rem 1rem;cursor:pointer;box-shadow:var(--shadow)}.btn:hover{background:var(--accent);color:var(--accent-ink)}.btn-login{border-radius:999px;padding:.65rem 1.1rem}
.btn-secondary{border:1px solid #d3b6a6;color:#6b4a36;background:linear-gradient(#fffdfb,#fff7f0)}.btn-secondary:hover{background:#e8c2a8;color:#3f2d20}.btn-outline{border:1px solid var(--border);color:#3f2d20;background:linear-gradient(#fffdfb,#fff7f0)}.btn-outline:hover{background:#faefe6}.btn-danger{border:1px solid #d0493e;color:#8f1f18;background:linear-gradient(#fff3f1,#ffe9e7)}.btn-danger:hover{background:#d0493e;color:#fff}
.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse}th,td{padding:.7rem .8rem;border-bottom:1px solid var(--border)}th{background:#fff3ea;text-align:left}tfoot td{background:#fff1e6}
.tab.hidden{display:none}
.login-screen{display:grid;place-items:center;min-height:55vh}.login-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.25rem 1.5rem;max-width:520px;box-shadow:var(--shadow);text-align:center}.logo-mark{font-weight:900;font-size:1.8rem;letter-spacing:.5px;color:#6B4A2B;margin-bottom:.2rem}.subhead{color:#6b4a36;font-weight:600;margin-bottom:.25rem}
.site-footer{border-top:1px solid var(--border);padding:1rem 0;margin-top:1rem;color:var(--dim)}.hidden{display:none}