:root{--ink:#102438;--blue:#087ee6;--bg:#f3f6f8;--line:#dbe4eb}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button,a{cursor:pointer}#guard{padding:40px;text-align:center}main{max-width:1200px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;background:#062846;color:white;padding:20px 24px;border-radius:8px}header h1{margin:4px 0 0;font-size:25px}header a{color:white}nav{display:flex;gap:6px;margin:18px 0;border-bottom:1px solid var(--line)}nav button{border:0;background:none;padding:13px 20px}nav button.active{color:var(--blue);border-bottom:3px solid var(--blue);font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat,.panel{background:white;border:1px solid var(--line);border-radius:7px;padding:20px}.stat b{font-size:30px;display:block}.stat small{color:#718292}.panel{margin-top:15px}.usage{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.usage span{background:#edf4f8;padding:15px;text-align:center;border-radius:5px}.toolbar{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.toolbar input,.toolbar select,dialog input,dialog select,dialog textarea{border:1px solid var(--line);border-radius:5px;padding:10px;background:white}.toolbar input{min-width:260px}.toolbar button,.actions button{border:0;border-radius:5px;padding:10px 15px;background:var(--blue);color:white}.tableWrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:7px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:13px}th{background:#f8fafb}.swatch{width:34px;height:34px;border-radius:5px;display:inline-block;vertical-align:middle;margin-right:8px;border:1px solid #d9e0e5}.rowActions{display:flex;gap:5px}.rowActions button{border:1px solid var(--line);background:white;padding:6px 8px;border-radius:4px}.danger{color:#c82c35!important}dialog{border:0;border-radius:8px;width:min(92vw,600px);padding:24px}dialog::backdrop{background:#00182d80}dialog form>label,.grid label{display:flex;flex-direction:column;gap:5px;margin:10px 0}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 12px}.grid .check{display:block}.recipeFields{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.recipeFields label{font-size:12px}.recipeFields input{width:100%;padding:8px}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.actions [data-close]{background:#e7edf2;color:var(--ink)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#062846;color:white;padding:10px 18px;border-radius:5px;display:none}@media(max-width:650px){main{padding:10px}.stats{grid-template-columns:repeat(2,1fr)}.usage{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:1fr}.recipeFields{grid-template-columns:repeat(3,1fr)}header{border-radius:0}.toolbar>*{flex:1}.toolbar input{min-width:0}}