:root{--bg:#f5f6f7;--panel:#fff;--text:#192025;--muted:#667078;--line:#dfe3e6;--accent:#1e6d55;--accent2:#174f3f;--danger:#b42318;--ok:#067647}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}.wrap{max-width:1180px;margin:0 auto;padding:0 22px}.topbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;letter-spacing:.04em;color:#111}.brand span{font-weight:500;color:var(--muted);letter-spacing:0}.nav nav{display:flex;align-items:center;gap:20px}.nav nav>a,.admin-menu summary{color:#263238;font-weight:600;cursor:pointer}.admin-menu{position:relative}.admin-menu summary{list-style:none}.admin-menu summary::-webkit-details-marker{display:none}.admin-menu[open] div{position:absolute;top:34px;right:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 34px #0002;min-width:180px;padding:8px}.admin-menu div a{display:block;padding:10px 12px;color:#222;border-radius:8px}.admin-menu div a:hover{background:#f2f4f5}.main{padding-top:34px;padding-bottom:60px;min-height:calc(100vh - 130px)}h1{font-size:32px;margin:0 0 10px}h2{margin-top:28px}.lead{color:var(--muted);margin:0 0 26px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 2px 10px #00000008}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.video-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:.15s}.video-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000012}.thumb{aspect-ratio:16/9;background:#dfe5e3;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.thumb img{width:100%;height:100%;object-fit:cover}.play{position:absolute;width:58px;height:58px;border-radius:50%;background:#000a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px}.card-body{padding:16px}.card-body h3{margin:0 0 6px;font-size:18px}.meta{font-size:13px;color:var(--muted)}.searchbar{display:flex;gap:10px;margin:20px 0 28px}.searchbar input{flex:1}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:16px}.field label{display:block;font-weight:700;margin:0 0 7px}.field input,.field select,.field textarea,.searchbar input{width:100%;padding:11px 12px;border:1px solid #cfd5d8;border-radius:9px;background:#fff;font:inherit}.field textarea{min-height:110px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:10px 15px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.btn:hover{background:var(--accent2)}.btn.secondary{background:#e9eeec;color:#24332e}.btn.danger{background:var(--danger)}.actions{display:flex;gap:8px;flex-wrap:wrap}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.table th{font-size:13px;color:var(--muted)}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700;background:#eceff1}.badge.ok{background:#e8f7ef;color:var(--ok)}.badge.off{background:#f2f2f2;color:#666}.flash{padding:12px 15px;border-radius:10px;margin-bottom:18px}.flash.success{background:#e8f7ef;color:#05603a}.flash.error{background:#fdecec;color:#8d1c16}.login-shell{max-width:440px;margin:65px auto}.login-shell .panel{padding:30px}.login-shell h1{text-align:center;font-size:28px}.small{font-size:13px;color:var(--muted)}.video-player{width:100%;aspect-ratio:16/9;background:#000;border-radius:14px}.hero{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px}.category-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.pill{padding:7px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#34413c}.pill.active{background:#24332e;color:#fff}.empty{text-align:center;padding:50px 20px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:22px 0;color:var(--muted);font-size:13px}.danger-zone{border-color:#f0b7b3}.muted{color:var(--muted)}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.nav{height:auto;padding-top:14px;padding-bottom:14px;align-items:flex-start}.nav nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.form-row{grid-template-columns:1fr}}@media(max-width:560px){.grid{grid-template-columns:1fr}.wrap{padding:0 14px}.nav{display:block}.nav nav{margin-top:12px;justify-content:flex-start}.hero{display:block}h1{font-size:27px}}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}