:root{--hp-bg:#f4f7fb;--hp-dark:#0f172a;--hp-primary:#2563eb;--hp-primary-2:#7c3aed;--hp-muted:#64748b;--hp-card:#fff;--hp-border:#e5e7eb;--hp-soft:#eff6ff}*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif}.hp-login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,rgba(59,130,246,.38),transparent 32%),radial-gradient(circle at bottom right,rgba(124,58,237,.35),transparent 28%),linear-gradient(135deg,#020617,#111827 58%,#1e1b4b);padding:24px}.hp-login-card{width:min(460px,100%);background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.38);border-radius:32px;padding:34px;box-shadow:0 34px 100px rgba(0,0,0,.38);backdrop-filter:blur(14px)}.hp-login-card p{color:var(--hp-muted);margin:0}.hp-login-logo{display:block;max-width:310px;width:100%;height:auto;margin:0 auto 14px}.hp-login-brand{display:grid;justify-items:center}.hp-admin-body{background:radial-gradient(circle at 8% 0,rgba(37,99,235,.10),transparent 28%),var(--hp-bg);color:var(--hp-dark)}.hp-navbar{background:rgba(15,23,42,.96);color:#fff;box-shadow:0 14px 40px rgba(15,23,42,.26);backdrop-filter:blur(16px)}.hp-navbar .navbar-brand{color:#fff !important}.hp-admin-brand{display:flex;align-items:center;gap:12px;font-weight:900}.hp-brand-copy{display:flex;align-items:center;line-height:1.05}.hp-brand-copy img{display:block;max-width:240px;width:auto;object-fit:contain}.hp-brand-copy small{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#cbd5e1;font-weight:800}.hp-admin-user{color:#cbd5e1;display:inline-flex;align-items:center;gap:6px}.hp-logout-btn{display:inline-flex;align-items:center;gap:6px}.hp-admin-wrap{padding:34px}.hp-page-title{font-weight:900;margin:0;font-size:32px;letter-spacing:-.04em}.hp-page-subtitle{margin:6px 0 0;color:var(--hp-muted)}.hp-hero-panel{position:relative;overflow:hidden;border-radius:32px;padding:34px;background:radial-gradient(circle at 78% 22%,rgba(250,204,21,.18),transparent 24%),linear-gradient(135deg,#0f172a,#1d4ed8 55%,#7c3aed);color:#fff;box-shadow:0 28px 80px rgba(30,64,175,.24);display:flex;justify-content:space-between;gap:24px;min-height:250px}.hp-hero-content{max-width:770px;position:relative;z-index:2}.hp-kicker{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.hp-hero-panel h1{font-size:clamp(32px,4vw,56px);line-height:.98;font-weight:950;letter-spacing:-.07em;margin:18px 0 12px}.hp-hero-panel p{font-size:20px;color:#dbeafe;max-width:720px;margin:20px 0}.hp-hero-device{width:265px;align-self:stretch;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);border-radius:28px;padding:16px;backdrop-filter:blur(16px);box-shadow:inset 0 1px rgba(255,255,255,.2)}.hp-device-top{display:flex;gap:6px;margin-bottom:14px}.hp-device-top span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.45)}.hp-device-screen{height:164px;border-radius:22px;background:linear-gradient(135deg,rgba(2,6,23,.72),rgba(15,23,42,.38));display:grid;place-items:center;text-align:center;padding:20px}.hp-device-screen i{font-size:54px;color:#facc15}.hp-device-screen strong,.hp-device-screen small{display:block}.hp-device-screen strong{text-transform:uppercase;letter-spacing:.12em}.hp-device-screen small{color:#bfdbfe}.hp-card{border:1px solid var(--hp-border);border-radius:24px;box-shadow:0 18px 45px rgba(15,23,42,.065);overflow:hidden}.hp-table-card{background:#fff}.hp-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(180deg,#fff,#f8fafc)}.hp-card-head h2{font-size:20px;margin:0;font-weight:900}.hp-card-head p{margin:4px 0 0;color:var(--hp-muted)}.hp-stat{position:relative;overflow:hidden;background:#fff;border:1px solid var(--hp-border);border-radius:24px;padding:24px;box-shadow:0 12px 30px rgba(15,23,42,.055)}.hp-stat:after{content:"";position:absolute;right:-28px;top:-28px;width:90px;height:90px;border-radius:50%;background:rgba(37,99,235,.08)}.hp-stat i{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--hp-soft);color:var(--hp-primary);font-size:34px;margin-bottom:12px}.hp-stat strong{display:block;font-size:31px;font-weight:950;letter-spacing:-.05em}.hp-stat span{color:var(--hp-muted)}.table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#64748b;background:#f8fafc}.table td,.table th{padding:17px 18px}.hp-public-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:700}.hp-device-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.hp-slide-thumb{height:190px;background:#111827;display:grid;place-items:center;overflow:hidden}.hp-slide-thumb img,.hp-slide-thumb video{width:100%;height:100%;object-fit:cover}.hp-youtube-thumb{color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.25);border-radius:18px;padding:20px 30px}.hp-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:22px;padding:50px;text-align:center;color:#64748b}.btn{border-radius:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:6px}.form-control,.form-select{border-radius:14px;padding:12px 14px}.form-label{font-weight:800;color:#334155}.btn-group .btn{border-radius:10px}@media(max-width:768px){.hp-admin-wrap{padding:20px}.hp-page-title{font-size:25px}.table{min-width:900px}.hp-hero-panel{border-radius:24px;padding:25px}.hp-card-head{align-items:flex-start;flex-direction:column}.hp-stat{padding:20px}}