*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#f6e7e7;background:#050505}a{text-decoration:none;color:inherit}img{max-width:100%}body{min-height:100vh;position:relative;overflow-x:hidden;padding-bottom:64px}.bloodko-bg{position:fixed;inset:0;background:radial-gradient(circle at top,rgba(150,0,0,.28),transparent 34%),radial-gradient(circle at bottom right,rgba(190,20,20,.14),transparent 25%),linear-gradient(180deg,#090909,#070202 45%,#040404);z-index:-3}.bloodko-bg:before{content:"";position:absolute;inset:0;background:url('../img/bg-pattern.png') center/cover no-repeat;opacity:.18;mix-blend-mode:screen}.bloodko-orb{position:fixed;border-radius:999px;filter:blur(70px);z-index:-2;opacity:.45;animation:floaty 9s ease-in-out infinite}.orb-1{width:220px;height:220px;top:80px;left:-30px;background:rgba(255,0,0,.22)}.orb-2{width:260px;height:260px;right:4%;top:16%;background:rgba(255,80,0,.12);animation-delay:-3s}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(18px)}}.landing-wrap{max-width:1250px;margin:0 auto;padding:56px 24px 80px}.top-brand{display:grid;grid-template-columns:380px 1fr;gap:32px;align-items:center;padding:36px;border:1px solid rgba(255,72,72,.22);background:linear-gradient(180deg,rgba(24,3,3,.92),rgba(11,2,2,.88));backdrop-filter:blur(16px);border-radius:34px;box-shadow:0 0 0 1px rgba(255,0,0,.08) inset,0 30px 80px rgba(0,0,0,.45),0 0 45px rgba(255,0,0,.08)}.logo-main{filter:drop-shadow(0 0 25px rgba(255,30,30,.35))}.eyebrow{display:inline-block;color:#ff8d8d;font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:700;margin-bottom:8px}.hero-copy h1{font-size:48px;line-height:1.05;margin:6px 0 16px;font-weight:900;letter-spacing:-1px}.hero-copy p{font-size:17px;line-height:1.7;color:#d8bebe;max-width:720px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:16px;padding:14px 20px;font-weight:800;cursor:pointer;transition:.2s ease;min-height:48px}.btn:hover{transform:translateY(-1px);box-shadow:0 0 18px rgba(255,43,43,.22)}.btn-primary{background:linear-gradient(180deg,#ff2b2b,#8a0000);color:#fff;box-shadow:0 12px 28px rgba(185,10,10,.32)}.btn-dark{background:linear-gradient(180deg,#231010,#0e0909);color:#fff;border:1px solid rgba(255,90,90,.18)}.btn-outline{background:transparent;border:1px solid rgba(255,90,90,.36);color:#fff}.btn-full{width:100%}.btn-small{min-height:38px;padding:8px 12px;border-radius:12px;font-size:12px}.hero-grid,.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.stats-grid-4{grid-template-columns:repeat(4,1fr)}.stats-grid-5{grid-template-columns:repeat(5,1fr)}.link-grid-3{grid-template-columns:repeat(3,1fr)}.glass-card,.stat-card,.card,.auth-card,.sidebar,.weekly-box{background:linear-gradient(180deg,rgba(18,8,8,.92),rgba(10,7,7,.92));border:1px solid rgba(255,76,76,.18);border-radius:24px;box-shadow:0 14px 40px rgba(0,0,0,.35),0 0 0 1px rgba(255,0,0,.06) inset}.glass-card{padding:24px}.action-card{display:block;transition:.25s ease}.action-card:hover{transform:translateY(-3px);border-color:rgba(255,90,90,.45);box-shadow:0 16px 44px rgba(0,0,0,.42),0 0 22px rgba(255,0,0,.12)}.glass-card h3,.card-head h2{margin:0 0 12px;font-size:20px}.glass-card p,.card p,.detail-grid p{color:#cfbaba;line-height:1.7}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px}.auth-card{width:min(520px,100%);padding:34px}.auth-card h1{margin:8px 0 22px;font-size:34px}.auth-logo{width:180px;display:block;margin:0 auto 8px;filter:drop-shadow(0 0 20px rgba(255,0,0,.25))}.form-grid{display:grid;grid-template-columns:1fr;gap:16px}.form-grid.two-col{grid-template-columns:repeat(2,1fr)}.form-grid.two-col .full{grid-column:1/-1}.form-grid.tight{gap:12px}.form-grid label,.detail-grid label{display:block;margin-bottom:8px;font-size:12px;letter-spacing:1.6px;color:#ff9d9d;text-transform:uppercase;font-weight:800}input,select,textarea{width:100%;padding:14px 16px;background:#0a0a0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#fff;outline:none}textarea{resize:vertical}.auth-links{display:flex;justify-content:space-between;gap:14px;margin-top:18px;color:#f0b0b0}.alert{padding:14px 16px;border-radius:14px;margin-bottom:16px;font-weight:700}.alert-success{background:rgba(25,126,68,.18);border:1px solid rgba(25,126,68,.44);color:#aff0c9}.alert-danger{background:rgba(175,16,16,.18);border:1px solid rgba(250,68,68,.32);color:#ffb1b1}.fade-out{opacity:0;transition:opacity .4s}.panel-shell{display:grid;grid-template-columns:290px 1fr;gap:22px;padding:22px;min-height:100vh}.sidebar{padding:24px;position:sticky;top:22px;height:calc(100vh - 44px)}.brand-box{padding:16px;border-radius:20px;background:radial-gradient(circle at center,rgba(255,40,40,.16),transparent 60%);margin-bottom:24px}.brand-box img{display:block;margin:0 auto;filter:drop-shadow(0 0 18px rgba(255,0,0,.22))}.sidebar nav{display:grid;gap:12px}.sidebar nav a{padding:14px 16px;border-radius:14px;background:#0a0a0a;border:1px solid rgba(255,255,255,.06);font-weight:800;color:#e8c9c9}.sidebar nav a.active,.sidebar nav a:hover{background:linear-gradient(180deg,#a40000,#420000);border-color:rgba(255,95,95,.4)}.content{padding-right:4px}.content-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.content-top h1{margin:6px 0 0;font-size:38px}.stat-card{padding:22px}.stat-card span{display:block;color:#ff9e9e;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:800}.stat-card strong{display:block;font-size:28px;margin-top:10px}.card{padding:24px;margin-top:20px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.detail-grid.compact{grid-template-columns:repeat(2,1fr)}.detail-grid .full{grid-column:1/-1}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{padding:14px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}.table-wrap th{font-size:12px;text-transform:uppercase;color:#ff9d9d;letter-spacing:1.5px}.badge{display:inline-flex;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.4px}.badge.pending{background:rgba(255,177,0,.14);color:#ffd67d}.badge.approved{background:rgba(38,181,97,.14);color:#9ff0be}.badge.rejected{background:rgba(229,62,62,.14);color:#ffaaaa}.badge.revision{background:rgba(109,124,255,.14);color:#b9c4ff}.badge.unpaid{background:rgba(255,255,255,.08);color:#f6dddd}.badge.partial{background:rgba(255,153,0,.15);color:#ffc67e}.badge.paid{background:rgba(0,180,110,.15);color:#a7f3d0}.mini-link{color:#ffb2b2;font-weight:800}.split-layout{display:grid;grid-template-columns:420px 1fr;gap:20px}.users-layout,.apps-layout{grid-template-columns:520px 1fr}.section-gap{margin-top:22px}.weekly-box{padding:18px;margin-top:16px}.weekly-title{display:flex;justify-content:space-between;gap:12px;font-size:18px;font-weight:900;margin-bottom:16px}.weekly-title span{color:#d3b7b7;font-size:13px;font-weight:700}.admin-theme .sidebar nav a.active{background:linear-gradient(180deg,#e10f0f,#5d0000)}.inline-form{display:flex;gap:8px;align-items:center}.inline-form-block{margin-bottom:8px}.pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.pagination a{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#0a0a0a;border:1px solid rgba(255,255,255,.08)}.pagination a.active{background:linear-gradient(180deg,#e10f0f,#5d0000)}.site-footer{position:fixed;left:0;right:0;bottom:0;padding:12px 16px;text-align:center;color:#f2c1c1;background:linear-gradient(180deg,rgba(18,7,7,.2),rgba(10,7,7,.92));border-top:1px solid rgba(255,66,66,.14);backdrop-filter:blur(10px);font-size:14px;letter-spacing:.5px}.muted{color:#a78b8b}@media(max-width:1280px){.stats-grid-5{grid-template-columns:repeat(3,1fr)}.users-layout,.apps-layout{grid-template-columns:1fr}}@media(max-width:1100px){.top-brand,.panel-shell,.split-layout,.hero-grid,.stats-grid,.detail-grid,.form-grid.two-col,.stats-grid-4,.stats-grid-5,.link-grid-3{grid-template-columns:1fr}.sidebar{position:static;height:auto}.content-top{flex-direction:column;align-items:flex-start}.hero-copy h1{font-size:36px}}