*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#182b43;font:15px system-ui,-apple-system,sans-serif}header{background:#10243b;color:white;padding:17px max(18px,calc((100% - 1050px)/2));display:flex;align-items:center;justify-content:space-between}header a{color:white}.brand{font-size:18px;font-weight:800}.brand small{font-size:10px;background:#2b83d8;padding:4px 6px;border-radius:5px}main{max-width:1050px;margin:auto;padding:22px 16px 110px}h1{font-size:25px;margin:0 0 8px}h2{font-size:19px;margin-top:30px}.muted,small{color:#66798d}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.card,.records article,.login,.menu a{background:white;border:1px solid #e0e7ef;border-radius:14px;padding:19px;text-decoration:none;color:inherit}.card span,.card strong{display:block}.card strong{font-size:29px;margin-top:10px}.menu,.records{display:grid;gap:10px}.menu a{display:flex;justify-content:space-between;font-weight:650}.records article{display:grid;gap:6px}.records small{display:block}.pill{justify-self:start;border-radius:20px;padding:3px 10px;background:#eaf2ff;font-size:12px}.login{max-width:410px;margin:40px auto}.login form{display:grid;gap:12px}input{min-width:0;width:100%;padding:13px;border:1px solid #cbd5e1;border-radius:9px;font:inherit}button{background:#1667bb;color:white;border:0;border-radius:9px;padding:13px 18px;font:inherit;font-weight:700;cursor:pointer}.search{display:flex;gap:8px;margin:20px 0}.error{color:#b42318}.pager{display:flex;justify-content:space-between;margin-top:20px}nav{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #e0e7ef;display:flex;justify-content:space-around;padding:14px 8px calc(14px + env(safe-area-inset-bottom));box-shadow:0 -3px 20px #0000000a}nav a{color:#153d65;text-decoration:none;font-size:13px;font-weight:700}@media(min-width:800px){.stats{grid-template-columns:repeat(4,1fr)}nav{position:static;box-shadow:none;justify-content:center;gap:40px}.records{grid-template-columns:repeat(2,1fr)}}.notice-error{background:#fff2f0;color:#922b21;border:1px solid #f3c8c1;border-radius:12px;padding:13px 16px;margin:18px 0}.notice-error p{margin:6px 0 0}.stats-money{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-money strong{font-size:clamp(20px,3vw,29px);overflow-wrap:anywhere}.order-money{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:13px;margin-top:6px}@media(max-width:500px){.stats-money{grid-template-columns:1fr}}

.detail-card{background:#fff;border:1px solid #e0e7ef;border-radius:14px;padding:20px;margin-top:18px}.detail-card h2{margin:0 0 8px}.details{display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:12px;margin:22px 0 0}.details dt{color:#66798d}.details dd{margin:0;overflow-wrap:anywhere}.records a{color:#1667bb}

.status-form{display:grid;gap:12px;max-width:440px;margin-top:15px}.status-form label{font-size:14px}.status-form .danger{background:#b42318}.notice-success{background:#edf9f1;color:#17633a;border:1px solid #b9e6c7;border-radius:12px;padding:13px 16px;margin:18px 0}

.album-filters{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}.album-filters input{flex:2 1 220px}.album-filters select{flex:1 1 130px;min-width:0;padding:12px;border:1px solid #cbd5e1;border-radius:9px;background:white;font:inherit}.status-form textarea{display:block;width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:9px;font:inherit;resize:vertical;margin-top:8px}.status-form .danger{background:#b42318}