:root{--purple:#5b2b8f;--gold:#e8ae22;--ink:#1d2330;--muted:#6f7785;--line:#e5e7eb;--bg:#f6f7f9;--green:#16865b;--red:#c9463e}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.loading{display:grid;place-items:center;height:100vh}.login-page{display:grid;place-items:center;min-height:100vh;background:#f4f1f8}.login-card{width:min(430px,calc(100% - 28px));background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:0 18px 55px #31164f18}.login-card img{display:block;width:145px;height:72px;object-fit:contain;margin:auto}.login-card h1{text-align:center}.login-card p{color:var(--muted);line-height:1.5}.login-card label,.form label{display:grid;gap:7px;margin:13px 0;font-size:13px;font-weight:700}.login-card input,.form input,.form select,.form textarea,.toolbar input,.toolbar select{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px;background:#fff}.login-card button,.primary,.primary-link{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:12px 16px;background:var(--purple);color:#fff;font-weight:700;text-decoration:none}.login-card button{width:100%;margin-top:12px}.notice-text{padding:11px;border-radius:9px;background:#fff4d7;color:#7e5b08}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#fff;border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 24px}.brand img{width:66px;height:45px;object-fit:contain}.brand strong,.brand small{display:block}.brand small{font-size:10px;color:var(--muted);margin-top:4px}.nav{display:grid;gap:4px}.nav button{display:flex;align-items:center;gap:11px;border:0;background:transparent;padding:12px;border-radius:10px;text-align:left;color:#596273}.nav button.active{background:#f0e9f8;color:var(--purple);font-weight:700}.nav .signout{margin-top:12px;color:var(--red)}.profile{margin-top:auto;padding:15px 8px 0;border-top:1px solid var(--line)}.profile strong,.profile small{display:block;overflow:hidden;text-overflow:ellipsis}.profile small{font-size:10px;color:var(--muted);margin-top:4px}.workspace{margin-left:230px;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.topbar h1{margin:4px 0;font-size:27px}.topbar p{margin:0;color:var(--muted);font-size:12px}.top-actions{display:flex;gap:8px}.icon-btn{position:relative;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px}.icon-btn b{position:absolute;right:-5px;top:-7px;background:#ef4c43;color:#fff;border-radius:20px;padding:3px 6px;font-size:9px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.stat,.panel{background:#fff;border:1px solid var(--line);border-radius:15px}.stat{padding:18px}.stat small,.stat strong{display:block}.stat small{color:var(--muted)}.stat strong{font-size:27px;margin-top:7px}.panel{overflow:hidden}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:19px 21px}.panel-head h2{margin:0 0 5px;font-size:18px}.panel-head p{margin:0;color:var(--muted);font-size:11px}.toolbar{display:grid;grid-template-columns:1fr 190px 170px;gap:9px;padding:0 21px 16px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:820px}.data-table th,.data-table td{padding:13px 20px;border-top:1px solid var(--line);font-size:12px;text-align:left;vertical-align:top}.data-table th{font-size:10px;color:var(--muted);background:#fafafa;text-transform:uppercase}.data-table small{display:block;color:var(--muted);margin-top:4px}.badge{display:inline-block;border-radius:20px;padding:5px 9px;font-size:10px;background:#eef1f5}.badge.good{background:#e6f5ed;color:var(--green)}.badge.warn{background:#fff0d7;color:#a66c08}.badge.danger{background:#fde9e7;color:var(--red)}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions button,.actions a{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 8px;color:var(--purple);font-size:10px;text-decoration:none}.empty{padding:40px;text-align:center;color:var(--muted)}.modal-bg{position:fixed;inset:0;background:#17122080;display:grid;place-items:center;padding:14px;z-index:30}.modal{width:min(700px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:16px;padding:24px}.modal h2{margin:0}.modal-close{float:right;border:0;background:#eee;border-radius:50%;width:35px;height:35px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}.form-actions button{border:1px solid var(--line);border-radius:9px;padding:11px 15px;background:#fff}.form-actions .primary{background:var(--purple)}.toast{position:fixed;right:22px;bottom:22px;background:#173b2d;color:#fff;border-radius:10px;padding:12px 16px;z-index:50}.notifications{position:fixed;right:20px;top:75px;width:min(390px,calc(100% - 28px));max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 60px #0002;z-index:20}.notifications header{padding:15px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.notification{padding:13px 15px;border-bottom:1px solid var(--line)}.notification.read{opacity:.55}.notification strong,.notification small{display:block}.notification small{color:var(--muted);margin-top:4px}.mobile-nav{display:none}.tabs{display:flex;gap:7px;padding:0 21px 15px;overflow:auto}.tabs button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 12px;white-space:nowrap}.tabs button.active{background:#f0e9f8;color:var(--purple);border-color:#d8c4ec}.schedule-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.shift{padding:7px;background:#f2f4f6;border-radius:7px;font-size:10px}.shift.off{color:#999}.login-error{color:var(--red)!important}.hidden{display:none!important}@media(max-width:900px){.sidebar{display:none}.workspace{margin:0;padding:17px 14px 92px}.stats{grid-template-columns:1fr 1fr}.toolbar{grid-template-columns:1fr;padding-inline:14px}.panel-head{padding:16px 14px;align-items:flex-start;flex-wrap:wrap}.table-wrap{overflow:visible}.data-table,.data-table tbody{display:block;min-width:0}.data-table thead{display:none}.data-table tr{display:grid;margin:10px;padding:14px;border:1px solid var(--line);border-radius:13px}.data-table td{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border:0}.data-table td:before{content:attr(data-label);color:var(--muted);font-size:10px;text-transform:uppercase}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(6,1fr);inset:auto 0 0;background:#fff;border-top:1px solid var(--line);z-index:15;padding:6px 3px max(7px,env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:transparent;font-size:9px;padding:7px 2px;color:#667}.mobile-nav button span{display:block;font-size:18px;margin-bottom:3px}.mobile-nav button.active{color:var(--purple);font-weight:700}.topbar h1{font-size:21px}.form-grid{grid-template-columns:1fr}.modal{padding:19px 15px}.notifications{right:14px;top:65px}}@media(max-width:520px){.stats{gap:8px}.stat{padding:13px}.stat strong{font-size:22px}.top-actions .account{display:none}}


/* FALLA brand theme - black + Falla yellow (#FECC00) */
:root{--purple:#FECC00;--gold:#FECC00;--ink:#171717;--muted:#6d6d6d;--line:#e5e1d6;--bg:#f7f7f3;--brand-dark:#111111;--brand-soft:#fff7cf;--brand-border:#efd34f}
body{background:var(--bg)}
.login-page{background:radial-gradient(circle at 50% 0,#2a2a2a 0,#151515 38%,#090909 100%)}
.login-card{background:#111;color:#fff;border-color:#2b2b2b;box-shadow:0 22px 70px #0008}
.login-card img{width:235px;height:128px;object-fit:contain;margin:0 auto 8px}
.login-card h1{color:#fff;margin-top:8px}
.login-card p{color:#c9c9c9}
.login-card label{color:#fff}
.login-card input{background:#fff;color:#111;border-color:#4b4b4b}
.login-card input:focus,.form input:focus,.form select:focus,.form textarea:focus,.toolbar input:focus,.toolbar select:focus{outline:3px solid #fecc0040;border-color:#FECC00}
.login-card button,.primary,.primary-link{background:#FECC00;color:#111}
.login-card button:hover,.primary:hover,.primary-link:hover{background:#ffd633}
.login-error{color:#ff746a!important}
.notice-text{background:#2a2408;color:#ffe37a;border:1px solid #4b3e00}
.sidebar{background:#111;border-right-color:#292929}
.brand{display:grid;gap:6px;justify-items:start;padding:2px 8px 24px}
.brand img{width:155px;height:84px;object-fit:contain;object-position:left center}
.brand small{color:#aaa;font-size:10px;margin:0 0 0 2px;letter-spacing:.04em;text-transform:uppercase}
.nav button{color:#d8d8d8}
.nav button:hover{background:#222;color:#fff}
.nav button.active{background:#FECC00;color:#111;font-weight:800}
.nav .signout{color:#ff8b83}
.profile{border-top-color:#333;color:#fff}
.profile small{color:#aaa}
.workspace{background:#f7f7f3;min-height:100vh}
.topbar h1{color:#111}
.icon-btn{border-color:#ddd8ca}
.stat,.panel{border-color:#e4dfd1;box-shadow:0 4px 16px #2b240008}
.stat strong{color:#111}
.panel-head{border-top:3px solid #FECC00}
.data-table th{background:#fff9dc;color:#6f5a00}
.actions button,.actions a{color:#6e5600;border-color:#e5d47a}
.actions button:hover,.actions a:hover{background:#fff7cf;color:#111}
.form-actions .primary{background:#FECC00;color:#111;border-color:#FECC00}
.tabs button.active{background:#FECC00;color:#111;border-color:#FECC00;font-weight:700}
.badge.warn{background:#fff1a8;color:#6b5200}
.mobile-nav button.active{color:#111;background:#FECC00;border-radius:8px;font-weight:800}
@media(max-width:900px){.mobile-nav{background:#111;border-top-color:#292929}.mobile-nav button{color:#bbb}.mobile-nav button.active{color:#111;background:#FECC00}.workspace{background:#f7f7f3}}