/* Gestor Cine TOP 1 - estilo principal */
*{box-sizing:border-box}
body{margin:0;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif}
button,input,select,textarea{font-family:inherit}
button{cursor:pointer}
.hide{display:none!important}
.muted{color:#888}
.gold{color:#facc15}
.app-bg{min-height:100vh;background:linear-gradient(180deg,#050505,#000)}
.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:22px;background:radial-gradient(circle at 50% 0%,rgba(250,204,21,.16),transparent 36%),#000}
.login-card{width:100%;max-width:430px;background:#09090b;border:1px solid #252525;border-radius:34px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.9)}
.logo{width:96px;height:96px;border-radius:28px;object-fit:cover;display:block;margin:0 auto 18px}
.brand{text-align:center;font-size:34px;font-weight:900;margin:0}
.field{width:100%;background:#050505;border:1px solid #2a2a2a;color:#fff;border-radius:18px;padding:15px;outline:none;margin-bottom:12px}
.field:focus{border-color:#facc15}
.btn{border:0;border-radius:17px;padding:13px 16px;font-weight:900}
.btn-gold{background:#facc15;color:#000}
.btn-dark{background:#111;color:#fff;border:1px solid #2a2a2a}
.btn-red{background:#ef4444;color:#fff}
.btn-green{background:#22c55e;color:#03110a}
.btn-blue{background:#38bdf8;color:#00131c}
.wrapper{max-width:1040px;margin:0 auto;padding:18px 16px 32px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.topbar h1{font-size:30px;margin:0;font-weight:900}
.panel{background:#09090b;border:1px solid #232323;border-radius:28px;padding:18px}
.empty{border:1px dashed #333;border-radius:24px;padding:30px;text-align:center;color:#777}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:700px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat{background:#09090b;border:1px solid #232323;border-radius:24px;padding:16px}
.stat p{margin:0;color:#777;font-size:13px}
.stat h3{margin:8px 0 0;font-size:24px}
.menu-btn{width:46px;height:46px;border-radius:16px;background:#111;border:1px solid #2a2a2a;color:#fff;font-size:24px}
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:80}
.drawer{position:fixed;top:0;right:0;width:310px;max-width:88vw;height:100vh;background:#09090b;border-left:1px solid #2a2a2a;z-index:81;padding:20px}
.drawer-head{display:flex;align-items:center;justify-content:space-between}
.toast{position:fixed;top:18px;right:18px;background:#09090b;border:1px solid #facc15;border-radius:18px;padding:13px 16px;z-index:100;max-width:88vw}
.card{background:#0b0b0d;border:1px solid #242424;border-radius:24px;padding:16px;margin-bottom:12px}
.row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.actions{display:flex;flex-direction:column;gap:8px;min-width:110px}
.badge{display:inline-block;border-radius:99px;padding:6px 10px;font-size:12px;font-weight:900}
.ok{background:rgba(34,197,94,.15);color:#22c55e;border:1px solid rgba(34,197,94,.35)}
.danger{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.35)}
.warn{background:rgba(250,204,21,.12);color:#facc15;border:1px solid rgba(250,204,21,.35)}
.grid2{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:760px){.grid2{grid-template-columns:1fr 1fr}}
.search{margin-bottom:14px}
.small{font-size:12px}
hr{border:0;border-top:1px solid #222;margin:14px 0}