*{box-sizing:border-box}html{font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:#17201c;background:#f5f7f6}body{margin:0;min-width:320px}header{height:62px;background:#14201b;color:#fff;display:flex;align-items:center;gap:22px;padding:0 max(24px,calc((100% - 1160px)/2));font-size:14px}header .brand{margin-right:auto;font-size:16px;font-weight:800;color:#fff;text-decoration:none}header form{margin:0}.logout{border:0;background:transparent;color:#fff;padding:8px;cursor:pointer}nav{display:flex;gap:24px;overflow:auto;padding:0 max(24px,calc((100% - 1160px)/2));background:#fff;border-bottom:1px solid #d8dfdb;height:45px;align-items:center}nav a{height:45px;display:flex;align-items:center;color:#52615a;text-decoration:none;font-size:14px;white-space:nowrap;border-bottom:2px solid transparent}nav a.active{color:#17201c;border-bottom-color:#087f5b;font-weight:700}.admin,.customer{width:min(100%,1140px);margin:0 auto;padding:34px 20px 64px}.eyebrow{color:#087f5b;font-size:12px;font-weight:800;margin:0 0 5px}.admin h1,.customer h1{margin:0 0 24px;font-size:27px}.admin h2{font-size:18px;margin:32px 0 12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d8dfdb;border-bottom:1px solid #d8dfdb;margin-bottom:30px}.metrics article{padding:22px 18px;border-right:1px solid #d8dfdb}.metrics article:last-child{border-right:0}.metrics span{display:block;color:#66736d;font-size:13px;margin-bottom:11px}.metrics strong{font-size:26px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px;background:#fff;border:1px solid #d8dfdb;margin-bottom:24px}.form-grid label,.login label{display:grid;gap:6px;color:#52615a;font-size:13px}.form-grid input,.form-grid select,.form-grid textarea,.login input{height:40px;border:1px solid #b9c7c0;border-radius:4px;padding:8px;font:inherit}.form-grid textarea{height:96px;resize:vertical}.form-grid button,.login button,.inline-form button{height:40px;align-self:end;border:0;border-radius:4px;background:#087f5b;color:#fff;font-weight:700;cursor:pointer;padding:0 16px}.check-label{display:flex!important;align-items:center;gap:8px}.check-label input{width:16px;height:16px}.span-3{grid-column:span 3}.inline-form{display:flex;gap:6px;align-items:center}.inline-form select,.inline-form input{height:34px;border:1px solid #b9c7c0;border-radius:4px;padding:5px;font:inherit}.inline-form button{height:34px;padding:0 10px}.muted{color:#66736d;font-size:13px}table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #d8dfdb;border-radius:6px;overflow:hidden;font-size:13px}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid #e5ebe7}th{color:#66736d;font-weight:600}tr:last-child td{border-bottom:0}td a{color:#087f5b}.login{min-height:100svh;display:grid;place-items:center;padding:20px}.login section{width:min(100%,390px);padding:32px;background:#fff;border:1px solid #d8dfdb}.login h1{margin:0 0 24px}.login form{display:grid;gap:16px}.error{color:#b42318}.customer{max-width:960px}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.video-card{background:#fff;border:1px solid #d8dfdb;border-radius:6px;overflow:hidden}.video-card a{display:block;color:inherit;text-decoration:none}.video-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e8edeb}.video-card h2{font-size:16px;margin:13px 13px 8px}.video-card strong{display:block;color:#087f5b;margin:0 13px 15px}.watch{display:grid;grid-template-columns:1.4fr .8fr;gap:28px}.watch>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e8edeb}.price{font-size:25px;color:#087f5b;font-weight:800}.not-found{display:grid;min-height:100svh;place-items:center}@media(max-width:700px){header{padding:0 16px}nav{padding:0 16px;gap:18px}.admin,.customer{padding:26px 16px 50px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics article:nth-child(2){border-right:0}.metrics article:nth-child(-n+2){border-bottom:1px solid #d8dfdb}.form-grid{grid-template-columns:1fr}.span-3{grid-column:auto}.inline-form{min-width:330px}.video-grid{grid-template-columns:1fr}.watch{display:block}.watch>img{margin:-26px -16px 22px;width:calc(100% + 32px)}table{font-size:12px}th,td{padding:10px;white-space:nowrap}}