:root{--a:#08745b;--ad:#04513f;--r:#d82432;--ink:#1c332d;--muted:#6d7f79;--soft:#f3f8f6;--line:#dfe9e5;--white:#fff;--shadow:0 18px 55px rgba(7,62,49,.1)}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--soft);overflow-x:hidden}a{text-decoration:none}.btn{border-radius:12px;font-weight:750;min-height:42px}.btn-admin{background:linear-gradient(135deg,var(--a),#0b9773);border:0;color:#fff}.btn-admin:hover{background:linear-gradient(135deg,var(--ad),var(--a));color:#fff}.btn-soft{background:#e8f7f2;color:var(--ad);border:1px solid #caeadf}.form-control,.form-select{border-radius:12px;border-color:#d6e3df;min-height:46px}.form-control:focus,.form-select:focus{border-color:var(--a);box-shadow:0 0 0 .23rem rgba(8,116,91,.12)}.form-label{font-weight:750}.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#fff}.login-art{position:relative;min-height:100vh;overflow:hidden;background:#063e31}.login-art>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.login-art:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(4,61,48,.96),rgba(8,116,91,.72))}.login-art-overlay{position:relative;z-index:2;min-height:100vh;padding:clamp(2rem,5vw,5rem);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.login-brand{display:flex;align-items:center;gap:1rem;color:#fff}.login-brand span{display:flex;flex-direction:column}.login-brand strong{font-size:1.25rem}.login-brand small{opacity:.8}.login-kicker{font-size:.78rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#bde9db}.login-art h1{font-size:clamp(2.6rem,5vw,5.5rem);font-weight:950;letter-spacing:-.055em;line-height:.98;max-width:700px}.login-art p{font-size:1.08rem;max-width:620px;color:#dcf0ea}.login-form-side{display:grid;place-items:center;padding:2rem}.login-card{width:min(480px,100%)}.login-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:#e8f7f2;color:var(--a);font-size:1.7rem}.back-link{display:inline-flex;align-items:center;gap:.45rem;color:var(--a);font-weight:750;margin-bottom:2.5rem}.input-group-text{background:#f5f9f7;border-color:#d6e3df}.security-note{font-size:.8rem;color:var(--muted);margin-top:1rem}
.admin-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#063f31,#042b22);color:#fff;position:sticky;top:0;height:100vh;overflow:auto;padding:1.15rem}.admin-brand{display:flex;align-items:center;gap:.75rem;color:#fff;padding:.45rem .4rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.1)}.admin-brand span{display:flex;flex-direction:column;line-height:1.1}.admin-brand strong{font-size:1.02rem}.admin-brand small{font-size:.68rem;color:#9cc7bb;margin-top:.3rem}.sidebar-label{font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;color:#7fae9f;margin:1.3rem .75rem .45rem;font-weight:900}.sidebar-nav{display:grid;gap:.2rem}.sidebar-nav a{display:flex;align-items:center;gap:.72rem;color:#d7ebe5;padding:.73rem .85rem;border-radius:12px;font-weight:650;font-size:.9rem}.sidebar-nav a i{font-size:1.05rem;width:22px}.sidebar-nav a:hover,.sidebar-nav a.active{background:rgba(255,255,255,.12);color:#fff}.sidebar-user{margin-top:1.3rem;padding:1rem;background:rgba(255,255,255,.08);border-radius:16px}.sidebar-user strong{display:block}.sidebar-user small{color:#a8c9c0}.admin-main{min-width:0}.admin-topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:1020}.admin-topbar h1{font-size:1.25rem;font-weight:900;margin:0}.admin-content{padding:1.5rem}.top-actions{display:flex;align-items:center;gap:.6rem}.icon-btn{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f3f8f6;color:var(--ink);border:1px solid var(--line)}.icon-btn:hover{background:#e8f7f2;color:var(--a)}.mobile-sidebar-btn{display:none}.dashboard-card,.panel-card,.stat-card{background:#fff;border:1px solid rgba(8,116,91,.07);border-radius:20px;box-shadow:0 10px 35px rgba(7,62,49,.06)}.stat-card{padding:1.25rem;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-24px;bottom:-32px;background:rgba(8,116,91,.06)}.stat-card .stat-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#e8f7f2;color:var(--a);font-size:1.3rem}.stat-card.red .stat-icon{background:#fff0f1;color:var(--r)}.stat-card.blue .stat-icon{background:#edf7ff;color:#1477a8}.stat-card.gold .stat-icon{background:#fff8df;color:#856600}.stat-card strong{display:block;font-size:1.8rem;font-weight:950;letter-spacing:-.04em}.stat-card small{color:var(--muted)}.panel-card{padding:1.25rem}.panel-card h2,.panel-card h3{font-weight:900}.table-responsive{border-radius:14px}.table{min-width:760px;margin:0}.table thead th{background:#f1f7f5;color:#425b54;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:0;white-space:nowrap}.table td{vertical-align:middle;border-color:#edf2f0}.table-hover tbody tr:hover{background:#f8fbfa}.avatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#e8f7f2;color:var(--a);font-weight:900}.badge-role,.badge-status{display:inline-flex;align-items:center;padding:.36rem .58rem;border-radius:999px;font-size:.72rem;font-weight:850}.badge-role{background:#edf7ff;color:#176d99}.badge-status.active,.badge-status.completed,.badge-status.available,.badge-status.answered,.badge-status.fulfilled{background:#e7f8f1;color:#08745b}.badge-status.pending,.badge-status.confirmed,.badge-status.reserved{background:#fff7df;color:#806100}.badge-status.inactive,.badge-status.cancelled,.badge-status.expired,.badge-status.emergency{background:#fff0f1;color:#b41420}.toolbar{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;justify-content:space-between}.search-box{position:relative;min-width:min(340px,100%)}.search-box i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#758780}.search-box .form-control{padding-left:2.5rem}.empty{text-align:center;padding:3rem;color:var(--muted)}.empty i{font-size:2.5rem;color:#b8cec7}.form-section{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--line)}.alert{border:0;border-radius:14px}.activity-list{display:grid;gap:.8rem}.activity-item{display:flex;gap:.75rem;align-items:flex-start}.activity-dot{width:11px;height:11px;border-radius:50%;background:var(--a);margin-top:.45rem;box-shadow:0 0 0 5px #e5f6f0}.activity-item p{margin:0}.activity-item small{color:var(--muted)}.insight-card{padding:1rem;border-radius:16px;border:1px solid var(--line);display:flex;gap:.85rem;align-items:flex-start;background:#fff}.insight-card .icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#e8f7f2;color:var(--a);flex:0 0 auto}.insight-card.warning .icon{background:#fff8df;color:#8a6900}.insight-card.danger .icon{background:#fff0f1;color:var(--r)}.mobile-offcanvas{background:#063f31;color:#fff}.mobile-offcanvas .btn-close{filter:invert(1)}.report-box{border:1px dashed #c9ddd6;border-radius:16px;padding:1rem;background:#fbfdfc}.quick-action{display:flex;gap:.8rem;align-items:center;padding:.85rem;border-radius:14px;background:#f6faf8;color:var(--ink);font-weight:750}.quick-action:hover{background:#e8f7f2;color:var(--a)}.quick-action i{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#fff;color:var(--a)}
@media(max-width:1199.98px){.admin-shell{grid-template-columns:245px minmax(0,1fr)}.admin-sidebar{padding:.9rem}.sidebar-nav a{font-size:.84rem;padding:.68rem .7rem}.admin-content{padding:1.15rem}}
@media(max-width:991.98px){.login-page{grid-template-columns:1fr}.login-art{display:none}.login-form-side{min-height:100vh}.admin-shell{display:block}.admin-sidebar{display:none}.mobile-sidebar-btn{display:grid}.admin-topbar{height:68px;padding:0 1rem}.admin-content{padding:1rem}.table{min-width:720px}.panel-card{padding:1rem}}
@media(max-width:767.98px){.top-actions .user-label{display:none}.admin-topbar h1{font-size:1.05rem}.admin-content{padding:.75rem}.stat-card{padding:1rem}.panel-card{border-radius:16px}.toolbar{align-items:stretch}.toolbar>*{width:100%}.toolbar .d-flex{width:100%}.toolbar .btn{flex:1}.search-box{min-width:100%}.login-form-side{padding:1.25rem}.login-card{padding:.5rem}.table{min-width:680px}.form-control,.form-select{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}