:root{font-family:system-ui,sans-serif;color-scheme:dark;background:#101820;color:#f4f7f8}*{box-sizing:border-box}body{margin:0;min-height:100vh}.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#192832;padding:1rem 1.5rem;border-bottom:1px solid #39515a}h1{font-size:1.4rem;margin:0}h2{font-size:1.15rem}main{max-width:1300px;margin:auto;padding:1.5rem}.card,.panel{background:#192832;border:1px solid #39515a;border-radius:12px;padding:1.2rem;margin-bottom:1rem}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.muted{color:#b7c9ce}label{display:block;font-size:.85rem;margin-bottom:.35rem}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;background:#101820;color:#f4f7f8;border:1px solid #5b7279;border-radius:6px;padding:.55rem}input[type=checkbox]{width:auto}button{background:#4bb5a8;color:#071e20;border:0;border-radius:6px;padding:.55rem .85rem;cursor:pointer;font-weight:650}button:hover{background:#70d6c9}button.secondary{background:#334a55;color:#fff}button.danger{background:#9e4343;color:#fff}.row{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.row>*{flex:1}.row>button,.row>.check{flex:none}form{max-width:520px}.field{margin:.7rem 0}.hidden{display:none!important}.notice{min-height:1.5rem;color:#ffcc80}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:.65rem;border-bottom:1px solid #39515a}th{color:#b7c9ce}td button{margin-right:.35rem}nav{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.2rem}nav button[aria-current=true]{background:#a7e0d7}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.7rem}.stat{background:#233640;padding:.8rem;border-radius:8px}.stat strong{display:block;font-size:1.45rem}.order-items{padding-left:1.3rem}.order-items li{margin:.35rem 0}.order-header{display:flex;justify-content:space-between;gap:1rem}.order-header strong{font-size:1.25rem}@media(max-width:650px){main{padding:1rem}.top{padding:1rem}.table-wrap{overflow-x:auto}th,td{white-space:nowrap}}
:root{font-family:system-ui,sans-serif;color-scheme:dark;background:#101820;color:#f4f7f8}*{box-sizing:border-box}body{margin:0;min-height:100vh}.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#192832;padding:1rem 1.5rem;border-bottom:1px solid #39515a}h1{font-size:1.4rem;margin:0}h2{font-size:1.15rem}main{max-width:1300px;margin:auto;padding:1.5rem}.card,.panel{background:#192832;border:1px solid #39515a;border-radius:12px;padding:1.2rem;margin-bottom:1rem}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.muted{color:#b7c9ce}label{display:block;font-size:.85rem;margin-bottom:.35rem}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;background:#101820;color:#f4f7f8;border:1px solid #5b7279;border-radius:6px;padding:.55rem}input[type=checkbox]{width:auto}button{background:#4bb5a8;color:#071e20;border:0;border-radius:6px;padding:.55rem .85rem;cursor:pointer;font-weight:650}button:hover{background:#70d6c9}button.secondary{background:#334a55;color:#fff}button.danger{background:#9e4343;color:#fff}.row{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.row>*{flex:1}.row>button,.row>.check{flex:none}form{max-width:520px}.field{margin:.7rem 0}.hidden{display:none!important}.notice{min-height:1.5rem;color:#ffcc80}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:.65rem;border-bottom:1px solid #39515a}th{color:#b7c9ce}td button{margin-right:.35rem}nav{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.2rem}nav button[aria-current=true]{background:#a7e0d7}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.7rem}.stat{background:#233640;padding:.8rem;border-radius:8px}.stat strong{display:block;font-size:1.45rem}.order-items{padding-left:1.3rem}.order-items li{margin:.35rem 0}.order-header{display:flex;justify-content:space-between;gap:1rem}.order-header strong{font-size:1.25rem}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.3rem}.choices label{padding:.25rem}fieldset{border:1px solid #39515a;border-radius:6px}@media(max-width:650px){main{padding:1rem}.top{padding:1rem}.table-wrap{overflow-x:auto}th,td{white-space:nowrap}}