@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary:#c00000;--primary-hover:#900;--sidebar:#0f172a;--bg:#e0e0e0;--card:#fff;--text:#1e293b;--muted:#64748b;--border:#ED1D5DB}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;overflow-x:hidden}.sidebar{background:var(--sidebar);z-index:1100;border-right:1px solid #bfc8d4;flex-direction:column;width:230px;height:100vh;transition:all .25s;display:flex;position:fixed;top:0;left:0;box-shadow:2px 0 8px #00000008}.sidebar.collapsed{transform:translate(-230px)}.sidebar-header{border-bottom:none;padding:20px 16px}.sidebar-brand{align-items:center;gap:12px;display:flex}.logo-img{flex-shrink:0;width:90px;height:auto}.sidebar-brand-text{color:#fff;font-size:13px;font-weight:700;line-height:1.4}.logo-container{text-align:center}.logo-img{width:60px;max-width:100%}.sidebar-menu{flex:1;padding:12px;overflow-y:auto}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:20px}.sidebar-link{color:#94a3b8;border-left:4px solid #0000;border-radius:12px;align-items:center;margin-bottom:4px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff1a}.sidebar-link.active{color:#fff;border-left:4px solid var(--primary);background:#ffffff0d;font-weight:600}.submenu{margin-top:6px;margin-bottom:10px;padding-left:10px}.submenu-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.submenu-toggle:hover{color:#fff;background:#ffffff1a}.guest-action{border-top:1px solid #ffffff14;margin-top:15px;padding-top:15px}.sidebar-footer{border-top:1px solid var(--border);padding:16px}.sidebar-btn{background:var(--primary);color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;height:44px;margin-top:10px;font-weight:600;text-decoration:none;display:flex}.sidebar-btn:hover{color:#fff;opacity:.9}.sidebar-btn-outline{color:#e2e8f0;background:0 0;border:1px solid #fff6}.sidebar-btn-outline:hover{color:#fff;background:#ffffff1a;border-color:#fff}.sidebar-user{align-items:center;gap:10px;margin-bottom:12px;display:flex}.sidebar-avatar{background:var(--primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.sidebar-user-name{margin-bottom:2px;font-size:14px;font-weight:600;color:#fff!important}.sidebar-user-role{font-size:12px;color:#8a99af!important}.sidebar-logout{background:var(--primary);color:#fff;border:none;border-radius:10px;width:100%;padding:10px;font-size:14px;font-weight:600;transition:all .2s}.sidebar-logout:hover{background:var(--primary-hover)}.main-wrapper{min-height:100vh;margin-left:230px;transition:all .25s}.main-wrapper.expanded{margin-left:0}.topbar{border-bottom:1px solid var(--border);z-index:1000;background:#e2e8f0;justify-content:space-between;align-items:center;height:72px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:14px;display:flex}.sidebar-toggle-btn{background:#f3f4f6;border:none;border-radius:10px;width:40px;height:40px;transition:all .2s}.sidebar-toggle-btn:hover{background:#e5e7eb}.page-title{font-size:18px;font-weight:700}.page-subtitle{color:var(--muted);font-size:12px}.topbar-user{align-items:center;gap:10px;display:flex}.topbar-avatar{background:var(--primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.topbar-user-name{font-size:14px;font-weight:600}.topbar-user-role{color:var(--muted);font-size:12px}.content{background:var(--bg);min-height:calc(100vh - 72px);padding:24px}.container-fluid{padding-left:0!important;padding-right:0!important}.card{overflow:hidden;background-color:var(--card)!important;border:1px solid #00000014!important;border-radius:12px!important;box-shadow:0 2px 4px #0000000a!important}.card:hover{transform:translateY(-2px)}.card-header{background:#fff!important;border-bottom:1px solid #f1f5f9!important}.dashboard-card{position:relative}.dashboard-card:before{content:"";background:var(--primary);width:4px;height:100%;position:absolute;top:0;left:0}.table{table-layout:fixed;width:100%}.table-modern thead,.table thead{background:#f8fafc}.table-modern thead th,.table thead th{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:700;border:none!important;padding:15px 18px!important}.table-modern tbody td,.table tbody td{vertical-align:middle;border-top:1px solid #eef2f7!important;padding:16px 18px!important}.table-modern tbody tr:hover,.table tbody tr:hover{background:#fafbfc}.status-badge{border-radius:999px;align-items:center;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-success{color:#166534;background:#dcfce7}.status-warning{color:#92400e;background:#fef3c7}.status-danger{color:#991b1b;background:#fee2e2}.status-secondary{color:#374151;background:#e5e7eb}.form-control,.form-select{border:1px solid #d1d5db;border-radius:12px;min-height:46px;box-shadow:none!important}.form-control:focus,.form-select:focus{border-color:var(--primary)}textarea.form-control{min-height:180px}.btn{border-radius:12px;font-weight:600}.btn-danger{background:var(--primary);border-color:var(--primary)}.btn-danger:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.pagination{margin-top:20px}.page-link{color:#374151;border:none;border-radius:10px;margin:0 3px}.page-item.active .page-link{background:var(--primary);border-color:var(--primary)}@media (width<=991px){.sidebar{transform:translate(-230px)}.sidebar.collapsed{transform:translate(0)}.main-wrapper{margin-left:0}.content{padding:16px}.topbar{padding:0 16px}.page-subtitle{display:none}}.auth-body{background:var(--bg);min-height:100vh}.auth-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:#fff;border-radius:24px;width:100%;max-width:650px;padding:40px;box-shadow:0 10px 30px #0f172a14}.auth-logo{width:180px;max-width:100%;margin:0 auto 25px;display:block}.auth-header{text-align:center;margin-bottom:30px}.auth-title{color:#0f172a;margin-bottom:10px;font-size:clamp(28px,4vw,48px);font-weight:800}.auth-subtitle{color:#64748b;font-size:clamp(14px,2vw,18px)}.auth-group{margin-bottom:20px}.auth-group label{color:#111827;margin-bottom:8px;font-weight:700;display:block}.auth-input-group{position:relative}.auth-input-group i:first-child{color:#9ca3af;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.auth-input-group .toggle-password{cursor:pointer;color:#9ca3af;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.auth-input-group input{background:#fff;border:1px solid #d1d5db;border-radius:14px;width:100%;height:56px;padding:0 50px;font-size:16px}.auth-input-group input:focus{border-color:#dc2626;outline:none}.auth-btn{color:#fff;background:#dc2626;border:none;border-radius:14px;width:100%;height:56px;font-size:18px;font-weight:700;transition:all .2s}.auth-btn:hover{background:#b91c1c}.auth-divider{align-items:center;gap:15px;margin:25px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.auth-divider span{color:#94a3b8}.auth-footer{text-align:center;font-size:16px}.auth-footer a{color:#dc2626;font-weight:700;text-decoration:none}@media (width<=768px){.auth-card{padding:30px}.auth-logo{width:150px}}@media (width<=576px){.auth-wrapper{padding:15px}.auth-card{border-radius:20px;padding:25px}.auth-logo{width:130px}.auth-input-group input{height:52px}.auth-btn{height:52px;font-size:16px}}