:root{--bg:#f5f6f8;--panel:#fff;--ink:#15161a;--muted:#737780;--line:#e7e8eb;--red:#e3282f;--red-dark:#bd171d;--green:#178654;--nav:#111216}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--nav);color:#fff;flex-direction:column;height:100vh;padding:31px 22px;display:flex;position:sticky;top:0}.brand{letter-spacing:-1px;font-size:24px;font-weight:900}.brand span{color:var(--red)}.sidebar nav{gap:7px;margin-top:48px;display:grid}.sidebar nav a{color:#aeb0b6;border-radius:9px;align-items:center;gap:13px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#26272d}.nav-icon{text-align:center;color:#777b84;width:18px}.sidebar nav a.active .nav-icon{color:var(--red)}.logout{color:#aeb0b6;background:0 0;border:1px solid #35363d;border-radius:8px;margin-top:auto;padding:11px}.main-content{width:100%;max-width:1400px;margin:auto;padding:46px 5vw 70px}.page-header,.detail-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}h1,h2,p{margin-top:0}.page-header h1,.detail-header h1{letter-spacing:-1px;margin-bottom:7px;font-size:31px}.page-header p,.detail-header p,.form-card>p,.success-card>p{color:var(--muted);margin-bottom:0}.button{border:0;border-radius:8px;justify-content:center;padding:11px 17px;font-size:14px;font-weight:700;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed}.button.primary{color:#fff;background:var(--red)}.button.primary:hover{background:var(--red-dark)}.button.secondary{border:1px solid var(--line);background:#fff}.button.full{width:100%}.stats,.info-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px;display:grid}.stats article,.info-grid article{background:var(--panel);border:1px solid var(--line);border-radius:13px;gap:10px;padding:23px;display:grid}.stats span,.info-grid span{color:var(--muted);font-size:13px;font-weight:650}.stats strong{font-size:34px}.stats small{color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:24px}.panel-title{justify-content:space-between;align-items:center;margin-bottom:21px;display:flex}.panel-title h2{margin-bottom:5px;font-size:18px}.panel-title p{color:var(--muted);margin:0;font-size:13px}.panel-title a,.text-link{color:var(--red);font-size:14px;font-weight:700}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:var(--muted);text-align:left;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line);padding:12px;font-size:11px}td{border-bottom:1px solid var(--line);padding:15px 12px;font-size:14px}td small{color:var(--muted);margin-top:4px;display:block}.badge{letter-spacing:.04em;border-radius:100px;padding:5px 8px;display:inline-flex;font-size:10px!important;font-weight:800!important}.badge.active{background:#e4f5ec;color:var(--green)!important}.badge.inactive{background:#f0f0f1;color:#777!important}.search,input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #d9dbe0;border-radius:8px;outline:none;padding:11px 12px}input:focus,textarea:focus,select:focus{border-color:#888c96;box-shadow:0 0 0 3px #15161a0d}.search{max-width:390px;margin-bottom:15px}.empty{text-align:center;color:var(--muted);padding:40px 20px}.auth-page{background:linear-gradient(135deg,#0c0d10 0%,#24262c 100%);place-items:center;min-height:100vh;padding:25px;display:grid}.auth-card{background:#fff;border-radius:16px;width:min(420px,100%);padding:38px;box-shadow:0 25px 70px #0008}.auth-brand{margin-bottom:38px}.auth-card h1{margin-bottom:8px}.auth-card>p{color:var(--muted);margin-bottom:26px}.auth-card>.text-link{text-align:center;margin-top:20px;display:block}.form-stack{gap:17px;display:grid}label{gap:7px;font-size:13px;font-weight:700;display:grid}label small{color:var(--muted);font-weight:400}.alert{border-radius:8px;padding:11px 13px;font-size:13px}.alert.error{color:#a71b20;background:#ffebeb}.alert.success{color:#156941;background:#e5f7ee}.form-page{max-width:760px;margin:auto}.back{color:var(--muted);margin-bottom:22px;font-size:14px;display:inline-block}.form-card,.success-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:32px}.form-card h1,.success-card h1{margin-bottom:8px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;display:grid}.wide{grid-column:1/-1}.actions{gap:10px;display:flex}.file-field input{border:1px dashed var(--line);cursor:pointer;background:#f6f7f8;padding:12px}.file-field>span{color:var(--muted);font-size:12px;font-weight:400}.user-picker{border:1px solid var(--line);border-radius:10px;padding:16px}.picker-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.picker-heading>div{gap:3px;display:grid}.picker-heading small,.picker-user small{color:var(--muted);font-weight:400;display:block}.picker-heading button{cursor:pointer}.picker-list{border-top:1px solid var(--line);max-height:230px;margin-top:10px;overflow:auto}.picker-user{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:none;align-items:center;gap:11px;padding:11px 4px;display:flex}.picker-user input{width:17px;height:17px}.success-card{text-align:center}.success-icon{width:56px;height:56px;color:var(--green);background:#e4f5ec;border-radius:50%;place-items:center;margin:0 auto 18px;font-size:27px;display:grid}.credentials{text-align:left;background:#f6f7f8;border-radius:10px;grid-template-columns:1fr 1fr;gap:13px;max-width:400px;margin:28px auto;padding:19px;display:grid}.credentials span{color:var(--muted);font-size:13px}.credentials strong{font-family:ui-monospace,monospace}.success-card .actions{justify-content:center}.info-grid strong{font-size:17px}.assign-row{grid-template-columns:1fr auto;gap:10px;margin-bottom:22px;display:grid}.video-list{display:grid}.video-list article{border-top:1px solid var(--line);grid-template-columns:46px 1fr auto;align-items:center;gap:13px;padding:13px 0;display:grid}.video-list small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:450px;margin-top:4px;display:block;overflow:hidden}.video-thumb{color:#fff;background:#22242a;border-radius:6px;place-items:center;width:44px;height:38px;display:grid}.danger-link,.card-actions button{color:var(--red);background:0 0;border:0;font-weight:700}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.video-card{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.card-media{background:#1c1d22 50%/cover;place-items:center;height:155px;display:grid}.card-media span{color:#fff;background:#e3282fdd;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.card-body{padding:19px}.card-meta{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.card-body h2{margin:17px 0 7px;font-size:18px}.card-body p{color:var(--muted);min-height:38px;font-size:13px}.card-actions{border-top:1px solid var(--line);justify-content:space-between;padding-top:15px;font-size:13px;font-weight:700;display:flex}.page-loader{min-height:100vh;color:var(--muted);place-items:center;display:grid}@media (max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;gap:15px;height:auto;padding:18px;position:static}.sidebar nav{margin:0 0 0 auto;display:flex}.sidebar nav a{padding:9px}.nav-icon{display:none}.logout{margin:0}.main-content{padding:30px 18px 60px}.stats,.info-grid,.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}}@media (max-width:520px){.sidebar .brand{font-size:18px}.sidebar nav a{font-size:0}.sidebar nav a:first-letter{font-size:14px}.logout{font-size:0}.logout:after{content:"Exit";font-size:13px}.page-header{align-items:flex-start}.auth-card{padding:28px 23px}.assign-row{grid-template-columns:1fr}}