:root{--navy:#003a6c;--navy-dark:#002a4f;--navy-deep:#001d36;--navy-tint:#e8eef5;--red:#cb0000;--red-dark:#a30000;--ink:#161616;--muted:#555;--line:#d9d9d4;--line-strong:#8f8f8a;--page:#f4f4f2;--band:#f7f7f5;--white:#fff;--ok:#1d6b2f;--warn:#8a4b00;font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);margin:0;font-size:14.5px;line-height:1.45}a{color:var(--navy);text-underline-offset:2px}a:hover{color:var(--red-dark)}:focus-visible{outline:2px solid var(--red);outline-offset:2px}h1{letter-spacing:-.01em;margin:0 0 16px;font-size:1.625rem;font-weight:700}h2{margin:28px 0 10px;font-size:1.0625rem;font-weight:700}code{background:var(--band);border:1px solid var(--line);padding:1px 5px;font-family:Consolas,Cascadia Mono,monospace}.shell{grid-template-columns:236px 1fr;min-height:100vh;display:grid}.side{background:var(--navy-deep);color:#fff;height:100vh;padding:0 0 24px;position:sticky;top:0;overflow-y:auto}.side .brand{background:var(--navy);align-items:center;gap:10px;margin-bottom:8px;padding:16px;font-size:1rem;font-weight:700;display:flex}.side .brand img{background:#fff;border-radius:2px;padding:2px}.side a{color:#d5dfea;border-left:3px solid #0000;padding:8px 16px;text-decoration:none;display:block}.side a:hover{color:#fff;background:#ffffff0f}.side a.active{border-left-color:var(--red);color:#fff;background:#ffffff1a;font-weight:600}.side .group{text-transform:uppercase;letter-spacing:.08em;color:#8ea3b9;padding:18px 16px 6px;font-size:.6875rem}.content{min-width:0;padding:0 28px 48px}.topbar{background:var(--white);border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin:0 -28px 24px;padding:12px 28px;display:flex}main>*{max-width:1200px}.btn{border:1px solid var(--navy);background:var(--navy);color:#fff;cursor:pointer;border-radius:2px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 14px;font-family:inherit;font-size:.9063rem;font-weight:600;line-height:1;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{background:var(--navy-dark);color:#fff}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-plain{background:var(--white);color:var(--ink);border-color:var(--line-strong)}.btn-plain:hover{background:var(--band);border-color:var(--ink);color:var(--ink)}.btn-danger{background:var(--red);border-color:var(--red)}.btn-danger:hover{background:var(--red-dark);border-color:var(--red-dark)}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;display:flex}.row input[type=search],.row select{width:auto;min-width:180px}.row input[type=search]{min-width:260px}table.list{border-collapse:collapse;background:var(--white);border:1px solid var(--line);width:100%}table.list th,table.list td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:9px 12px}table.list th{background:var(--band);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.75rem;font-weight:600;position:sticky;top:0}table.list tbody tr:hover{background:#fafaf8}table.list td a{font-weight:600;text-decoration:none}table.list td a:hover{text-decoration:underline}table.list .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.thumb{object-fit:contain;border:1px solid var(--line);background:#fff;width:44px;height:44px}.thumb-empty{background:var(--band);border:1px solid var(--line);width:44px;height:44px;display:inline-block}.form{background:var(--white);border:1px solid var(--line);max-width:780px;padding:20px 24px 8px}.grid2{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.field{margin-bottom:16px}label,.label{margin-bottom:4px;font-weight:600;display:block}.hint{color:var(--muted);font-size:.8125rem;font-weight:400;display:block}input[type=text],input[type=email],input[type=password],input[type=number],input[type=datetime-local],input[type=search],select,textarea{border:1px solid var(--line-strong);width:100%;min-height:38px;font:inherit;color:var(--ink);background:#fff;border-radius:2px;padding:7px 10px}input:hover,select:hover,textarea:hover{border-color:var(--ink)}textarea{min-height:110px}textarea.tall{min-height:260px;font-family:Consolas,Cascadia Mono,monospace;font-size:.875rem}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border:2px solid var(--red)}.check{align-items:center;gap:8px;min-height:34px;font-weight:400;display:flex}.check input{width:18px;height:18px;accent-color:var(--navy)}.error{color:var(--red-dark);margin-top:4px;font-size:.875rem}.alert{border:1px solid var(--red);background:#fff;border-left-width:4px;margin-bottom:16px;padding:10px 14px}.notice{border:1px solid var(--line);border-left:4px solid var(--navy);background:var(--navy-tint);margin-bottom:16px;padding:10px 14px}.ok{color:var(--ok)}.warn{color:var(--warn)}.muted{color:var(--muted)}.badge{border:1px solid var(--line-strong);white-space:nowrap;vertical-align:middle;text-transform:capitalize;background:#fff;border-radius:2px;padding:2px 7px;font-size:.75rem;font-weight:600;display:inline-block}.badge-paid,.badge-completed,.badge-processing{border-color:var(--ok);color:var(--ok);background:#eef6f0}.badge-awaiting,.badge-pending{border-color:var(--warn);color:var(--warn);background:#fbf3e8}.badge-cancelled,.badge-failed,.badge-refunded{border-color:var(--red);color:var(--red-dark);background:#fbeeee}.stats{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:24px;display:grid}.stats div{background:var(--white);border:1px solid var(--line);border-top:3px solid var(--navy);color:var(--muted);padding:12px 14px;font-size:.8125rem}.stats strong{color:var(--ink);font-variant-numeric:tabular-nums;margin-top:4px;font-size:1.75rem;line-height:1.1;display:block}.login{background:var(--white);border:1px solid var(--line);border-top:4px solid var(--navy);max-width:400px;margin:64px auto;padding:28px}.login img{margin:0 auto 12px;display:block}.login h1{text-align:center;font-size:1.375rem}.login .btn{width:100%;min-height:42px}.confirm{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.images{flex-wrap:wrap;gap:10px;padding:0;list-style:none;display:flex}.images li{border:1px solid var(--line);background:#fff;width:160px;padding:8px}.images img{object-fit:contain;width:142px;height:142px;margin-bottom:6px;display:block}.pager{margin-top:14px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=860px){.shell{grid-template-columns:1fr}.side{height:auto;position:static}.content{padding:0 16px 40px}.topbar{margin:0 -16px 20px;padding:10px 16px}.grid2{grid-template-columns:1fr}}