:root{--bg:#0b0b0f;--surface:#12121a;--surface-2:#181824;--text:#f1f1f6;--muted:#a6a6b3;--border:#ffffff14;--shadow:0 10px 30px #00000073;--radius:14px;--primary:#e50914;--primary-2:#ff3741;--focus:#e5091459;--maxw:1200px}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(1200px 700px at 20% 0%, #e5091438, transparent 55%), radial-gradient(900px 500px at 80% 10%, #ff37411f, transparent 55%), var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{grid-template-rows:auto 1fr auto;min-height:100%;display:grid}.header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0b0b0fb8;position:sticky;top:0}.header__left,.header__right{align-items:center;gap:16px;display:flex}.header__right{justify-content:flex-end}.header{padding:14px 18px}.header>*{max-width:var(--maxw);margin:0 auto}.header__left{float:left}.header__right{float:right}@media (width<=860px){.header__left,.header__right{float:none}.header__right{margin-top:10px}}.brand{border:1px solid var(--border);background:#ffffff0a;border-radius:999px;align-items:center;gap:10px;padding:10px 12px;display:inline-flex}.brand__name{letter-spacing:.5px;font-weight:800}.nav{gap:10px;display:flex}.nav__link{color:var(--muted);border:1px solid #0000;border-radius:999px;padding:10px 12px}.nav__link:hover{color:var(--text);border-color:var(--border);background:#ffffff08}.nav__link--active{color:var(--text);background:#e509141f;border-color:#e5091438}.search{width:min(360px,55vw)}.search__input{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0a;border-radius:999px;outline:none;padding:10px 12px}.search__input:focus{box-shadow:0 0 0 4px var(--focus);border-color:#e5091459}.profile{border:1px solid var(--border);background:#ffffff0a;border-radius:999px;align-items:center;gap:10px;padding:8px 10px;display:inline-flex}.profile__avatar{border:1px solid var(--border);background:linear-gradient(135deg,#ffffff40,#ffffff0f);border-radius:50%;width:26px;height:26px}.profile__name{color:var(--muted);font-size:14px}.main{max-width:var(--maxw);width:100%;margin:0 auto;padding:18px}.hero{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#181824e6,#12121ae6);min-height:180px;display:flex;position:relative;overflow:hidden}.hero__bg{opacity:.9;background:radial-gradient(800px 300px at 20% 10%,#e5091440,#0000 60%),radial-gradient(700px 260px at 70% 40%,#ff374129,#0000 60%),linear-gradient(90deg,#00000040,#0000 60%);position:absolute}.hero__content{max-width:720px;padding:26px;position:relative}.hero__kicker{color:var(--muted);letter-spacing:.3px;margin:0 0 8px}.hero__title{margin:0 0 10px;font-size:clamp(26px,3vw,40px);line-height:1.08}.hero__desc{color:var(--muted);max-width:60ch;margin:0 0 14px}.hero__meta{flex-wrap:wrap;gap:10px;margin:0 0 16px;display:flex}.pill{border:1px solid var(--border);color:var(--muted);background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-size:14px;display:inline-flex}.hero__actions{flex-wrap:wrap;gap:10px;display:flex}.btn{cursor:pointer;color:var(--text);background:#ffffff0f;border:1px solid #0000;border-radius:999px;padding:10px 14px}.btn:hover{background:#ffffff17}.btn:focus{box-shadow:0 0 0 4px var(--focus);outline:none}.btn--primary{background:linear-gradient(180deg, var(--primary), var(--primary-2));border-color:#e5091459}.btn--primary:hover{filter:brightness(1.05)}.btn--ghost{border-color:var(--border)}.btn--small{padding:8px 10px;font-size:14px}.toolbar{flex-wrap:wrap;align-items:end;gap:14px;margin-top:16px;padding:14px;display:flex}.toolbar__group{flex-direction:column;gap:8px;min-width:180px;display:flex}.toolbar__group--grow{flex:1;min-width:240px}.label{color:var(--muted);font-size:13px}.select{border:1px solid var(--border);color:var(--text);background:#ffffff0a;border-radius:12px;outline:none;padding:10px 12px}.select:focus{box-shadow:0 0 0 4px var(--focus);border-color:#e5091459}.hint{color:var(--muted);margin:0;font-size:14px;line-height:1.35}.section{margin-top:18px}.section__header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.section__title{margin:0;font-size:18px}.section__subtitle{color:var(--muted);margin:0;font-size:14px}.grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}@media (width<=1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{border-radius:var(--radius);border:1px solid var(--border);background:#12121ae6;flex-direction:column;min-height:250px;display:flex;overflow:hidden;box-shadow:0 10px 26px #00000059}.card__thumb{background:radial-gradient(220px 120px at 20% 20%,#ffffff1f,#0000 55%),radial-gradient(260px 160px at 80% 70%,#e5091438,#0000 65%),linear-gradient(#ffffff0d,#00000038);height:200px}.card__thumb img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.card__body{gap:10px;padding:12px;display:grid}.card__title{margin:0;font-size:15px;line-height:1.25;display:flex;overflow:hidden}.card__meta{flex-wrap:wrap;gap:8px;margin:0;display:flex}.badge{border:1px solid var(--border);color:var(--muted);background:#ffffff0a;border-radius:999px;align-items:center;padding:6px 8px;font-size:12px;display:inline-flex}.badge--accent{color:#ffd4d6;background:#e509141f;border-color:#e5091440}.card__actions{gap:8px;margin-top:2px;display:flex}.empty{border-radius:var(--radius);background:#ffffff08;border:1px dashed #ffffff24;margin-top:18px;padding:18px}.empty__title{margin:0 0 6px;font-size:16px}.empty__desc{color:var(--muted);margin:0}.footer{border-top:1px solid var(--border);background:#0b0b0fb8;padding:16px 18px}.footer__text{color:var(--muted);max-width:var(--maxw);margin:0 auto;font-size:14px}table{border-collapse:collapse;width:100%;margin-top:20px}th,td{text-align:left;border:1px solid #ccc;padding:8px}[data-table-container]{padding:20px}