:root{--ink:#29231f;--muted:#796c63;--line:#ded7d1;--paper:#fbfaf8;--accent:#994919;--soft:#f2ebe5;box-sizing:border-box;font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif}*{box-sizing:inherit}body{margin:0;background:#f4f0eb;color:var(--ink)}button,input,textarea,select{font:inherit}.shell{width:min(1180px,100%);margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:16px}header small{color:var(--accent);font-weight:700}h1{margin:5px 0 24px;font-size:32px}.login{display:grid;place-items:center;min-height:65vh}.login form,dialog form{width:min(100%,460px);padding:28px;background:var(--paper);border-radius:14px;box-shadow:0 18px 50px rgba(68,45,32,.12)}h2{margin:4px 0 24px}label{display:block;margin:14px 0;font-size:14px;font-weight:700}input,textarea,select{width:100%;min-height:44px;margin-top:7px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}textarea{min-height:90px;resize:vertical}button{min-height:42px;padding:9px 16px;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:700;cursor:pointer}.primary,.login form>button{width:100%;border-color:var(--accent);background:var(--accent);color:#fff}.link{border:0;background:transparent;color:var(--accent)}nav{display:flex;gap:4px;padding-bottom:18px;border-bottom:1px solid var(--line)}nav button{border:0;background:transparent;color:var(--muted)}nav .active{background:var(--accent);color:#fff}.panel{padding:28px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-head h2{margin:0}.section-head p{margin:6px 0 0;color:var(--muted)}.card{padding:20px;margin-bottom:12px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.switch{display:flex;align-items:center;gap:9px}.switch input{width:20px;min-height:auto;margin:0}.actions{display:flex;gap:8px;margin-top:16px}.actions button{flex:1}.danger{color:#a22f2f}.product{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:16px}.product img{width:76px;height:76px;object-fit:cover;border-radius:8px;background:var(--soft)}.product h3{margin:0 0 5px}.product p{margin:3px 0;color:var(--muted)}.badge{padding:4px 7px;background:var(--soft);font-size:12px}.error{min-height:20px;color:#a22f2f}dialog{width:min(94vw,560px);padding:0;border:0;border-radius:14px;background:transparent}dialog::backdrop{background:rgba(34,28,24,.5)}dialog form{width:100%;max-height:90vh;overflow:auto}dialog header h2{margin:0}#toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);padding:12px 18px;border-radius:8px;background:#29231f;color:#fff}@media(max-width:640px){.shell{padding:18px 14px}.grid{grid-template-columns:1fr}.product{grid-template-columns:58px 1fr}.product img{width:58px;height:58px}.product>.actions{grid-column:1/-1;margin:0}.section-head{align-items:start;flex-direction:column}.section-head button{width:100%}nav{overflow:auto}nav button{white-space:nowrap}}