@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-main: #FDFBF7;--bg-card: #FFFFFF;--bg-sidebar: #FFFFFF;--border-color: #F0E8E0;--brand-red: #8B0000;--brand-red-light: #FFF5F5;--brand-orange: #E87A5D;--brand-green: #10B981;--brand-beige: #EAE0C8;--brand-beige-light: #F5EBE1;--text-dark: #1A2E35;--text-gray: #71717A;--text-light: #A1A1AA;--chart-primary: #8B0000;--chart-slice-1: #8B0000;--chart-slice-2: #E87A5D;--chart-slice-3: #D1C5B4;--chart-slice-4: #1E40AF;--chart-slice-5: #10B981;--font-main: "Inter", system-ui, -apple-system, sans-serif;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.05), 0 2px 4px -1px rgba(0,0,0,.03)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-main);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh;display:flex}a{text-decoration:none;color:inherit}button{background:none;border:none;cursor:pointer;font-family:inherit}ul{list-style:none}[data-theme=dark]{--bg-main: #121212;--bg-card: #1E1E1E;--bg-sidebar: #1E1E1E;--border-color: #2D2D2D;--brand-beige: #2D2D2D;--brand-beige-light: #252525;--brand-red-light: #3A1A1A;--text-dark: #F5F5F5;--text-gray: #A1A1AA;--text-light: #A1A1AA;--chart-primary: #FF5A5A;--chart-slice-1: #FF5A5A;--chart-slice-2: #E87A5D;--chart-slice-3: #D1C5B4;--chart-slice-4: #60A5FA;--chart-slice-5: #34D399}[data-theme=dark] body{background-color:var(--bg-main);color:var(--text-dark)}[data-theme=dark] .sidebar,[data-theme=dark] .admin-header,[data-theme=dark] .stat-card,[data-theme=dark] .v-card,[data-theme=dark] .visitors-table-container,[data-theme=dark] .builder-section,[data-theme=dark] .option-card,[data-theme=dark] .recent-reports-block,[data-theme=dark] .ustat-card,[data-theme=dark] .settings-content-wrapper,[data-theme=dark] .users-search-bar,[data-theme=dark] .users-table-container,[data-theme=dark] .analytics-stat-card,[data-theme=dark] .dashboard-card,[data-theme=dark] .chart-box,[data-theme=dark] .analytics-table-section{background-color:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .users-table th,[data-theme=dark] .visitors-table th,[data-theme=dark] .records-table th,[data-theme=dark] .recent-report-card{background-color:#252525!important}[data-theme=dark] .users-table td,[data-theme=dark] .visitors-table td,[data-theme=dark] .records-table td,[data-theme=dark] .users-table th,[data-theme=dark] .visitors-table th,[data-theme=dark] .records-table th,[data-theme=dark] .form-group.row{border-bottom-color:var(--border-color)!important}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .settings-actions{background-color:var(--bg-main)!important;color:var(--text-dark)!important;border-color:var(--border-color)!important}[data-theme=dark] .param-btn,[data-theme=dark] .ufilter-pill.active{background-color:var(--bg-main)!important;border-color:var(--border-color)!important}[data-theme=dark] .param-btn.active{color:#ff8a8a!important;background-color:var(--brand-red-light)!important;border-color:var(--brand-red)!important}[data-theme=dark] .nav-item.active{color:#ff8a8a!important;background-color:var(--brand-red-light)!important}[data-theme=dark] .nav-item.active .nav-icon{color:#ff8a8a!important}[data-theme=dark] .settings-nav-item.active{background-color:var(--brand-red-light)!important;color:#ff8a8a!important}[data-theme=dark] .dropdown-menu{background-color:var(--bg-card)!important;border-color:var(--border-color)!important;box-shadow:0 4px 12px #0006!important}[data-theme=dark] .dropdown-menu button{color:var(--text-dark)!important}[data-theme=dark] .dropdown-menu button:hover{background-color:#252525!important}[data-theme=dark] .dropdown-menu button.delete-action:hover{background-color:#3a1a1a!important}body,.sidebar,.settings-content-wrapper,.ustat-card,.v-card,.analytics-stat-card,.stat-card,input,select,.users-table-container,.visitors-table-container,.builder-section,.option-card,.recent-reports-block,.admin-header{transition:background-color .3s ease,color .3s ease,border-color .3s ease}[data-theme=dark] .stat-box,[data-theme=dark] .search-bar,[data-theme=dark] .violation-card,[data-theme=dark] .empty-state,[data-theme=dark] .analytics-stat-card{background-color:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .search-bar input,[data-theme=dark] .custom-date-inputs .date-input,[data-theme=dark] .vcard-student-name,[data-theme=dark] .vcard-section p,[data-theme=dark] .vcard-details-list div,[data-theme=dark] .visitor-name,[data-theme=dark] .visitor-destination,[data-theme=dark] .visitor-schedule{color:var(--text-dark)!important}[data-theme=dark] .filter-pill.active,[data-theme=dark] .filter-option.active,[data-theme=dark] .vcard-btn.secondary{background-color:var(--bg-main)!important;color:var(--text-dark)!important;border-color:var(--border-color)!important}[data-theme=dark] .visitor-type{background-color:#252525!important;color:var(--text-dark)!important}[data-theme=dark] .vcard-expanded,[data-theme=dark] .vcard-result-text{border-color:var(--border-color)!important}[data-theme=dark] .header{background-color:var(--bg-card)!important;border-bottom-color:var(--border-color)!important}body,.sidebar,.settings-content-wrapper,.ustat-card,.v-card,.analytics-stat-card,.stat-card,input,select,.users-table-container,.visitors-table-container,.builder-section,.option-card,.recent-reports-block,.header,.stat-box,.search-bar,.violation-card{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.shimmer{background:linear-gradient(90deg,var(--border-color) 25%,var(--brand-beige-light) 50%,var(--border-color) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:14px;border-radius:var(--radius-sm, 6px);background-color:var(--border-color);margin-bottom:8px}.skeleton-title{height:28px;width:60%;border-radius:var(--radius-sm, 6px);background-color:var(--border-color)}.skeleton-circle{width:40px;height:40px;border-radius:50%;background-color:var(--border-color)}.skeleton-card{border:1px solid var(--border-color);border-radius:16px;padding:24px;background-color:var(--bg-card);display:flex;flex-direction:column;gap:16px;min-height:150px}.stat-card,.option-card,.recent-report-card,.v-card,.violation-card{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,background-color .3s ease,border-color .3s ease}.stat-card:hover,.option-card:hover,.recent-report-card:hover,.violation-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-generate,.btn-new-request,.vcard-btn,.btn-save,.action-btn{transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-generate:hover:not(:disabled),.btn-new-request:hover:not(:disabled),.vcard-btn:hover:not(:disabled),.btn-save:hover:not(:disabled){transform:translateY(-1px);opacity:.95;box-shadow:0 4px 12px #8b000026}.btn-generate:active:not(:disabled),.btn-new-request:active:not(:disabled),.vcard-btn:active:not(:disabled),.btn-save:active:not(:disabled){transform:translateY(0)}.animate-spin{display:inline-block;animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}[data-theme=dark] .filter-option{background-color:var(--bg-card)!important;color:var(--text-gray)!important;border-color:var(--border-color)!important}[data-theme=dark] .filter-option:hover{background-color:var(--border-color)!important;color:var(--text-dark)!important}[data-theme=dark] .filter-option.active{background-color:var(--brand-red)!important;color:#fff!important;border-color:var(--brand-red)!important}.sidebar{width:260px;height:100vh;background-color:var(--bg-sidebar, #FFFFFF);border-right:1px solid var(--border-color, #F0E8E0);box-shadow:2px 0 12px #00000005;display:flex;flex-direction:column;padding:24px 0;position:sticky;top:0;z-index:60;transition:width .3s cubic-bezier(.16,1,.3,1),background-color .3s ease,border-color .3s ease;overflow:visible}[data-theme=dark] .sidebar{background-color:var(--bg-sidebar, #1A1A1A);border-right-color:var(--border-color, #2D2D2D);box-shadow:4px 0 20px #00000040}.sidebar-logo{display:flex;align-items:center;padding:0 22px;margin-bottom:28px;gap:12px}.logo-image{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(139,0,0,.15));transition:transform .2s ease}.sidebar-logo:hover .logo-image{transform:scale(1.05)}.logo-text{display:flex;flex-direction:column}.logo-title{font-weight:900;font-size:20px;letter-spacing:.8px;background:linear-gradient(135deg,#8b0000,#c8553d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .logo-title{background:linear-gradient(135deg,#ff7b7b,#f87171);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.logo-subtitle{font-size:11px;color:var(--text-gray, #71717A);font-weight:600;letter-spacing:.3px}.sidebar-nav{flex:1;padding:0 14px;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background-color:var(--border-color, #F0E8E0);border-radius:4px}.nav-item{position:relative;display:flex;align-items:center;justify-content:space-between;padding:10.5px 14px;border-radius:12px;margin-bottom:4px;cursor:pointer;transition:all .2s ease;color:#4b5563;font-weight:500}[data-theme=dark] .nav-item{color:#d1d5db}.nav-item:hover{background-color:var(--brand-beige-light, #F5EBE1);color:var(--text-dark, #1A2E35);transform:translate(2px)}.nav-item:hover .nav-icon{color:var(--brand-red, #8B0000)}[data-theme=dark] .nav-item:hover{background-color:#ffffff0f;color:#fff}[data-theme=dark] .nav-item:hover .nav-icon{color:#ff7b7b}.nav-item.active{background:linear-gradient(90deg,#8b00001a,#e87a5d0a);color:var(--brand-red, #8B0000);font-weight:700;border:1px solid rgba(139,0,0,.12)}.nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3.5px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#8b0000,#c8553d);box-shadow:0 0 8px #8b000066}.nav-item.active .nav-icon{color:var(--brand-red, #8B0000)}[data-theme=dark] .nav-item.active{background:linear-gradient(90deg,#ff5a5a26,#e87a5d0d);color:#ff7b7b;border-color:#ff5a5a40}[data-theme=dark] .nav-item.active:before{background:linear-gradient(180deg,#ff7b7b,#f87171);box-shadow:0 0 8px #ff7b7b80}[data-theme=dark] .nav-item.active .nav-icon{color:#ff7b7b}.nav-item-content{display:flex;align-items:center;gap:12px}.nav-icon{color:var(--text-gray, #6B7280);transition:color .2s ease,transform .2s ease;flex-shrink:0}.nav-label{font-size:13.5px;letter-spacing:.2px}.nav-group{margin-bottom:4px}.nav-group.parent-active>.nav-item{background:linear-gradient(90deg,rgba(139,0,0,.07) 0%,transparent 100%);color:var(--brand-red, #8B0000);font-weight:700}.nav-group.parent-active>.nav-item .nav-icon{color:var(--brand-red, #8B0000)}[data-theme=dark] .nav-group.parent-active>.nav-item{background:#ff5a5a1a;color:#ff7b7b}[data-theme=dark] .nav-group.parent-active>.nav-item .nav-icon{color:#ff7b7b}.nav-sub-items{list-style:none;padding:4px 0 6px 12px;margin:0 0 4px 22px;display:flex;flex-direction:column;gap:3px;border-left:2px solid rgba(139,0,0,.18)}[data-theme=dark] .nav-sub-items{border-left-color:#ff5a5a40}.nav-sub-item{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;border-radius:8px;text-decoration:none;color:#4b5563;font-size:12.5px;font-weight:500;transition:all .2s ease}[data-theme=dark] .nav-sub-item{color:#9ca3af}.nav-sub-item-content{display:flex;align-items:center;gap:9px}.nav-sub-icon{color:#9ca3af;flex-shrink:0;transition:color .2s ease}.nav-sub-dot{width:5px;height:5px;border-radius:50%;background-color:#d1d5db;flex-shrink:0;transition:background-color .2s ease,transform .2s ease}.nav-sub-item:hover{background-color:var(--brand-beige-light, #F5EBE1);color:var(--brand-red, #8B0000);transform:translate(2px)}.nav-sub-item:hover .nav-sub-icon{color:var(--brand-red, #8B0000)}.nav-sub-item:hover .nav-sub-dot{background-color:var(--brand-red, #8B0000);transform:scale(1.3)}[data-theme=dark] .nav-sub-item:hover{background-color:#ffffff0d;color:#ff7b7b}[data-theme=dark] .nav-sub-item:hover .nav-sub-icon,[data-theme=dark] .nav-sub-item:hover .nav-sub-dot{color:#ff7b7b;background-color:#ff7b7b}.nav-sub-item.active{background:linear-gradient(90deg,#8b00001f,#e87a5d0d);color:var(--brand-red, #8B0000);font-weight:700;border:1px solid rgba(139,0,0,.15)}.nav-sub-item.active .nav-sub-icon{color:var(--brand-red, #8B0000)}.nav-sub-item.active .nav-sub-dot{background-color:var(--brand-red, #8B0000);box-shadow:0 0 6px #8b000080}[data-theme=dark] .nav-sub-item.active{background:#ff5a5a26;color:#ff7b7b;border-color:#ff5a5a4d}[data-theme=dark] .nav-sub-item.active .nav-sub-icon,[data-theme=dark] .nav-sub-item.active .nav-sub-dot{color:#ff7b7b;background-color:#ff7b7b}.nav-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;line-height:1.3}.badge-orange{background:linear-gradient(135deg,#e87a5d,#ea580c);color:#fff;box-shadow:0 2px 6px #e87a5d59}.badge-red{background:linear-gradient(135deg,#8b0000,#b91c1c);color:#fff;box-shadow:0 2px 6px #8b000059}.badge-beige{background-color:var(--brand-beige, #EAE0C8);color:var(--text-dark)}.sidebar-bottom{padding:16px 14px 0;margin-top:auto;border-top:1px solid var(--border-color, #F0E8E0);display:flex;flex-direction:column;gap:4px}[data-theme=dark] .sidebar-bottom{border-top-color:var(--border-color, #2D2D2D)}.bottom-action{display:flex;align-items:center;gap:12px;color:#4b5563;font-size:13.5px;font-weight:600;padding:10px 14px;border-radius:10px;transition:all .2s ease;width:100%}[data-theme=dark] .bottom-action{color:#9ca3af}.bottom-action:hover{background-color:var(--brand-beige-light, #F5EBE1);color:var(--text-dark, #1A2E35);transform:translate(2px)}[data-theme=dark] .bottom-action:hover{background-color:#ffffff0f;color:#fff}.bottom-action.active{background:linear-gradient(90deg,rgba(139,0,0,.1) 0%,transparent 100%);color:var(--brand-red, #8B0000)}.bottom-action.sign-out{color:var(--brand-red, #8B0000)}.bottom-action.sign-out:hover{background-color:#fff1f2;color:#e11d48}[data-theme=dark] .bottom-action.sign-out{color:#ff7b7b}[data-theme=dark] .bottom-action.sign-out:hover{background-color:#f43f5e26;color:#fb7185}.sidebar-toggle{display:none;position:absolute;top:32px;right:-13px;width:26px;height:26px;background-color:var(--bg-sidebar, #FFFFFF);border:1px solid var(--border-color, #F0E8E0);border-radius:50%;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 4px 10px #00000014;color:var(--text-gray, #6B7280);transition:transform .2s ease,background-color .2s ease,color .2s ease;padding:0}.sidebar-toggle:hover{background-color:var(--brand-red, #8B0000);color:#fff;border-color:var(--brand-red, #8B0000);transform:scale(1.15);box-shadow:0 4px 12px #8b00004d}[data-theme=dark] .sidebar-toggle{background-color:#252525;border-color:#3d3d3d;color:#e0e0e0}[data-theme=dark] .sidebar-toggle:hover{background-color:#ff5a5a;border-color:#ff5a5a;color:#fff}@media(min-width:900px){.sidebar-toggle{display:flex}}@media(max-width:900px){.sidebar{position:fixed;left:-260px;z-index:1000;transition:left .3s cubic-bezier(.16,1,.3,1);box-shadow:4px 0 24px #00000026}.sidebar.open{left:0}}@media(min-width:900px){.sidebar.collapsed{width:76px}.sidebar.collapsed .sidebar-logo{padding:0;justify-content:center;margin-bottom:24px}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-badge,.sidebar.collapsed .nav-chevron,.sidebar.collapsed .bottom-action span{display:none}.sidebar.collapsed .sidebar-nav{padding:0 10px}.sidebar.collapsed .nav-item{padding:12px;justify-content:center}.sidebar.collapsed .nav-item-content{gap:0}.sidebar.collapsed .sidebar-bottom{padding:12px 10px 0;align-items:center}.sidebar.collapsed .bottom-action{padding:12px;justify-content:center;gap:0;width:44px;height:44px;border-radius:10px}}.audit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#1a2e3566;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .25s ease-out}.audit-modal-container{width:95%;max-width:1050px;height:80vh;max-height:750px;background-color:var(--bg-card, #FFFFFF);border:1px solid var(--border-color, #F0E8E0);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;overflow:hidden;animation:scaleUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.audit-modal-header{padding:20px 24px;border-bottom:1px solid var(--border-color, #F0E8E0);display:flex;justify-content:space-between;align-items:center}.header-title-wrapper{display:flex;align-items:center;gap:16px}.shield-icon-badge{background-color:var(--brand-red-light, #FFF5F5);color:var(--brand-red, #8B0000);width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}[data-theme=dark] .shield-icon-badge{background-color:#3a1a1a}.header-title-wrapper h2{font-size:18px;font-weight:700;color:var(--text-dark, #1A2E35);margin-bottom:4px}.header-title-wrapper p{font-size:13px;color:var(--text-gray, #71717A);margin:0}.close-btn{background:none;border:none;color:var(--text-light, #A1A1AA);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-btn:hover{background-color:var(--bg-main, #FDFBF7);color:var(--text-dark, #1A2E35)}[data-theme=dark] .close-btn:hover{background-color:#2d2d2d;color:#fff}.audit-modal-subnav{padding:12px 24px;border-bottom:1px solid var(--border-color, #F0E8E0);background-color:var(--bg-main, #FDFBF7);display:flex;justify-content:space-between;align-items:center}[data-theme=dark] .audit-modal-subnav{background-color:#171717}.audit-tabs{display:flex;gap:8px}.audit-tab-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;border-radius:8px;border:1px solid transparent;color:var(--text-gray, #71717A);background:none;cursor:pointer;transition:all .25s ease}.audit-tab-btn:hover{color:var(--text-dark, #1A2E35);background-color:#8b00000d}.audit-tab-btn.active{color:#fff;background-color:var(--brand-red, #8B0000);box-shadow:0 4px 6px -1px #8b000033}.refresh-logs-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;border-radius:8px;border:1px solid var(--border-color, #F0E8E0);color:var(--text-dark, #1A2E35);background-color:var(--bg-card, #FFFFFF);cursor:pointer;transition:all .2s}.refresh-logs-btn:hover:not(:disabled){border-color:var(--brand-orange, #E87A5D);color:var(--brand-orange, #E87A5D)}.refresh-logs-btn:disabled{opacity:.6;cursor:not-allowed}.audit-filters-bar{padding:16px 24px;border-bottom:1px solid var(--border-color, #F0E8E0);display:flex;align-items:center;gap:16px;flex-wrap:wrap}.search-input-wrapper{position:relative;flex:1;min-width:250px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-light, #A1A1AA)}.search-input-wrapper input{width:100%;padding:10px 12px 10px 40px;font-size:13px;border-radius:8px;border:1px solid var(--border-color, #F0E8E0);background-color:var(--bg-card, #FFFFFF);color:var(--text-dark, #1A2E35);outline:none;transition:border-color .2s}.search-input-wrapper input:focus{border-color:var(--brand-orange, #E87A5D)}.filter-select-wrapper{position:relative;min-width:150px}.select-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-light, #A1A1AA);pointer-events:none}.filter-select-wrapper select{width:100%;padding:10px 12px 10px 34px;font-size:13px;border-radius:8px;border:1px solid var(--border-color, #F0E8E0);background-color:var(--bg-card, #FFFFFF);color:var(--text-dark, #1A2E35);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .2s}.filter-select-wrapper select:focus{border-color:var(--brand-orange, #E87A5D)}.clear-filters-link{font-size:13px;font-weight:600;color:var(--brand-red, #8B0000);background:none;border:none;cursor:pointer;padding:8px 12px;border-radius:6px;transition:background-color .2s}.clear-filters-link:hover{background-color:var(--brand-red-light, #FFF5F5)}[data-theme=dark] .clear-filters-link:hover{background-color:#3a1a1a}.audit-content-area{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}.audit-loading-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100%;color:var(--text-gray, #71717A);font-size:14px}.audit-error-message{display:flex;align-items:center;gap:12px;margin:16px 24px;padding:12px 16px;border-radius:8px;background-color:#fff5f5;border:1px solid #FEB2B2;color:#c53030;font-size:13px}[data-theme=dark] .audit-error-message{background-color:#3a1a1a;border-color:#5c2424;color:#feb2b2}.audit-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;height:100%}.empty-icon{color:var(--text-light, #A1A1AA);margin-bottom:16px;opacity:.7}.audit-empty-state h3{font-size:16px;font-weight:600;color:var(--text-dark, #1A2E35);margin-bottom:8px}.audit-empty-state p{font-size:13px;color:var(--text-gray, #71717A);max-width:320px}.audit-table-container{flex:1;overflow-y:auto;padding:0 24px}.audit-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.audit-table th{position:sticky;top:0;background-color:var(--bg-card, #FFFFFF);z-index:10;padding:14px 16px;font-weight:600;color:var(--text-gray, #71717A);border-bottom:2px solid var(--border-color, #F0E8E0)}[data-theme=dark] .audit-table th{background-color:var(--bg-card)!important}.audit-table td{padding:16px;border-bottom:1px solid var(--border-color, #F0E8E0);vertical-align:middle}.audit-table tbody tr:hover{background-color:var(--bg-main, #FDFBF7)}[data-theme=dark] .audit-table tbody tr:hover{background-color:#171717}.subject-cell,.admin-cell{display:flex;flex-direction:column;gap:2px}.subject-name,.admin-fullname{font-weight:600;color:var(--text-dark, #1A2E35)}.subject-id-sub,.admin-email{font-size:11px;color:var(--text-light, #A1A1AA)}.role-badge{display:inline-block;padding:4px 10px;font-size:11px;font-weight:700;text-transform:uppercase;border-radius:12px}.role-badge.student{background-color:#e0f2fe;color:#0369a1}.role-badge.faculty{background-color:#dcfce7;color:#15803d}.role-badge.staff{background-color:#fef9c3;color:#854d0e}.role-badge.visitor{background-color:#fee2e2;color:#b91c1c}[data-theme=dark] .role-badge.student{background-color:#1a365d;color:#90cdf4}[data-theme=dark] .role-badge.faculty{background-color:#1c4d2e;color:#9ae6b4}[data-theme=dark] .role-badge.staff{background-color:#4a3b18;color:#f6e05e}[data-theme=dark] .role-badge.visitor{background-color:#5a1c1c;color:#feb2b2}.dir-badge{display:inline-flex;align-items:center;gap:6px;font-weight:600}.dir-badge.entry{color:#10b981}.dir-badge.exit{color:#3b82f6}.dir-badge.arrival{color:#e87a5d}.status-cell{display:flex;flex-direction:column;gap:4px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;width:fit-content}.status-badge.status-granted{background-color:#ecfdf5;color:#047857}.status-badge.status-denied{background-color:#fef2f2;color:#b91c1c}.status-badge.status-warning{background-color:#fffbeb;color:#b45309}[data-theme=dark] .status-badge.status-granted{background-color:#064e3b;color:#a7f3d0}[data-theme=dark] .status-badge.status-denied{background-color:#7f1d1d;color:#fca5a5}[data-theme=dark] .status-badge.status-warning{background-color:#78350f;color:#fde68a}.denial-reason-text{font-size:11px;color:#b91c1c;font-style:italic;max-width:180px}[data-theme=dark] .denial-reason-text{color:#fca5a5}.gate-id-badge{font-family:monospace;font-size:12px;color:var(--text-gray, #71717A);background-color:var(--bg-main, #FDFBF7);padding:4px 8px;border-radius:4px;border:1px solid var(--border-color, #F0E8E0)}[data-theme=dark] .gate-id-badge{background-color:#171717;border-color:#2d2d2d}.timestamp-text{color:var(--text-gray, #71717A);font-variant-numeric:tabular-nums}.action-badge-admin{background-color:#f3e8ff;color:#6b21a8;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}[data-theme=dark] .action-badge-admin{background-color:#3b1b5d;color:#d8b4fe}.report-name-cell{font-weight:500;color:var(--text-dark, #1A2E35)}.details-cell{display:flex;align-items:center;gap:8px}.format-badge{font-size:10px;font-weight:700;background-color:var(--brand-beige-light, #F5EBE1);color:var(--brand-orange, #E87A5D);padding:2px 6px;border-radius:4px;text-transform:uppercase}[data-theme=dark] .format-badge{background-color:#2d2d2d}.type-details{font-size:11px;color:var(--text-gray, #71717A)}.size-badge{color:var(--text-light, #A1A1AA);font-size:12px}.audit-modal-footer{padding:16px 24px;border-top:1px solid var(--border-color, #F0E8E0);display:flex;justify-content:space-between;align-items:center}.summary-info{font-size:13px;color:var(--text-gray, #71717A)}.btn-close-footer{padding:8px 20px;font-size:13px;font-weight:600;border-radius:8px;background-color:var(--bg-main, #FDFBF7);color:var(--text-dark, #1A2E35);border:1px solid var(--border-color, #F0E8E0);cursor:pointer;transition:all .2s}.btn-close-footer:hover{background-color:var(--brand-red-light, #FFF5F5);color:var(--brand-red, #8B0000);border-color:var(--brand-red, #8B0000)}[data-theme=dark] .btn-close-footer{background-color:#1e1e1e;border-color:#2d2d2d;color:#f5f5f5}[data-theme=dark] .btn-close-footer:hover{background-color:#3a1a1a;color:#feb2b2;border-color:#feb2b2}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.text-brand-red{color:var(--brand-red, #8B0000)}.header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background-color:#fffffff5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color, #F0E8E0);box-shadow:0 4px 20px -2px #00000008;position:sticky;top:0;z-index:50;transition:background-color .3s ease,border-color .3s ease}[data-theme=dark] .header{background-color:#1e1e1ef0;border-bottom-color:var(--border-color, #2D2D2D);box-shadow:0 4px 20px -2px #0000004d}.header-left{display:flex;align-items:center;gap:14px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13.5px}.breadcrumb-path{background:linear-gradient(135deg,#8b000014,#e87a5d14);color:var(--brand-red, #8B0000);font-weight:700;font-size:12px;padding:3px 9px;border-radius:6px;border:1px solid rgba(139,0,0,.12);letter-spacing:.5px}[data-theme=dark] .breadcrumb-path{background:#ff5a5a1f;color:#ff7b7b;border-color:#ff5a5a33}.breadcrumb-separator{color:var(--text-light, #A1A1AA);font-weight:400}.breadcrumb-current{color:var(--text-dark, #1A2E35);font-weight:700;font-size:14px}.header-actions{display:flex;align-items:center;gap:18px}.population-badge{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fff7ed,#fef2f2);padding:8px 16px;border-radius:24px;font-size:12.5px;font-weight:600;color:var(--text-dark, #1A2E35);border:1px solid rgba(232,122,93,.25);box-shadow:0 2px 8px #e87a5d14;transition:transform .2s ease,box-shadow .2s ease}.population-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e87a5d24}.population-badge strong{color:var(--brand-red, #8B0000);font-weight:800;margin-left:2px}[data-theme=dark] .population-badge{background:#ffffff0d;border-color:#ffffff1a;box-shadow:none}[data-theme=dark] .population-badge strong{color:#ff7b7b}.pulse-dot{width:8px;height:8px;background-color:#10b981;border-radius:50%;box-shadow:0 0 #10b98180;animation:pulseEmerald 2s infinite cubic-bezier(.66,0,0,1)}@keyframes pulseEmerald{0%{box-shadow:0 0 #10b98199}70%{box-shadow:0 0 0 7px #10b98100}to{box-shadow:0 0 #10b98100}}.notification-btn{background-color:var(--bg-main, #FDFBF7);border:1px solid var(--border-color, #F0E8E0);width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-dark, #1A2E35);cursor:pointer;position:relative;transition:all .2s ease;box-shadow:0 2px 6px #00000005}.notification-btn:hover{background-color:var(--brand-beige-light, #F5EBE1);color:var(--brand-red, #8B0000);border-color:#8b000033;transform:translateY(-1px)}[data-theme=dark] .notification-btn{background-color:#252525;border-color:#333;color:#e0e0e0}[data-theme=dark] .notification-btn:hover{background-color:#303030;color:#ff7b7b}.notification-dot{position:absolute;top:9px;right:9px;width:7px;height:7px;background-color:var(--brand-red, #8B0000);border-radius:50%;border:1.5px solid #FFFFFF;box-shadow:0 0 6px #8b000099}.admin-profile{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 14px 4px 5px;border-radius:28px;background-color:#f5ebe173;border:1px solid var(--border-color, #F0E8E0);transition:all .2s ease}.admin-profile:hover,.admin-profile.active{background-color:var(--brand-beige-light, #F5EBE1);border-color:#8b000040;transform:translateY(-1px);box-shadow:0 4px 12px #0000000a}[data-theme=dark] .admin-profile{background-color:#ffffff0a;border-color:#333}[data-theme=dark] .admin-profile:hover,[data-theme=dark] .admin-profile.active{background-color:#ffffff14;border-color:#ff5a5a4d}.admin-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#8b0000,#c8553d);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px;box-shadow:0 2px 6px #8b00004d}.admin-info{display:flex;flex-direction:column}.admin-name{font-size:13px;font-weight:700;color:var(--text-dark, #1A2E35);line-height:1.2}.admin-role{font-size:10px;font-weight:700;color:var(--brand-red, #8B0000);text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .admin-role{color:#ff7b7b}.admin-chevron{color:var(--text-light, #A1A1AA);transition:transform .25s cubic-bezier(.16,1,.3,1);margin-left:2px}.admin-profile.active .admin-chevron{transform:rotate(180deg)}.header-dropdown-container{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;background-color:#fff;border:1px solid var(--border-color, #F0E8E0);border-radius:16px;box-shadow:0 16px 36px -4px #0000001f,0 4px 12px #0000000a;z-index:100;overflow:hidden;min-width:220px;animation:dropdownFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .dropdown-menu{background-color:var(--bg-card, #1E1E1E)!important;border-color:var(--border-color, #2D2D2D)!important;box-shadow:0 16px 36px -4px #0006}.notif-menu{width:340px}.admin-menu{width:230px}.dropdown-header{padding:14px 18px;font-size:13.5px;font-weight:700;color:var(--text-dark, #1A2E35);border-bottom:1px solid var(--border-color, #F0E8E0);background-color:var(--bg-main, #FDFBF7)}[data-theme=dark] .dropdown-header{background-color:#ffffff05!important;border-color:var(--border-color, #2D2D2D)!important}.dropdown-item{padding:12px 18px;display:flex;align-items:flex-start;gap:12px;font-size:13px;color:var(--text-dark, #1A2E35);transition:background-color .15s ease}.dropdown-item.clickable{cursor:pointer;font-weight:500}.dropdown-item.clickable:hover{background-color:var(--brand-beige-light, #F5EBE1);color:var(--brand-red, #8B0000)}[data-theme=dark] .dropdown-item.clickable:hover{background-color:#2d2d2d!important;color:#ff7b7b!important}.dropdown-item .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:5px}.dropdown-item .dot.orange{background-color:var(--brand-orange, #E87A5D)}.dropdown-item .dot.red{background-color:var(--brand-red, #8B0000)}.dropdown-item.admin-details{flex-direction:column;gap:3px;background-color:var(--bg-main, #FDFBF7);border-bottom:1px solid var(--border-color, #F0E8E0)}[data-theme=dark] .dropdown-item.admin-details{background-color:#ffffff05!important}.dropdown-item .bold{font-weight:700;color:var(--text-dark, #1A2E35);font-size:13.5px}.dropdown-item .sub{color:var(--text-light, #A1A1AA);font-size:11.5px}.dropdown-divider{height:1px;background-color:var(--border-color, #F0E8E0)}[data-theme=dark] .dropdown-divider{background-color:var(--border-color, #2D2D2D)!important}.text-red{color:var(--brand-red, #8B0000)!important;font-weight:600!important}[data-theme=dark] .text-red{color:#ff6b6b!important}.menu-toggle-btn{display:none;background:none;border:none;cursor:pointer;color:var(--text-dark);padding:8px;border-radius:50%;transition:background-color .2s;align-items:center;justify-content:center}.menu-toggle-btn:hover{background-color:var(--brand-beige-light)}@media(max-width:900px){.menu-toggle-btn{display:flex}}@media(max-width:768px){.header{height:68px;padding:0 16px}.breadcrumb,.admin-info{display:none}.header-actions{gap:12px}}@media(max-width:480px){.population-badge{padding:6px 12px;font-size:11px}}.admin-layout{display:flex;min-height:100vh;width:100%}.admin-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-content{flex:1;padding:24px 40px 40px;overflow-y:auto}.sidebar-overlay{display:none}@media(max-width:900px){.sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;z-index:999;animation:fadeIn .2s ease}.admin-content{padding:16px}}.dashboard{display:flex;flex-direction:column;gap:24px}.dashboard-header{margin-bottom:4px}.dashboard-title{font-size:26px;font-weight:800;color:var(--text-dark);letter-spacing:-.6px;margin-bottom:4px}.dashboard-subtitle{font-size:13.5px;color:var(--text-gray);font-weight:500}.dashboard-grid{display:grid;gap:20px}.top-row{display:grid;gap:18px}.middle-row,.bottom-row{grid-template-columns:2fr 1fr}.grid-col-wide,.grid-col-narrow{min-width:0}@media(max-width:1200px){.top-row{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:960px){.top-row{grid-template-columns:repeat(2,1fr)!important}.middle-row,.bottom-row{grid-template-columns:1fr}}@media(max-width:600px){.top-row{grid-template-columns:1fr!important}}.stat-card{position:relative;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:22px 20px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .25s ease;box-shadow:0 2px 6px #00000005}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent-gradient, linear-gradient(90deg, #8B0000, #E87A5D));border-top-left-radius:16px;border-top-right-radius:16px;opacity:.9;transition:height .2s ease,opacity .2s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -6px #00000014,0 4px 8px -2px #0000000a;border-color:var(--card-accent-border, #EAE0C8)}.stat-card:hover:before{height:4px;opacity:1}.stat-card-glow-bg{position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;background:var(--card-accent-glow, radial-gradient(circle, rgba(139, 0, 0, .06) 0%, transparent 70%));pointer-events:none;transition:transform .3s ease,opacity .3s ease}.stat-card:hover .stat-card-glow-bg{transform:scale(1.3);opacity:1}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;position:relative;z-index:1}.stat-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background-color:var(--card-icon-bg, #FFF5F5);color:var(--card-icon-color, #8B0000);border:1px solid var(--card-icon-border, rgba(139, 0, 0, .12));transition:transform .25s ease,background-color .2s ease}.stat-card:hover .stat-icon-wrapper{transform:scale(1.08) rotate(3deg)}.stat-trend-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:var(--brand-beige-light, #F5EBE1);border:1px solid var(--border-color);transition:transform .2s ease}.stat-card:hover .stat-trend-badge{transform:scale(1.05)}.trend-icon{stroke-width:2.5}.trend-icon.positive{color:#10b981}.trend-icon.negative{color:#ef4444}.trend-icon.neutral{color:#f59e0b}.stat-content{display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}.stat-value{font-size:30px;font-weight:800;color:var(--text-dark);line-height:1.15;letter-spacing:-.5px}.stat-title{font-size:13.5px;color:var(--text-dark);font-weight:600;margin-top:2px}.stat-subtitle{font-size:12px;color:var(--text-gray);font-weight:500;margin-top:4px}.stat-card-indigo{--card-accent-gradient: linear-gradient(90deg, #4F46E5, #818CF8);--card-accent-border: rgba(99, 102, 241, .35);--card-accent-glow: radial-gradient(circle, rgba(79, 70, 229, .08) 0%, transparent 70%);--card-icon-bg: #EEF2FF;--card-icon-color: #4F46E5;--card-icon-border: rgba(99, 102, 241, .2)}.stat-card-emerald{--card-accent-gradient: linear-gradient(90deg, #059669, #34D399);--card-accent-border: rgba(16, 185, 129, .35);--card-accent-glow: radial-gradient(circle, rgba(16, 185, 129, .08) 0%, transparent 70%);--card-icon-bg: #ECFDF5;--card-icon-color: #059669;--card-icon-border: rgba(16, 185, 129, .2)}.stat-card-crimson{--card-accent-gradient: linear-gradient(90deg, #8B0000, #E87A5D);--card-accent-border: rgba(139, 0, 0, .35);--card-accent-glow: radial-gradient(circle, rgba(139, 0, 0, .08) 0%, transparent 70%);--card-icon-bg: #FFF5F5;--card-icon-color: #8B0000;--card-icon-border: rgba(139, 0, 0, .2)}.stat-card-amber{--card-accent-gradient: linear-gradient(90deg, #D97706, #FBBF24);--card-accent-border: rgba(245, 158, 11, .35);--card-accent-glow: radial-gradient(circle, rgba(245, 158, 11, .08) 0%, transparent 70%);--card-icon-bg: #FFFBEB;--card-icon-color: #D97706;--card-icon-border: rgba(245, 158, 11, .2)}.stat-card-violet{--card-accent-gradient: linear-gradient(90deg, #7C3AED, #A78BFA);--card-accent-border: rgba(139, 92, 246, .35);--card-accent-glow: radial-gradient(circle, rgba(124, 58, 237, .08) 0%, transparent 70%);--card-icon-bg: #F5F3FF;--card-icon-color: #7C3AED;--card-icon-border: rgba(139, 92, 246, .2)}.stat-card-rose{--card-accent-gradient: linear-gradient(90deg, #E11D48, #FB7185);--card-accent-border: rgba(244, 63, 94, .35);--card-accent-glow: radial-gradient(circle, rgba(225, 29, 72, .08) 0%, transparent 70%);--card-icon-bg: #FFF1F2;--card-icon-color: #E11D48;--card-icon-border: rgba(244, 63, 94, .2)}[data-theme=dark] .stat-card{box-shadow:0 4px 12px #00000040}[data-theme=dark] .stat-card-indigo{--card-icon-bg: rgba(79, 70, 229, .15);--card-icon-color: #818CF8}[data-theme=dark] .stat-card-emerald{--card-icon-bg: rgba(16, 185, 129, .15);--card-icon-color: #34D399}[data-theme=dark] .stat-card-crimson{--card-icon-bg: rgba(239, 68, 68, .15);--card-icon-color: #F87171}[data-theme=dark] .stat-card-amber{--card-icon-bg: rgba(245, 158, 11, .15);--card-icon-color: #FBBF24}[data-theme=dark] .stat-card-violet{--card-icon-bg: rgba(139, 92, 246, .15);--card-icon-color: #A78BFA}[data-theme=dark] .stat-card-rose{--card-icon-bg: rgba(244, 63, 94, .15);--card-icon-color: #FB7185}.chart-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;box-shadow:0 2px 6px #00000005;transition:box-shadow .25s ease,border-color .25s ease;height:100%}.chart-card:hover{box-shadow:0 8px 20px -4px #0000000f;border-color:#8b000026}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.chart-title{font-size:16px;font-weight:700;color:var(--text-dark);margin-bottom:3px;letter-spacing:-.2px}.chart-subtitle{font-size:12px;color:var(--text-gray);font-weight:500}.badge-pill{background-color:var(--brand-beige-light);color:var(--brand-red);padding:5px 12px;border-radius:20px;font-size:11.5px;font-weight:700;border:1px solid var(--border-color);letter-spacing:.3px}.badge-pill-accent{background:linear-gradient(135deg,#8b000014,#e87a5d1f);color:var(--brand-red);border:1px solid rgba(139,0,0,.15)}.chart-container{width:100%}.recharts-legend-item-text{color:var(--text-dark)!important;font-weight:600;font-size:12px}.recharts-default-tooltip{background-color:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .chart-card:hover{border-color:#ff5a5a40;box-shadow:0 8px 24px #0006}[data-theme=dark] .badge-pill{background-color:#2d2d2d;color:#ff7b7b;border-color:#3d3d3d}.activity-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;height:100%;box-shadow:0 2px 6px #00000005;transition:transform .2s ease,box-shadow .2s ease}.activity-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.activity-title{font-size:16px;font-weight:700;color:var(--text-dark);margin-bottom:2px}.activity-subtitle{font-size:12px;color:var(--text-gray);font-weight:500}.live-feed-badge{display:inline-flex;align-items:center;gap:6px;background-color:#ecfdf5;color:#059669;border:1px solid rgba(16,185,129,.3);padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.live-feed-badge:before{content:"";width:6px;height:6px;background-color:#10b981;border-radius:50%;box-shadow:0 0 6px #10b981cc;animation:pulseFeed 1.5s infinite}@keyframes pulseFeed{0%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}to{transform:scale(1);opacity:1}}.activity-list{display:flex;flex-direction:column;gap:12px;flex:1}.activity-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background-color:#f5ebe140;border:1px solid transparent;transition:all .2s ease}.activity-item:hover{background-color:var(--brand-beige-light);border-color:var(--border-color);transform:translate(3px)}.activity-avatar-box{position:relative;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.activity-avatar-box.granted{background-color:#ecfdf5;color:#059669;border:1px solid rgba(16,185,129,.25)}.activity-avatar-box.denied{background-color:#fff1f2;color:#e11d48;border:1px solid rgba(225,29,72,.25)}.status-dot-mini{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-card)}.status-dot-mini.granted{background-color:#10b981}.status-dot-mini.denied{background-color:#ef4444}.activity-info{flex:1;min-width:0;display:flex;flex-direction:column}.activity-name{font-size:13px;font-weight:600;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-type{font-size:11.5px;color:var(--text-gray);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.activity-time{font-size:11px;color:var(--text-light);font-weight:500}.status-badge-chip{font-size:10px;font-weight:700;padding:2px 7px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px}.status-badge-chip.granted{background-color:#ecfdf5;color:#059669}.status-badge-chip.denied{background-color:#fff1f2;color:#e11d48}.view-all-btn{margin-top:18px;width:100%;padding:11px 16px;background-color:var(--brand-beige-light);color:var(--brand-red);font-size:12.5px;font-weight:600;border-radius:10px;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.view-all-btn .arrow-icon{transition:transform .2s ease}.view-all-btn:hover{background-color:var(--brand-red);color:#fff;border-color:var(--brand-red);box-shadow:0 4px 12px #8b000033}.view-all-btn:hover .arrow-icon{transform:translate(4px)}[data-theme=dark] .activity-item{background-color:#ffffff08}[data-theme=dark] .activity-item:hover{background-color:#ffffff14}[data-theme=dark] .activity-avatar-box.granted{background-color:#10b98126;color:#34d399}[data-theme=dark] .activity-avatar-box.denied{background-color:#f43f5e26;color:#fb7185}[data-theme=dark] .live-feed-badge,[data-theme=dark] .status-badge-chip.granted{background-color:#10b98126;color:#34d399}[data-theme=dark] .status-badge-chip.denied{background-color:#f43f5e26;color:#fb7185}[data-theme=dark] .view-all-btn{background-color:#2d2d2d;color:#ff6b6b}[data-theme=dark] .view-all-btn:hover{background-color:var(--brand-red);color:#fff}.visitors-page{display:flex;flex-direction:column;padding-top:32px}.visitors-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.visitors-title{font-size:24px;font-weight:800;color:var(--text-dark, #1A2E35);margin-bottom:4px}.visitors-subtitle{color:var(--text-light, #A1A1AA);font-size:14px}.btn-new-request{background-color:var(--brand-red, #8B0000);color:#fff;border:none;padding:10px 20px;border-radius:20px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .2s ease}.btn-new-request:hover{background-color:#6a0000}.visitors-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.visitors-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.visitors-table-container{background-color:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 2px 4px #0000000d}.visitors-table{width:100%;border-collapse:collapse}.visitors-table th{text-align:left;padding:16px 24px;font-size:11px;font-weight:600;color:var(--text-light, #A1A1AA);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #EAE0C8;background-color:#fafafa}.visitors-table td{padding:16px 24px;border-bottom:1px solid #EAE0C8;vertical-align:middle}.visitors-table tr:last-child td{border-bottom:none}.visitor-info{display:flex;flex-direction:column}.visitor-name{font-weight:600;color:var(--text-dark, #1A2E35);font-size:14px}.visitor-email{color:var(--text-light, #A1A1AA);font-size:12px}.visitor-type{display:inline-block;padding:4px 12px;background-color:var(--bg-main, #F5EBE1);color:var(--text-dark, #1A2E35);border-radius:12px;font-size:12px;font-weight:500}.visitor-destination,.visitor-schedule{font-size:14px;color:var(--text-dark, #1A2E35)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.approved{background-color:#ecfdf5;color:#10b981}.status-badge.inside{background-color:#dcfce7;color:#15803d;border:1px solid #BBF7D0}.status-badge.exited{background-color:#f1f5f9;color:#475569}.status-badge.pending{background-color:#fff7ed;color:#f97316}.status-badge.rejected{background-color:#fef2f2;color:#ef4444}.action-buttons{display:flex;gap:8px}.action-btn{width:28px;height:28px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#f4f4f5;color:#71717a;transition:all .2s}.action-btn:hover{background-color:#e4e4e7}.action-btn.approve{background-color:#ecfdf5;color:#10b981}.action-btn.approve:hover{background-color:#d1fae5}.action-btn.reject{background-color:#fef2f2;color:#ef4444}.action-btn.reject:hover{background-color:#fee2e2}.action-btn.download{background-color:#fff7ed;color:#f97316}.action-btn.download:hover{background-color:#ffedd5}.visitor-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visitor-modal{background-color:#fff;width:100%;max-width:520px;max-height:85vh;display:flex;flex-direction:column;border-radius:16px;box-shadow:0 10px 30px #0003;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}[data-theme=dark] .visitor-modal{background-color:var(--bg-card)!important;border:1px solid var(--border-color)}.vmodal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #EAE0C8;flex-shrink:0}[data-theme=dark] .vmodal-header{border-bottom-color:var(--border-color)!important}.vmodal-header h2{font-size:17px;font-weight:700;color:var(--text-dark, #1A2E35)}[data-theme=dark] .vmodal-header h2{color:var(--text-dark)!important}.vmodal-close{background:none;border:none;color:var(--text-light, #A1A1AA);cursor:pointer;transition:color .2s;display:flex;align-items:center;justify-content:center}.vmodal-close:hover{color:var(--brand-red, #8B0000)}.vmodal-content{padding:20px 24px;flex:1;overflow-y:auto}.vmodal-footer{padding:16px 24px;border-top:1px solid #EAE0C8;display:flex;justify-content:flex-end;gap:12px;background-color:#fafafa;flex-shrink:0}.vmodal-profile{display:flex;align-items:center;gap:16px;margin-bottom:24px}.vmodal-avatar{width:64px;height:64px;border-radius:50%;background-color:#f5ebe1;color:var(--brand-red, #8B0000);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}[data-theme=dark] .vmodal-avatar{background-color:#2d2d2d!important}.vmodal-info h3{font-size:18px;font-weight:700;color:var(--text-dark, #1A2E35);margin-bottom:2px}[data-theme=dark] .vmodal-info h3{color:var(--text-dark)!important}.vmodal-info p{font-size:14px;color:var(--text-light, #A1A1AA)}.vmodal-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;background-color:#fafafa;padding:20px;border-radius:12px}[data-theme=dark] .vmodal-details-grid{background-color:var(--bg-main)!important}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:12px;font-weight:600;color:var(--text-light, #A1A1AA);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:var(--text-dark, #1A2E35);line-height:1.5}[data-theme=dark] .detail-value{color:var(--text-dark)!important}.vmodal-footer{padding:20px 24px;border-top:1px solid #EAE0C8;display:flex;justify-content:flex-end;gap:12px;background-color:#fafafa}[data-theme=dark] .vmodal-footer{background-color:var(--bg-main)!important;border-top-color:var(--border-color)!important}.vmodal-btn{padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;border:none}.vmodal-btn.approve{background-color:#10b981;color:#fff}.vmodal-btn.approve:hover{background-color:#059669}.vmodal-btn.reject{background-color:#ef4444;color:#fff}.vmodal-btn.reject:hover{background-color:#dc2626}.vmodal-btn.secondary{background-color:transparent;color:var(--text-dark, #1A2E35);border:1px solid #EAE0C8}.vmodal-btn.secondary:hover{background-color:#eae0c8}[data-theme=dark] .vmodal-btn.secondary{color:var(--text-dark)!important;border-color:var(--border-color)!important}[data-theme=dark] .vmodal-btn.secondary:hover{background-color:#2d2d2d!important}@media(max-width:900px){.visitors-stats{grid-template-columns:repeat(2,1fr)}.visitors-header{flex-direction:column;align-items:flex-start;gap:16px}}@media(max-width:768px){.visitors-controls{flex-direction:column;align-items:stretch}.filter-pills{justify-content:flex-start;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.visitors-table{min-width:800px}}@media(max-width:480px){.visitors-stats,.vmodal-details-grid{grid-template-columns:1fr}.vmodal-footer{flex-direction:column;align-items:stretch}.vmodal-btn{justify-content:center}}.violations-page{display:flex;flex-direction:column;padding-top:32px}.violations-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.violations-title{font-size:24px;font-weight:800;color:var(--text-dark, #1A2E35);margin-bottom:4px}.violations-subtitle{color:var(--text-light, #A1A1AA);font-size:14px}.violations-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.stat-box{background-color:#fff;border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000000d}.stat-box .stat-num{font-size:32px;font-weight:800;margin-bottom:4px}.stat-box .stat-label{color:var(--text-light, #A1A1AA);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-num.orange{color:var(--brand-orange, #E87A5D)}.stat-num.green{color:#10b981}.stat-num.red{color:var(--brand-red, #8B0000)}.violations-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.search-form{flex:1;display:flex;gap:8px}.search-bar{flex:1;background-color:#fff;border-radius:8px;display:flex;align-items:center;padding:0 16px;height:48px;box-shadow:0 2px 4px #0000000d;border:1px solid var(--border-color, #EAE0C8)}.search-submit-btn{display:flex;align-items:center;gap:6px;padding:0 20px;height:48px;background-color:var(--brand-maroon, #8B0000);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap;transition:all .2s ease}.search-submit-btn:hover{opacity:.9}.search-bar input{border:none;background:transparent;width:100%;height:100%;padding:0 12px;outline:none;font-size:14px;color:var(--text-dark, #1A2E35)}.search-bar input::placeholder{color:var(--text-light, #A1A1AA)}.filter-pills{display:flex;gap:12px}.filter-pill{background-color:transparent;border:none;color:var(--text-light, #A1A1AA);font-size:14px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:16px;transition:all .2s}.filter-pill.active{background-color:#fff;color:var(--text-dark, #1A2E35);box-shadow:0 2px 4px #0000000d}.violations-list{display:flex;flex-direction:column;gap:16px}.violation-card{background-color:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 2px 4px #0000000d;border-left:4px solid transparent}.violation-card.pending{border-left-color:var(--brand-orange, #E87A5D)}.violation-card.signed{border-left-color:#10b981}.violation-card.rejected{border-left-color:var(--brand-red, #8B0000)}.vcard-header{display:flex;justify-content:space-between;align-items:center}.vcard-main-info{display:flex;flex-direction:column;gap:4px}.vcard-title-row{display:flex;align-items:center;gap:8px}.vcard-student-name{font-size:16px;font-weight:700;color:var(--text-dark, #1A2E35)}.vcard-student-id{font-size:14px;color:var(--text-light, #A1A1AA)}.vcard-meta{font-size:13px;color:var(--text-light, #A1A1AA)}.vcard-status-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer}.vcard-status-badge.pending{color:var(--brand-orange, #E87A5D);background-color:#fff7ed}.vcard-status-badge.signed{color:#10b981;background-color:#ecfdf5}.vcard-status-badge.rejected{color:var(--brand-red, #8B0000);background-color:#fef2f2}.vcard-expanded{margin-top:20px;padding-top:20px;border-top:1px solid #EAE0C8;display:grid;grid-template-columns:2fr 1fr;gap:40px}.vcard-section h4{font-size:11px;text-transform:uppercase;color:var(--text-light, #A1A1AA);letter-spacing:.5px;margin-bottom:8px;font-weight:600}.vcard-section p{font-size:14px;color:var(--text-dark, #1A2E35);line-height:1.5}.vcard-details-list{display:flex;flex-direction:column;gap:4px}.vcard-details-list div{font-size:14px;color:var(--text-dark, #1A2E35)}.vcard-actions{grid-column:1 / -1;display:flex;gap:12px;margin-top:16px}.vcard-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.vcard-btn.primary{background-color:var(--brand-red, #8B0000);color:#fff;border:none}.vcard-btn.primary:hover{background-color:#6a0000}.vcard-btn.secondary{background-color:transparent;color:var(--text-dark, #1A2E35);border:1px solid #EAE0C8}.vcard-btn.secondary:hover{background-color:#fafafa;border-color:#d1c5b4}.vcard-result-text{grid-column:1 / -1;display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:16px;border-top:1px dashed #EAE0C8;font-size:13px;font-weight:500}.text-green{color:#10b981}.text-red{color:var(--brand-red, #8B0000)}.empty-state{text-align:center;padding:60px 20px;background-color:#fff;border-radius:12px;color:var(--text-light)}@media(max-width:900px){.violations-stats{grid-template-columns:repeat(2,1fr)}.violations-header{flex-direction:column;align-items:flex-start;gap:16px}}@media(max-width:768px){.violations-controls{flex-direction:column;align-items:stretch}.filter-pills{justify-content:flex-start;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.vcard-expanded{grid-template-columns:1fr;gap:20px}.violation-card{padding:16px}.vcard-header{flex-direction:column;align-items:flex-start;gap:12px}}@media(max-width:480px){.violations-stats{grid-template-columns:1fr}.vcard-actions{flex-direction:column;align-items:stretch}.vcard-btn{justify-content:center}}.analytics-page{display:flex;flex-direction:column;padding-top:32px}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.analytics-title{font-size:24px;font-weight:800;color:var(--text-dark, #1A2E35);margin-bottom:4px}.analytics-subtitle{color:var(--text-light, #A1A1AA);font-size:14px}.btn-export{background-color:var(--brand-red, #8B0000);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .2s ease}.btn-export:hover{background-color:#6a0000}.btn-export.secondary{background-color:transparent;color:var(--brand-red, #8B0000);border:1px solid var(--brand-red, #8B0000)}.btn-export.secondary:hover{background-color:#fef2f2}.analytics-filters{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{font-size:11px;font-weight:600;color:var(--text-light, #A1A1AA);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-option{background-color:#fff;border:1px solid #EAE0C8;color:var(--text-light, #A1A1AA);padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.filter-option:hover{border-color:var(--brand-red, #8B0000);color:var(--text-dark, #1A2E35)}.filter-option.active{border-color:var(--brand-red, #8B0000);color:var(--brand-red, #8B0000);font-weight:600}.custom-date-inputs{display:flex;align-items:center;gap:12px;margin-top:8px}.date-input{border:1px solid #EAE0C8;padding:8px 12px;border-radius:8px;font-size:13px;color:var(--text-dark, #1A2E35);outline:none;font-family:inherit}.date-input:focus{border-color:var(--brand-red, #8B0000)}.date-separator{color:var(--text-light, #A1A1AA);font-size:13px;font-weight:500}.analytics-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.analytics-stat-card{background-color:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 4px #0000000d}.stat-icon-container{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon-container.red{background-color:#fef2f2;color:var(--brand-red, #8B0000)}.stat-icon-container.orange{background-color:#fff7ed;color:var(--brand-orange, #E87A5D)}.stat-icon-container.brown{background-color:#f5ebe1;color:var(--brand-red, #8B0000)}.stat-icon-container.green{background-color:#ecfdf5;color:#10b981}.stat-details{display:flex;flex-direction:column}.stat-details .num{font-size:24px;font-weight:800;color:var(--text-dark, #1A2E35)}.stat-details .label{font-size:12px;color:var(--text-light, #A1A1AA);font-weight:500}.analytics-charts{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px}.chart-box{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column}.chart-box h3{font-size:16px;font-weight:700;color:var(--text-dark, #1A2E35);margin-bottom:4px}.chart-box p{font-size:13px;color:var(--text-light, #A1A1AA);margin-bottom:24px}.analytics-table-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;overflow-x:auto}.table-header-wrapper{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #EAE0C8}.table-header-wrapper h3{font-size:16px;font-weight:700;color:var(--text-dark, #1A2E35);margin-bottom:4px}.table-header-wrapper p{font-size:13px;color:var(--text-light, #A1A1AA)}.records-table{width:100%;border-collapse:collapse}.records-table th{text-align:left;padding:16px 24px;font-size:11px;font-weight:600;color:var(--text-light, #A1A1AA);text-transform:uppercase;letter-spacing:.5px;background-color:#fafafa;border-bottom:1px solid #EAE0C8}.records-table td{padding:16px 24px;border-bottom:1px solid #EAE0C8;vertical-align:middle}.records-table tr:last-child td{border-bottom:none}.student-col{display:flex;align-items:center;gap:12px}.student-avatar{width:36px;height:36px;border-radius:50%;background-color:#f5ebe1;color:var(--brand-red, #8B0000);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.student-info{display:flex;flex-direction:column}.student-name{font-size:14px;font-weight:600;color:var(--text-dark, #1A2E35)}.student-id{font-size:12px;color:var(--text-light, #A1A1AA)}.college-col{display:flex;flex-direction:column}.college-code{font-size:14px;font-weight:700;color:var(--brand-red, #8B0000)}.college-name{font-size:12px;color:var(--text-light, #A1A1AA)}.basic-text{font-size:14px;color:var(--text-dark, #1A2E35)}.status-pill{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-pill.pending{background-color:#fff7ed;color:var(--brand-orange, #E87A5D)}.status-pill.signed{background-color:#ecfdf5;color:#10b981}.status-pill.rejected{background-color:#fef2f2;color:var(--brand-red, #8B0000)}@media(max-width:900px){.analytics-stats{grid-template-columns:repeat(2,1fr)}.analytics-charts{grid-template-columns:1fr}.analytics-header{flex-direction:column;align-items:flex-start;gap:16px}.analytics-filters{flex-direction:column;align-items:stretch;gap:16px}}@media(max-width:768px){.records-table{min-width:800px}.custom-date-inputs{flex-direction:column;align-items:stretch}.date-input{width:100%}}@media(max-width:480px){.analytics-stats{grid-template-columns:1fr}}.college-management-page{display:flex;flex-direction:column;padding:24px}.cm-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.cm-stat-card{background-color:#fff;border-radius:12px;padding:20px 24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 4px #0000000d;border:1px solid var(--border-color, #EAE0C8)}.cm-stat-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.cm-stat-icon-wrapper.maroon{background-color:#fef2f2;color:#8b0000}.cm-stat-icon-wrapper.orange{background-color:#fff7ed;color:#e87a5d}.cm-stat-icon-wrapper.green{background-color:#ecfdf5;color:#10b981}.cm-stat-info{display:flex;flex-direction:column}.cm-stat-value{font-size:24px;font-weight:800;color:#1a2e35}.cm-stat-label{font-size:12px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.cm-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid #E5E7EB;padding-bottom:12px}.cm-tab-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;border:none;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.cm-tab-btn.active{background-color:#8b0000;color:#fff;box-shadow:0 2px 4px #8b000033}.cm-tab-btn:not(.active){background-color:#f3f4f6;color:#4b5563}.cm-tab-btn:not(.active):hover{background-color:#e5e7eb;color:#111827}.cm-filter-bar{background-color:#fff;padding:16px;border-radius:12px;border:1px solid var(--border-color, #EAE0C8);margin-bottom:20px;box-shadow:0 2px 4px #0000000a;display:flex;align-items:center;justify-content:space-between;gap:12px}.cm-search-wrapper{position:relative;flex:1}.cm-search-input{width:100%;height:40px;padding-left:36px;padding-right:12px;border-radius:8px;border:1px solid #D1D5DB;background-color:#fafafa;font-size:13px;outline:none}.cm-search-input:focus{border-color:#8b0000;background-color:#fff}.cm-items-grid{display:flex;flex-direction:column;gap:12px}.cm-item-card{background-color:#fff;border-radius:12px;padding:18px 24px;border:1px solid #E5E7EB;box-shadow:0 2px 4px #0000000a;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;transition:all .2s ease}.cm-item-card:hover{border-color:#d1d5db;box-shadow:0 4px 10px #0000000f}@media(max-width:768px){.cm-stats-grid{grid-template-columns:1fr}}.reports-page{display:flex;flex-direction:column;padding-top:32px}.reports-header{margin-bottom:24px}.reports-title{font-size:24px;font-weight:800;color:var(--text-dark, #1A2E35);margin-bottom:4px}.reports-subtitle{color:var(--text-light, #A1A1AA);font-size:14px}.reports-content{display:grid;grid-template-columns:2fr 1fr;gap:24px}.reports-builder{display:flex;flex-direction:column;gap:24px}.builder-section{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 4px #0000000d}.section-title{font-size:15px;font-weight:700;color:var(--text-dark, #1A2E35);margin-bottom:20px}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.option-card{border:1px solid #EAE0C8;border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease;background-color:#fff}.option-card:hover{border-color:#d1c5b4;background-color:#fafafa}.option-card.active{border-color:var(--brand-red, #8B0000);background-color:#fef2f2}.option-icon{width:40px;height:40px;border-radius:8px;background-color:#f5ebe1;display:flex;align-items:center;justify-content:center;color:var(--text-light, #A1A1AA);flex-shrink:0}.option-card.active .option-icon{background-color:#fff;color:var(--brand-red, #8B0000)}.option-text{display:flex;flex-direction:column;gap:2px}.option-label{font-size:14px;font-weight:700;color:var(--text-dark, #1A2E35)}.option-card.active .option-label{color:var(--brand-red, #8B0000)}.option-desc{font-size:12px;color:var(--text-light, #A1A1AA)}.option-card.active .option-desc{color:#d4a373}.parameters-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.param-column{display:flex;flex-direction:column;gap:12px}.param-header{font-size:11px;font-weight:600;color:var(--text-light, #A1A1AA);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.param-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background-color:#fff;border:1px solid #EAE0C8;border-radius:8px;color:var(--text-light, #A1A1AA);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.param-btn:hover{border-color:#d1c5b4;color:var(--text-dark, #1A2E35)}.param-btn.active{border-color:var(--brand-red, #8B0000);color:var(--brand-red, #8B0000);background-color:#fef2f2;font-weight:600}.btn-generate{width:100%;padding:16px;background-color:var(--brand-red, #8B0000);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:background-color .2s ease;box-shadow:0 4px 6px #8b000026}.btn-generate:hover{background-color:#6a0000}.recent-reports-block{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 4px #0000000d;height:max-content}.recent-reports-block h3{font-size:15px;font-weight:700;color:var(--text-dark, #1A2E35);margin-bottom:20px}.recent-reports-list{display:flex;flex-direction:column;gap:16px}.recent-report-card{background-color:#f5ebe1;border-radius:10px;padding:16px;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.recent-report-card:hover{background-color:#eae0c8}.rr-info{display:flex;flex-direction:column;gap:4px}.rr-title{font-size:13px;font-weight:700;color:var(--text-dark, #1A2E35)}.rr-meta{font-size:11px;color:var(--text-light, #A1A1AA)}.rr-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.rr-badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;background-color:#d1c5b4;color:var(--text-dark, #1A2E35)}.rr-download-btn{background:transparent;border:none;color:var(--brand-red, #8B0000);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.rr-download-btn:hover{color:#6a0000}@media(max-width:900px){.reports-content{grid-template-columns:1fr}}@media(max-width:600px){.parameters-grid{grid-template-columns:1fr;gap:16px}}@media(max-width:480px){.options-grid{grid-template-columns:1fr}.builder-section{padding:16px}}.users-page{display:flex;flex-direction:column;padding-top:32px}.users-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.users-title{font-size:24px;font-weight:800;color:var(--text-dark, #1A2E35);margin-bottom:4px}.users-subtitle{color:var(--text-light, #A1A1AA);font-size:14px}.btn-add-user{background-color:var(--brand-red, #8B0000);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .2s ease}.btn-add-user:hover{background-color:#6a0000}.users-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.ustat-card{background-color:#fff;border-radius:12px;padding:20px 24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 4px #0000000d}.ustat-icon-container{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.ustat-icon-container.student{background-color:#fef2f2;color:var(--brand-red, #8B0000)}.ustat-icon-container.faculty{background-color:#fff7ed;color:var(--brand-orange, #E87A5D)}.ustat-icon-container.guard{background-color:#ecfdf5;color:#10b981}.ustat-icon-container.admin{background-color:#f3e8ff;color:#9333ea}.ustat-details{display:flex;align-items:baseline;gap:8px}.ustat-details .num{font-size:24px;font-weight:800;color:var(--text-dark, #1A2E35)}.ustat-details .label{font-size:13px;color:var(--text-light, #A1A1AA);font-weight:500}.users-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.users-search-form{flex:1;display:flex;gap:8px}.users-search-bar{flex:1;background-color:#fff;border-radius:8px;display:flex;align-items:center;padding:0 16px;height:48px;box-shadow:0 2px 4px #0000000d;border:1px solid var(--border-color, #EAE0C8)}.users-search-btn{display:flex;align-items:center;gap:6px;padding:0 20px;height:48px;background-color:var(--brand-maroon, #8B0000);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap;transition:all .2s ease}.users-search-btn:hover{opacity:.9}.users-search-bar input{border:none;background:transparent;width:100%;height:100%;padding:0 12px;outline:none;font-size:14px;color:var(--text-dark, #1A2E35)}.users-search-bar input::placeholder{color:var(--text-light, #A1A1AA)}.users-filter-pills{display:flex;gap:8px}.ufilter-pill{background-color:transparent;border:none;color:var(--text-light, #A1A1AA);font-size:13px;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:20px;transition:all .2s}.ufilter-pill.active{background-color:#fff;color:var(--text-dark, #1A2E35);box-shadow:0 2px 4px #0000000d;font-weight:600}.users-table-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table th{text-align:left;padding:16px 24px;font-size:11px;font-weight:600;color:var(--text-light, #A1A1AA);text-transform:uppercase;letter-spacing:.5px;background-color:#fafafa;border-bottom:1px solid #EAE0C8}.users-table td{padding:16px 24px;border-bottom:1px solid #EAE0C8;vertical-align:middle}.users-table tr:last-child td{border-bottom:none}.user-info-col{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;border-radius:50%;background-color:#f5ebe1;color:var(--brand-red, #8B0000);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.user-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-text-info{display:flex;flex-direction:column}.user-name{font-size:14px;font-weight:600;color:var(--text-dark, #1A2E35)}.user-email{font-size:12px;color:var(--text-light, #A1A1AA)}.role-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.role-pill.student{background-color:#fef2f2;color:var(--brand-red, #8B0000)}.role-pill.faculty{background-color:#fff7ed;color:var(--brand-orange, #E87A5D)}.role-pill.guard{background-color:#ecfdf5;color:#10b981}.dept-text,.date-text{font-size:13px;color:var(--text-dark, #1A2E35)}.violation-text{font-size:13px;font-weight:500;color:var(--text-light, #A1A1AA)}.violation-text.has-violation{color:var(--brand-red, #8B0000)}.status-text{font-size:13px;font-weight:600}.status-text.active{color:#10b981}.status-text.restricted{background-color:#fef2f2;color:var(--brand-red, #8B0000);padding:4px 10px;border-radius:12px;display:inline-block}.action-menu-btn{background:#f4f4f5;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-light, #A1A1AA);cursor:pointer;transition:all .2s}.action-menu-btn:hover{background:#e4e4e7;color:var(--text-dark, #1A2E35)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-light, #A1A1AA)}@media(max-width:900px){.users-stats{grid-template-columns:repeat(2,1fr)}.users-header{flex-direction:column;align-items:flex-start;gap:16px}}@media(max-width:768px){.users-controls{flex-direction:column;align-items:stretch}.users-filter-pills{justify-content:flex-start;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.users-table{min-width:800px}}@media(max-width:480px){.users-stats{grid-template-columns:1fr}}.action-menu-container{position:relative;display:inline-block}.dropdown-menu{position:absolute;right:0;top:100%;margin-top:4px;background-color:#fff;border:1px solid #EAE0C8;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;min-width:160px;display:flex;flex-direction:column;padding:6px 0;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu button{background:none;border:none;text-align:left;padding:10px 16px;font-size:13px;color:var(--text-dark, #1A2E35);cursor:pointer;width:100%;font-weight:500;transition:background-color .2s}.dropdown-menu button:hover{background-color:#fafafa}.dropdown-menu button.delete-action{color:var(--brand-red, #8B0000)}.dropdown-menu button.delete-action:hover{background-color:#fff5f5}.toast-notification{position:fixed;top:24px;right:24px;z-index:1000;animation:toastSlideIn .3s ease-out;box-shadow:0 4px 12px #00000026;border-radius:8px;padding:14px 20px;display:flex;align-items:center;gap:12px;max-width:380px;background-color:#f0fdf4;border:1px solid #86EFAC;color:#16a34a;font-weight:600;font-size:13px}.toast-notification.error{background-color:#fff5f5;border:1px solid #FEB2B2;color:#c53030}.toast-notification.warning{background-color:#fffbeb;border:1px solid #FDE68A;color:#b45309}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.settings-page{display:flex;flex-direction:column;padding-top:32px}.settings-header{margin-bottom:32px}.settings-title{font-size:24px;font-weight:800;color:var(--text-dark, #1A2E35);margin-bottom:4px}.settings-subtitle{color:var(--text-light, #A1A1AA);font-size:14px}.settings-layout{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start}.settings-nav{display:flex;flex-direction:column;gap:8px}.settings-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:500;color:var(--text-light, #A1A1AA);background-color:transparent;border:none;cursor:pointer;transition:all .2s ease;text-align:left}.settings-nav-item:hover{background-color:var(--brand-beige);color:var(--text-dark)}.settings-nav-item.active{background-color:#fff;color:var(--brand-red, #8B0000);font-weight:700;box-shadow:0 2px 4px #0000000d}.settings-content-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.settings-section-header{padding:24px 32px;border-bottom:1px solid #EAE0C8}.settings-section-title{font-size:18px;font-weight:700;color:var(--text-dark, #1A2E35);margin-bottom:4px}.settings-section-desc{font-size:13px;color:var(--text-light, #A1A1AA)}.settings-form{padding:32px;display:flex;flex-direction:column;gap:32px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.row{flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid #F5EBE1;padding-bottom:24px}.form-group.row:last-child{border-bottom:none;padding-bottom:0}.form-label-wrapper{display:flex;flex-direction:column;gap:4px}.form-label{font-size:14px;font-weight:600;color:var(--text-dark, #1A2E35)}.form-desc{font-size:13px;color:var(--text-light, #A1A1AA)}.form-input{width:100%;max-width:400px;padding:12px 16px;border:1px solid #EAE0C8;border-radius:8px;font-size:14px;color:var(--text-dark, #1A2E35);outline:none;transition:border-color .2s;background-color:#fafafa}.form-input:focus{border-color:var(--brand-red, #8B0000);background-color:#fff}.form-select{width:100%;max-width:400px;padding:12px 16px;border:1px solid #EAE0C8;border-radius:8px;font-size:14px;color:var(--text-dark, #1A2E35);outline:none;background-color:#fafafa;cursor:pointer}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#eae0c8;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0000001a}input:checked+.slider{background-color:var(--brand-red, #8B0000)}input:checked+.slider:before{transform:translate(20px)}.settings-actions{display:flex;justify-content:flex-end;gap:16px;padding:24px 32px;background-color:#fafafa;border-top:1px solid #EAE0C8}.btn-cancel{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;background-color:transparent;color:var(--text-dark, #1A2E35);border:1px solid #D1C5B4;cursor:pointer;transition:all .2s}.btn-cancel:hover{background-color:#eae0c8}.btn-save{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;background-color:var(--brand-red, #8B0000);color:#fff;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-save:hover{background-color:#6a0000}@media(max-width:768px){.settings-layout{grid-template-columns:1fr;gap:20px}.settings-nav{flex-direction:row;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.settings-nav-item{white-space:nowrap}}@media(max-width:480px){.settings-section-header{padding:16px}.settings-form{padding:16px;gap:20px}.form-group.row{flex-direction:column;align-items:flex-start;gap:12px}.settings-actions{padding:16px;justify-content:space-between}.btn-save,.btn-cancel{flex:1;text-align:center;justify-content:center}.form-input,.form-select{max-width:100%}}.login-container{min-height:100vh;width:100vw;display:flex;background-color:var(--bg-main);position:relative;overflow:hidden}@media(min-width:900px){.login-container{display:grid;grid-template-columns:1.1fr 1.3fr}}.login-form-side{display:flex;align-items:center;justify-content:center;padding:40px 24px;background-color:var(--bg-main);position:relative;z-index:2;width:100%}.login-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 12px 32px #1a2e350a;border-radius:20px;padding:40px 32px;display:flex;flex-direction:column;transition:all .3s ease}.login-header{text-align:center;margin-bottom:32px}.login-logo{width:64px;height:64px;background-color:var(--brand-red-light);border:1px solid var(--border-color);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;padding:8px;box-shadow:var(--shadow-sm);transition:transform .2s ease}[data-theme=dark] .login-logo{background-color:#252525}.login-logo-img{width:100%;height:100%;object-fit:contain}.login-title{font-size:24px;font-weight:800;color:var(--text-dark);margin-bottom:6px;letter-spacing:-.5px}.login-subtitle{font-size:13.5px;color:var(--text-gray)}.login-form{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px}.label-row{display:flex;justify-content:space-between;align-items:center}label{font-size:13px;font-weight:600;color:var(--text-dark)}.forgot-password-btn:hover{text-decoration:underline;opacity:.85}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:var(--text-light);transition:color .2s ease}input{width:100%;height:48px;padding:0 16px 0 44px;border-radius:12px;border:1px solid var(--border-color);background-color:#fafafa;font-size:14px;color:var(--text-dark);transition:all .2s ease;font-family:inherit}[data-theme=dark] input{background-color:var(--bg-main);border-color:var(--border-color)}input:focus{outline:none;border-color:var(--brand-red);background-color:#fff;box-shadow:0 0 0 4px #8b000014}input:focus+.input-icon{color:var(--brand-red)}.btn-primary{height:48px;background-color:var(--brand-red);color:#fff;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;margin-top:8px;cursor:pointer;width:100%;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #8b000026}.btn-primary:hover:not(:disabled){background-color:#6b0000;transform:translateY(-1px);box-shadow:0 6px 16px #8b000040}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.login-divider{display:flex;align-items:center;margin:20px 0;color:var(--text-light);font-size:12px;font-weight:600;text-transform:uppercase}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background-color:var(--border-color)}.login-divider span{padding:0 12px}.btn-secondary{height:48px;background-color:#fff;border:1px solid var(--border-color);color:var(--text-dark);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background-color:#f9f9f9;border-color:var(--text-light)}[data-theme=dark] .btn-secondary{background-color:var(--bg-card);color:var(--text-dark)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background-color:#252525}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.google-icon{width:20px;height:20px}.login-brand-side{display:none;position:relative;background:linear-gradient(135deg,#8b0000,#4a0000);overflow:hidden;align-items:center;justify-content:center;padding:60px 48px}@media(min-width:900px){.login-brand-side{display:flex}}.brand-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 30% 20%,rgba(255,215,0,.1) 0%,transparent 60%);z-index:1}.brand-overlay:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(232,122,93,.15) 0%,transparent 70%);top:-100px;right:-100px;filter:blur(80px);animation:float-slow 15s ease-in-out infinite alternate}@keyframes float-slow{0%{transform:translate(0) scale(1)}to{transform:translate(40px,30px) scale(1.1)}}.brand-content{position:relative;z-index:2;color:#fff;max-width:520px;display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(-40px)}.brand-univ-logo{width:84px;height:84px;background-color:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.25);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 10px 25px #0003;padding:8px}.univ-logo-img{width:100%;height:100%;object-fit:contain}.brand-welcome-tag{font-size:13px;font-weight:800;letter-spacing:2px;color:gold;margin-bottom:8px;text-transform:uppercase}.brand-main-title{font-size:38px;font-weight:800;line-height:1.25;margin-bottom:12px;letter-spacing:-.5px}.brand-tagline{font-size:15px;color:#ffffffd9;margin-bottom:0;font-weight:500}.microsoft-logo-web{width:20px;height:20px;display:grid;grid-template-columns:1fr 1fr;gap:2px}.ms-sq{width:9px;height:9px}.ms-sq.bg-red{background-color:#f35325}.ms-sq.bg-green{background-color:#81bc06}.ms-sq.bg-blue{background-color:#05a6f0}.ms-sq.bg-yellow{background-color:#ffba08}.currently-inside-page{animation:fadeIn .3s ease-in-out}.gate-activity-page{display:flex;flex-direction:column}[data-theme=dark] .gate-activity-page table th{background-color:var(--bg-card, #1E1E1E)!important;color:var(--text-dark, #FFFFFF)!important;border-bottom-color:var(--border-color, #333)!important}[data-theme=dark] .gate-activity-page table td{border-bottom-color:var(--border-color, #333)!important;color:var(--text-dark, #FFFFFF)!important}[data-theme=dark] .gate-activity-page table{background-color:var(--bg-card, #1E1E1E)!important}.web-splash-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fdfbf7;display:flex;align-items:center;justify-content:center;z-index:99999;opacity:1;transition:opacity .5s cubic-bezier(.25,1,.5,1),transform .5s cubic-bezier(.25,1,.5,1)}.web-splash-content{display:flex;flex-direction:column;align-items:center;justify-content:center;animation:webSplashIntro .8s cubic-bezier(.16,1,.3,1) forwards}.web-splash-logo-container{width:140px;height:140px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;animation:webLogoScale 1s cubic-bezier(.175,.885,.32,1.275) forwards}.web-splash-logo{width:100%;height:100%;object-fit:contain}.web-splash-title{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:32px;font-weight:800;color:#8b0000;letter-spacing:4px;margin:0 0 8px}.web-splash-subtitle{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px;color:#a1a1aa;margin:0 0 24px;font-weight:500;letter-spacing:.5px}.web-splash-loader-bar{width:140px;height:4px;background-color:#eae0c8;border-radius:2px;overflow:hidden}.web-splash-loader-progress{height:100%;width:30%;background-color:#8b0000;border-radius:2px;animation:webLoaderMove 1.5s infinite ease-in-out}.web-splash--exit{opacity:0;transform:scale(1.05);pointer-events:none}@keyframes webSplashIntro{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes webLogoScale{0%{transform:scale(.6)}to{transform:scale(1)}}@keyframes webLoaderMove{0%{left:-30%;transform:translate(-140px)}50%{left:100%;transform:translate(140px)}to{left:-30%;transform:translate(-140px)}}