:root{font-family:Noto Sans Thai,Noto Sans,sans-serif;color:#182a39;background:radial-gradient(circle at top right,#f0f6ff,#f7fafc 46%,#f4f7fa)}*{box-sizing:border-box}body{margin:0}.container{max-width:1280px;margin:0 auto;padding:18px}.topbar{margin-bottom:10px}h1,h2,h3{margin:0}h1{font-size:2rem;letter-spacing:-.02em;margin-bottom:6px}h2{font-size:1rem;margin-bottom:12px}h3{font-size:.95rem;margin-bottom:8px}.meta{color:#5f7487;margin:0}.notice{background:#e7f8ec;border:1px solid #8ec8a2;border-radius:8px;color:#215f39;margin:0 0 12px;padding:8px 10px}.error{background:#fdeaea;border:1px solid #e29999;border-radius:8px;color:#841f1f;padding:10px}.layout-grid{display:grid;gap:14px;grid-template-columns:1.15fr 1fr}.layout-main,.layout-side{display:grid;gap:14px}section{background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #d7e4ee;border-radius:10px;padding:12px}.row-form{display:grid;gap:8px;margin-bottom:10px}.row-form-1{grid-template-columns:1fr}.row-form-3{grid-template-columns:1.4fr 1fr auto}.row-form-6{grid-template-columns:repeat(5,minmax(120px,1fr)) auto}label{display:grid;gap:4px}label>span{color:#43586a;font-size:.78rem;font-weight:600}input,select,button{font:inherit}input,select{background:#fff;border:1px solid #bfceda;border-radius:7px;color:#172a38;min-height:38px;padding:7px 10px}input:focus,select:focus{border-color:#3b76df;box-shadow:0 0 0 2px #d8e8ff;outline:none}.btn{border-radius:7px;cursor:pointer;font-weight:600;min-height:38px;padding:8px 12px}.btn-primary{background:#2e6ce6;border:1px solid #2e6ce6;color:#fff}.btn-primary:hover{background:#255bc5}.btn-danger{background:#fff;border:1px solid #ce5858;color:#ad2c2c}.btn-danger:hover{background:#fff3f3}.btn-link{background:transparent;border:0;color:#2a61cb;min-height:auto;padding:0;text-decoration:underline}table{border-collapse:collapse;width:100%}thead th{background:#f4f8fc}tbody tr:nth-child(2n){background:#fbfdff}tbody tr:hover{background:#f2f8ff}th,td{border:1px solid #d9e5ef;font-size:.86rem;padding:8px;text-align:left;vertical-align:middle}.num{text-align:right}.pill{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:700;padding:2px 8px}.pill-ok,.pill-confirmed,.pill-completed{background:#e5f7ea;color:#1f6f41}.pill-muted,.pill-pending{background:#eef2f7;color:#4c5f72}.pill-cancelled{background:#fdecec;color:#8e2a2a}.empty{color:#6f8192;font-style:italic;text-align:center}.empty-inline{color:#6f8192;margin:0}.detail-card{background:#f8fbff;border:1px solid #d9e7f3;border-radius:8px;margin-top:10px;padding:10px}.detail-card p{margin:6px 0}.stats-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(110px,1fr));margin-bottom:10px}.stat{background:#f3f8ff;border:1px solid #d4e4f7;border-radius:8px;display:grid;gap:2px;padding:8px}.stat span{color:#61778c;font-size:.76rem}.stat strong{font-size:1.05rem}@media (max-width: 1080px){.layout-grid,.row-form-3,.row-form-6{grid-template-columns:1fr}.num{text-align:left}.stats-grid{grid-template-columns:1fr}}