:root{--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-primary:#3932251c;--bg-secondary:#3932251c;--bg-tertiary:#3932251c;--glass-bg:#3932251c;--glass-border:#ffffff17;--glass-highlight:#ffffff0a;--primary:#ffb938;--primary-hover:#f59e0b;--primary-glow:#ffb93847;--secondary:#38bdf8;--secondary-glow:#38bdf833;--orange:#ffb938;--orange-glow:#ffb93840;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-dark:#64748b;--success:#10b981;--success-glow:#10b98126;--error:#ff7676;--error-glow:#ef444426;--warning:#ffb938;--border-radius-sm:8px;--border-radius-md:14px;--border-radius-lg:20px;--border-radius-xl:28px;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s ease;--shadow-main:0 16px 40px #00000080, inset 0 1px 0 #ffffff14;--shadow-glow:0 0 25px 0 var(--primary-glow)}*{box-sizing:border-box;margin:0;padding:0}html{background-color:#3932256b}body{font-family:var(--font-family);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#3932256b;min-height:100vh;line-height:1.5;position:relative;overflow-x:hidden}#root{background-color:#3932256b;min-height:100vh}body:before{content:"";opacity:.065;filter:contrast(120%)brightness(75%);pointer-events:none;z-index:0;background-image:url(/maintenance_bg.jpg);background-position:50% 30%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#090a0d4d 0%,#090a0de0 100%);position:fixed;inset:0}.ambient-glow{background:radial-gradient(circle, var(--primary-glow) 0%, #080b1400 70%);z-index:0;pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.ambient-glow-bottom{background:radial-gradient(circle, var(--secondary-glow) 0%, #080b1400 70%);z-index:0;pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-200px;left:-200px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.auth-wrapper{background-color:var(--bg-primary);z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.auth-card{-webkit-backdrop-filter:blur(32px)saturate(200%);z-index:2;background:linear-gradient(145deg,#141926c7 0%,#0a0e16d9 100%);border:1px solid #ffffff1f;border-radius:24px;width:100%;max-width:440px;padding:40px 36px;animation:.6s cubic-bezier(.16,1,.3,1) fadeIn;position:relative;overflow:hidden;box-shadow:0 24px 60px #0009,inset 0 1px #ffffff24}.auth-card:before{content:"";background:linear-gradient(90deg,#0000 0%,#ffb938b3 50%,#0000 100%);height:2px;position:absolute;top:0;left:10%;right:10%}.auth-header{text-align:center;margin-bottom:28px}.auth-title{color:var(--text-main);letter-spacing:-.3px;margin-bottom:6px;font-size:22px;font-weight:400}.auth-subtitle{color:var(--text-muted);font-size:13.5px}.auth-subtitle a{color:var(--primary);transition:var(--transition-fast);font-weight:400;text-decoration:none}.auth-subtitle a:hover{color:#fff;text-decoration:underline}.form-group{margin-bottom:20px;position:relative}.form-label{color:#cbd5e1;margin-bottom:8px;font-size:13.5px;font-weight:400;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#64748b;pointer-events:none;transition:var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;left:14px}.form-input{color:#fff;width:100%;font-family:var(--font-family);-webkit-backdrop-filter:blur(12px);background:#00000059;border:1px solid #ffffff1a;border-radius:12px;padding:12px 14px 12px 42px;font-size:14.5px;transition:all .25s cubic-bezier(.4,0,.2,1)}.form-input:focus{background:#0000008c;border-color:#ffb93899;outline:none;box-shadow:0 0 0 3px #ffb9382e,0 0 16px #ffb9381f}.form-input:focus+.input-icon{color:#ffb938}.btn{width:100%;font-family:var(--font-family);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14.5px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{color:#0c0e14;box-shadow:none;background:linear-gradient(135deg,#ffb938 0%,#e09612 100%)}.btn-primary:hover{box-shadow:none;background:linear-gradient(135deg,#ffc453 0%,#f59e0b 100%);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.alert{border-radius:var(--border-radius-md);border:1px solid #0000;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:14px;animation:.3s cubic-bezier(.16,1,.3,1) slideDown;display:flex}.alert-error{background:var(--error-glow);color:#f87171;border-color:#ef444433}.alert-success{background:var(--success-glow);color:#34d399;border-color:#10b98133}.dashboard-container{background-color:#0000;height:100vh;max-height:100vh;display:flex;position:relative;overflow:hidden}.sidebar{z-index:100;user-select:none;background:#3932251c;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:280px;min-width:280px;max-width:280px;height:100vh;max-height:100vh;padding:20px 16px;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-brand{color:var(--text-main);flex-shrink:0;align-items:center;gap:12px;margin-bottom:20px;padding-left:6px;font-size:20px;font-weight:400;display:flex}.brand-icon{color:#ffb938;background:linear-gradient(135deg,#ffb93840 0%,#ffb93814 100%);border:1px solid #ffb93873;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-weight:400;display:flex;box-shadow:0 0 16px #ffb93840}.sidebar-menu{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:6px;list-style:none;display:flex;overflow:hidden auto}.sidebar-menu::-webkit-scrollbar{display:none}.sidebar-menu li{border-bottom:none;padding-bottom:0}.sidebar-link{color:#fff;cursor:pointer;user-select:none;white-space:nowrap;-webkit-backdrop-filter:blur(12px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;outline:none;align-items:center;gap:11px;padding:9px 14px;font-size:13.5px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;font-weight:400!important}.sidebar-link span{font-weight:400!important}.sidebar-link:hover{color:#fff;background:#ffffff0d;border-color:#ffffff1f;transform:translate(3px)}.sidebar-link.active{color:#ffb938;background:#ffb9381f;border:1px solid #ffb93873;padding-left:20px;box-shadow:0 4px 20px #ffb93826,inset 0 1px #ffffff1f;font-weight:400!important}.sidebar-link.active:before{content:"";background-color:#ffb938;border-radius:4px;width:3.5px;height:16px;position:absolute;top:50%;left:8px;transform:translateY(-50%);box-shadow:0 0 10px #ffb938}.sidebar-link svg{width:17px;height:17px;transition:var(--transition-smooth)}.sidebar-link:hover svg,.sidebar-link.active svg{transform:scale(1.08);color:#ffb938!important}.sidebar-footer{border-top:1px solid #ffffff14;margin-top:auto;padding-top:16px}.sidebar-user{-webkit-backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;margin-bottom:14px;padding:8px 10px;display:flex}.avatar{color:#fff;width:36px;height:36px;box-shadow:none;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:400;display:flex}.user-info{flex-direction:column;display:flex;overflow:hidden}.user-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:400;overflow:hidden}.user-role{color:var(--text-muted);font-size:12px}.btn-logout{color:#ff7676;cursor:pointer;width:100%;transition:var(--transition-fast);background:#ff4d4d14;border:1px solid #ff4d4d33;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:400;display:flex}.btn-logout:hover{background:#ff4d4d26;border-color:#ff4d4d59;transform:translateY(-1px);box-shadow:0 0 10px #ff4d4d26}.btn-logout:active{transform:translateY(0)}.main-content{z-index:1;background:0 0;flex-direction:column;flex:1;min-width:0;height:100vh;max-height:100vh;display:flex;position:relative;overflow:hidden auto}.header{z-index:20;background:#3932251c;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex;position:sticky;top:0}.header-title{color:var(--text-main);font-size:20px;font-weight:400}.header-actions{align-items:center;gap:20px;display:flex}.notification-bell{cursor:pointer;color:var(--text-muted);transition:var(--transition-fast);position:relative}.notification-bell:hover{color:var(--text-main)}.notification-dot{background-color:var(--primary);border:2px solid var(--bg-secondary);border-radius:50%;width:8px;height:8px;position:absolute;top:0;right:0}.dashboard-viewport{background:0 0;flex-grow:1;padding:40px}.welcome-banner{-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#ffb93814,#38bdf80f);border:1px solid #ffb93840;margin-bottom:30px;padding:30px;position:relative;overflow:hidden;box-shadow:0 16px 40px #0006}.welcome-banner:after{content:"";background:radial-gradient(circle,#ffb93840 0%,#0000 70%);border-radius:50%;width:250px;height:250px;position:absolute;top:-60px;right:-60px}.welcome-title{margin-bottom:8px;font-size:26px;font-weight:400}.welcome-desc{color:var(--text-muted);max-width:600px;font-size:15px}.modal-overlay-fast{z-index:9999;background:#000000c7;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.fast-hover-row{transition:background .12s}.fast-hover-row:hover{background:#ffffff0d!important}.fast-btn-edit{color:var(--primary);cursor:pointer;background:#ffb9381f;border:1px solid #ffb9384d;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:background .12s;display:inline-flex}.fast-btn-edit:hover{background:#ffb93840}.fast-btn-delete{color:#ef4444;cursor:pointer;background:#ef44441f;border:1px solid #ef44444d;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:background .12s;display:inline-flex}.fast-btn-delete:hover{background:#ef444440}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:30px;display:grid}.stat-card{border-radius:var(--border-radius-md);transition:var(--transition-smooth);background:#3932251c;border:1px solid #ffffff17;align-items:center;gap:20px;padding:24px;display:flex;box-shadow:0 16px 40px #0006,inset 0 1px #ffffff14}.stat-card:hover{border-color:#ffb93859;transform:translateY(-4px);box-shadow:0 20px 45px #00000080,0 0 20px #ffb9381a}.stat-icon{border-radius:var(--border-radius-md);width:48px;height:48px;color:var(--primary);background:#ffb9381f;border:1px solid #ffb93840;justify-content:center;align-items:center;display:flex}.stat-card:nth-child(2) .stat-icon{color:var(--secondary);background:#38bdf81f;border:1px solid #38bdf840}.stat-card:nth-child(3) .stat-icon{color:var(--success);background:#10b9811f;border:1px solid #10b98140}.stat-info{flex-direction:column;display:flex}.stat-label{color:var(--text-muted);margin-bottom:4px;font-size:14px;font-weight:400}.stat-value{color:var(--text-main);font-size:24px;font-weight:400}.content-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}@media (width<=1024px){.content-grid{grid-template-columns:1fr}}.panel-card{background:#3932251c;border:1px solid #ffffff17;border-radius:16px;padding:24px;transition:border-color .25s,box-shadow .25s;box-shadow:0 16px 40px #00000073,inset 0 1px #ffffff14}.panel-card:hover{border-color:#ffb93840}.panel-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.panel-title{color:var(--text-main);font-size:16px;font-weight:400}.data-table-wrapper{background:#3932251c;border:1px solid #ffffff17;border-radius:12px;overflow-x:auto;box-shadow:0 10px 30px #00000059}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{color:var(--text-muted);white-space:nowrap;background:#ffb9380f;border-bottom:1px solid #ffffff1f;border-right:1px solid #ffffff14;padding:11px 14px;font-size:12.5px;font-weight:600}.data-table th:last-child{border-right:none}.data-table td{color:var(--text-main);white-space:nowrap;border-bottom:1px solid #ffffff0f;border-right:1px solid #ffffff0f;padding:10px 14px;font-size:13px}.data-table td:last-child{border-right:none}.data-table tbody tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff08}.status-badge{border-radius:50px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:400;display:inline-flex}.status-badge:before{content:"";border-radius:50%;width:6px;height:6px}.status-badge-active{background:var(--success-glow);color:var(--success)}.status-badge-active:before{background:var(--success)}.status-badge-pending{color:var(--warning);background:#ffb9381a}.status-badge-pending:before{background:var(--warning)}.status-badge-inactive{color:#ff7676;background:#ef44441a}.status-badge-inactive:before{background:#ff7676}.loader-wrapper{justify-content:center;align-items:center;min-height:200px;display:flex}.spinner{border:3px solid #6366f11a;border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-slow{0%,to{opacity:.4}50%{opacity:.7}}.pulse{animation:3s ease-in-out infinite pulse-slow}.shift-legend-bar{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;padding:10px 14px;display:flex}.shift-badge{color:#fff;text-transform:uppercase;border-radius:4px;justify-content:center;align-items:center;width:26px;height:18px;margin-right:5px;font-size:9.5px;font-weight:400;display:inline-flex}.badge-s1{background-color:#1e40af;border:1px solid #ffffff1a}.badge-s2{background-color:#0f766e;border:1px solid #ffffff1a}.badge-s3{background-color:#2563eb;border:1px solid #ffffff1a}.badge-s4{background-color:#0d9488;border:1px solid #ffffff1a}.badge-o{background-color:#c2410c;border:1px solid #ffffff1a}.badge-o2{background-color:#ffb938;border:1px solid #ffffff1a}.badge-g1{background-color:#6d28d9;border:1px solid #ffffff1a}.badge-g2{background-color:#be185d;border:1px solid #ffffff1a}.badge-g3{background-color:#7c3aed;border:1px solid #ffffff1a}.badge-g4{background-color:#db2777;border:1px solid #ffffff1a}.badge-g5{background-color:#4f46e5;border:1px solid #ffffff1a}.badge-off{background-color:#065f46;border:1px solid #ffffff1a}.badge-y{background-color:#374151;border:1px solid #ffffff1a}.badge-u{color:#fff;background-color:#ef4444;border:1px solid #ffffff26}.badge-fm{color:#fff;background-color:#10b981;border:1px solid #ffffff26}.badge-ui{background-color:#d97706;border:1px solid #ffffff1a}.badge-b,.badge-b2{background-color:#ffb938;border:1px solid #ffffff1a}.badge-empty{color:#ff7676;background-color:#ef444426;border:1px dashed #ef444473;justify-content:center;align-items:center;display:inline-flex}.shift-legend-item{color:var(--text-muted);align-items:center;font-size:11.5px;display:flex}.shift-table-card{background:0 0;border:none;padding:0;overflow-x:auto}.shift-grid-table{border-collapse:collapse;text-align:center;table-layout:fixed;width:100%}.shift-grid-table th{color:var(--text-main);border-top:1px solid #ffffff1f;border-bottom:2px solid #ffffff2e;border-right:1px solid #ffffff1f;padding:12px 3px;font-size:11.5px;font-weight:400}.shift-grid-table th:first-child{border-left:1px solid #ffffff1f}.shift-grid-table th.employee-col{text-align:center;color:var(--text-muted);width:16%;padding-left:2px;padding-right:2px;font-weight:400}.shift-grid-table td{border-bottom:1px solid #ffffff1f;border-right:1px solid #ffffff1f;padding:10px 3px;font-size:11.5px}.shift-grid-table td:first-child{border-left:1px solid #ffffff1f}.shift-grid-table tr:hover td{background:#ffffff03}.notepad-row:hover .row-delete-btn{opacity:1!important}.employee-name-cell{text-align:center;color:var(--orange);font-weight:400;padding-left:4px!important;padding-right:4px!important;font-size:15px!important}.day-subtext{color:var(--orange);margin-top:2px;font-size:12.5px;font-weight:400;display:block}.cell-shift-wrapper{min-width:80px;max-width:100%;transition:var(--transition-fast);cursor:pointer;user-select:none;box-sizing:border-box;background:#ffffff05;border:1px solid #ffffff08;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:4px 6px;display:inline-flex}.cell-shift-wrapper:hover{background:#ffffff0d;border-color:#ffffff1a}.shift-time-text{color:var(--text-main);font-weight:400}.shift-checkbox{border:1px solid var(--text-dark);cursor:pointer;width:16px;height:16px;transition:var(--transition-fast);border-radius:3px;justify-content:center;align-items:center;display:flex}.sidebar-link svg{transition:var(--transition-fast)}.sidebar-submenu{flex-direction:column;gap:3px;margin:4px 0 0;padding:4px 0 4px 20px;list-style:none;animation:.2s ease-in-out fadeIn;display:flex}.sidebar-sublink{color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;user-select:none;white-space:nowrap;border-left:2px solid #0000;align-items:center;gap:8px;padding:6px 12px;font-size:13px;transition:all .2s;display:flex;font-weight:400!important}.sidebar-sublink span{font-weight:400!important}.sidebar-sublink:hover{color:#fbbf24;background:#ffb9380f;border-left-color:#ffb93880;padding-left:14px}.sidebar-sublink.active{color:#ffb938;background:linear-gradient(90deg,#ffb93826 0%,#ffb93808 100%);border-left-color:#ffb938;padding-left:14px;font-weight:400!important}.shift-checkbox.checked{background-color:var(--success);border-color:var(--success);color:#fff}.leave-cell-badge{cursor:pointer;transition:var(--transition-fast);text-align:center;user-select:none;box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;min-width:80px;max-width:100%;padding:4px 6px;font-size:10.5px;font-weight:400;display:inline-flex}.leave-cell-badge:hover{filter:brightness(1.15)}.leave-u-badge{color:#ff8c8c;background-color:#ef444433;border:1px solid #ef444473}.leave-fm-badge{color:#34d399;background-color:#10b9812e;border:1px solid #10b98173}.leave-y-badge{color:#d1d5db;background-color:#4b556333;border:1px solid #4b556366}.leave-ui-badge{color:#ff8c8c;background-color:#ef44442e;border:1px solid #ef444473}.leave-off-badge{color:#000;background:linear-gradient(135deg,#059669,#065f46);border:1px solid #0596694d;box-shadow:0 2px 8px #05966933}.shift-editor-backdrop{z-index:99;width:100vw;height:100vh;position:fixed;top:0;left:0}.shift-editor-popover{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);z-index:1000;backdrop-filter:blur(12px);grid-template-columns:1fr;gap:6px;width:240px;max-height:380px;padding:10px;display:grid;position:absolute;overflow-y:auto;box-shadow:0 10px 30px -5px #000000b3}.shift-editor-popover::-webkit-scrollbar{width:6px}.shift-editor-popover::-webkit-scrollbar-track{background:#ffffff06;border-radius:4px}.shift-editor-popover::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.shift-editor-popover::-webkit-scrollbar-thumb:hover{background:#ffffff40}.popover-btn{width:100%;color:var(--text-main);cursor:pointer;text-align:left;font-size:13px;font-family:var(--font-family);transition:var(--transition-fast);background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;align-items:center;padding:8px 12px;display:flex}@keyframes pulseBorderDay{0%{border-color:#ffb93866;box-shadow:inset 0 0 0 1px #ffb9384d}50%{border-color:#ffb938;box-shadow:inset 0 0 10px 1px #ffb93899}to{border-color:#ffb93866;box-shadow:inset 0 0 0 1px #ffb9384d}}.current-day-highlight{z-index:1;position:relative;background:#ffb9380d!important;animation:2s ease-in-out infinite pulseBorderDay!important}.cleaning-grid-table-wrapper{border:1px solid var(--glass-border);border-radius:0;margin-top:15px;overflow-x:auto}.cleaning-grid-table{border-collapse:collapse;text-align:center;width:100%}.cleaning-grid-table th{background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-main);padding:10px 8px;font-size:13.5px;font-weight:400}.cleaning-grid-table td{border:1px solid var(--glass-border);background:#1f1c1866;padding:12px 8px;font-size:13px}.cleaning-grid-table .day-col{color:var(--text-main);background:var(--bg-secondary);width:120px;font-weight:400}.cleaning-grid-table .day-col .date-subtext{color:var(--text-muted);margin-top:2px;font-size:11px;font-weight:400;display:block}.cleaning-grid-table .empty-cell{color:var(--text-dark);font-weight:400}.cleaning-checkbox{cursor:pointer;background:#00000059;border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;margin:0 auto;transition:all .2s;display:flex}.cleaning-checkbox:hover{border-color:var(--primary);background:#ffb9381a}.cleaning-checkbox.checked{background:var(--success);border-color:var(--success);color:#fff;box-shadow:0 0 10px #10b9814d}.week-row{transition:all .15s}.week-row:hover{background:#ffb93826!important}.week-row td{border-bottom:none!important}@keyframes pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.btn-orange-outline{color:#ffb938;cursor:pointer;font-size:13px;font-weight:400;font-family:var(--font-family);box-shadow:none;text-shadow:none;background:#ffb9380d;border:1px solid #ffb93866;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-orange-outline:hover{color:#ffb938;background:#ffb93826;border-color:#ffb938;transform:translateY(-1px);box-shadow:0 0 12px #ffb93826}.btn-orange-outline:active{transform:translateY(0)}.btn-red-outline{color:#ff6b6b;cursor:pointer;font-size:13px;font-weight:400;font-family:var(--font-family);box-shadow:none;text-shadow:none;background:#ff4d4d0d;border:1px solid #ff4d4d59;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-red-outline:hover{color:#ff4d4d;background:#ff4d4d29;border-color:#ff4d4d;transform:translateY(-1px);box-shadow:0 0 12px #ff4d4d33}.btn-red-outline:active{transform:translateY(0)}.btn-logout-header{color:#ff6b6b;cursor:pointer;text-shadow:none;box-shadow:none;font-size:12px;font-weight:400;font-family:var(--font-family);background:#ff4d4d0f;border:1px solid #ff4d4d4d;border-radius:6px;align-items:center;gap:6px;margin:0;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-logout-header:hover{color:#ff4d4d;background:#ff4d4d2e;border-color:#ff4d4d;transform:translateY(-1px);box-shadow:0 0 12px #ff4d4d33}.btn-logout-header:active{transform:translateY(0)}.falling-items-container{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.falling-item{pointer-events:none;user-select:none;justify-content:center;align-items:center;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite;display:flex;position:absolute;top:-80px}@keyframes fall{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.85}90%{opacity:.85}to{opacity:0;transform:translateY(800px)rotate(360deg)}}[data-theme=light]{--bg-primary:#edeae2;--bg-secondary:#fff;--bg-tertiary:#dfd5c3;--glass-bg:#fffffffa;--glass-border:#8c786440;--glass-highlight:#fffc;--primary:#ffb938;--primary-hover:#ffb938;--primary-glow:#ffb93840;--secondary:#ffb938;--secondary-glow:#ffb93826;--orange:#ffb938;--orange-glow:#ffb93826;--text-main:#1c150e;--text-muted:#534538;--text-dark:#7b6a5a;--success:#10b981;--success-glow:#10b98126;--error:#ef4444;--error-glow:#ef444426;--warning:#ffb938;--shadow-main:0 10px 25px #1c150e14;--header-stats-bg:#dfd8cb;--header-stat-item-bg:#fff;--card-sub-bg:#f7f6f2}[data-theme=light] .sidebar{background:#f4f0e6!important;border-right:2.5px solid #d4c5b3!important}[data-theme=light] .sidebar-user{background:#fff!important;border:1.5px solid #d4c5b3!important}[data-theme=light] .sidebar ul li{border-bottom:1px solid #a08c781f!important}[data-theme=light] .sidebar-link{color:#3d3228!important;font-weight:400!important;transition:all .2s!important}[data-theme=light] .sidebar-link:hover{color:#ffb938!important;background:#ffb93814!important}[data-theme=light] .sidebar-link.active{color:#fff!important;background:#ffb938!important;border-radius:8px!important;font-weight:400!important;box-shadow:0 4px 12px #ffb93840!important}[data-theme=light] .header{background:#fff!important;border-bottom:2.5px solid #d4c5b3!important}[data-theme=light] .panel-card,[data-theme=light] .panel-table-container,[data-theme=light] .stat-card,[data-theme=light] .recent-stats-container,[data-theme=light] .cleaning-summary-box,[data-theme=light] .summary-box,[data-theme=light] .expense-summary-mini{background:#fff!important;border:1.5px solid #d4c5b3!important;box-shadow:0 4px 15px #1c150e0d!important}[data-theme=light] .panel-title,[data-theme=light] .stat-title,[data-theme=light] .header-title{color:#1c150e!important}[data-theme=light] table{border-collapse:collapse!important;border:1.5px solid #d4c5b3!important}[data-theme=light] th{color:#1c150e!important;background-color:#ebdcc9!important;border:1.5px solid #d4c5b3!important;border-bottom:2.5px solid #bdae9c!important;padding:10px 12px!important;font-weight:400!important}[data-theme=light] td{color:#373028!important;border:1.5px solid #ebdcc9!important;padding:10px 12px!important}[data-theme=light] tr:nth-child(2n) td{background-color:#fbfbf9!important}[data-theme=light] tr:nth-child(odd) td{background-color:#fff!important}[data-theme=light] tr:hover td{background-color:#f5eedf!important}[data-theme=light] select,[data-theme=light] input:not([type=checkbox]):not([type=radio]),[data-theme=light] textarea{color:#1c150e!important;background:#fff!important;border:1.5px solid #c5bba8!important}[data-theme=light] select:focus,[data-theme=light] input:focus,[data-theme=light] textarea:focus{border-color:#ffb938!important;outline:none!important}[data-theme=light] button.btn-secondary,[data-theme=light] label.btn-secondary{color:#3d3228!important;background:#f4f0e6!important;border:1.5px solid #c5bba8!important;font-weight:400!important}[data-theme=light] button.btn-secondary:hover,[data-theme=light] label.btn-secondary:hover{background:#ebdcc9!important}.sidebar{min-width:280px}.mobile-menu-toggle{display:none!important}@media (width<=1024px){.mobile-menu-toggle{width:40px;height:40px;transition:var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;background:var(--bg-tertiary)!important;border:1px solid var(--glass-border)!important;color:var(--primary)!important;display:flex!important}.mobile-menu-toggle:hover{background:#ffb9381a!important}.header{gap:12px!important;padding:12px 16px!important}.sidebar{z-index:2000!important;width:280px!important;min-width:280px!important;height:100vh!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;left:-280px!important;box-shadow:5px 0 25px #000000b3!important}.sidebar.mobile-open{transform:translate(280px)!important}.sidebar-overlay{animation:.25s ease-out fadeIn;-webkit-backdrop-filter:blur(4px)!important;z-index:1999!important;background:#0009!important;position:fixed!important;inset:0!important}.dashboard-container{flex-direction:column!important}.main-content{width:100%!important;min-width:0!important}.dashboard-viewport{padding:16px!important}.stats-grid{grid-template-columns:1fr!important;gap:16px!important}.welcome-banner{margin-bottom:20px!important;padding:20px!important}.welcome-title{font-size:20px!important}.welcome-desc{font-size:13px!important}.data-table-wrapper,.shift-table-card,.cleaning-grid-table-wrapper,.panel-table-container{-webkit-overflow-scrolling:touch;width:100%!important;overflow-x:auto!important}.data-table,.shift-grid-table,.cleaning-grid-table{min-width:650px!important}.modal-content,.popup-content{width:95%!important;padding:20px 16px!important}.auth-card{padding:24px 20px!important}.auth-title{font-size:20px!important}.header>div[style*="max-width: fit-content"]{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;width:100%!important;max-width:100%!important;margin:10px 0 0!important;padding:12px!important}.header>div[style*="max-width: fit-content"]>div{width:100%!important}.header>div[style*="max-width: fit-content"]>div[style*="width: 1px"]{display:none!important}}@media (width<=768px){.header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:12px 14px!important}.header-title{white-space:normal!important;font-size:15px!important}.header-status-bar{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;box-sizing:border-box!important;justify-content:flex-start!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}.notice-no-scrollbar{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;width:100%!important;overflow-x:auto!important}.btn{min-height:38px!important;padding:8px 14px!important}.modal-content,.popup-content{border-radius:16px!important;width:96%!important;max-width:96%!important;padding:16px 12px!important}}.green-pulse-dot{background-color:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.5s infinite green-dot-pulse;display:inline-block;box-shadow:0 0 #22c55eb3}@keyframes green-dot-pulse{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.red-pulse-dot{background-color:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.5s infinite red-dot-pulse;display:inline-block;box-shadow:0 0 #ef4444b3}@keyframes red-dot-pulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.white-pulse-dot{background-color:#fff;border-radius:50%;width:8px;height:8px;animation:1.5s infinite white-dot-pulse;display:inline-block;box-shadow:0 0 #ffffffb3}@keyframes white-dot-pulse{0%{box-shadow:0 0 #ffffffb3}70%{box-shadow:0 0 0 6px #fff0}to{box-shadow:0 0 #fff0}}.orange-pulse-dot{background-color:#ff9f43;border-radius:50%;width:8px;height:8px;animation:1.5s infinite orange-dot-pulse;display:inline-block;box-shadow:0 0 #ff9f43b3}@keyframes orange-dot-pulse{0%{box-shadow:0 0 #ff9f43b3}70%{box-shadow:0 0 0 6px #ff9f4300}to{box-shadow:0 0 #ff9f4300}}.green-blink-text{animation:2s ease-in-out infinite green-text-blink;color:#22c55e!important}@keyframes green-text-blink{0%,to{opacity:.65;text-shadow:0 0 2px #22c55e26}50%{opacity:1;text-shadow:0 0 6px #22c55e80}}.blink-icon{animation:1.2s ease-in-out infinite icon-blink}@keyframes icon-blink{0%,to{opacity:.35;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}}.header-btn-blue:hover{opacity:1!important;filter:none!important;box-shadow:none!important;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%)!important;transform:none!important}.header-btn-green:hover{opacity:1!important;filter:none!important;box-shadow:none!important;background:linear-gradient(135deg,#15803d,#14532d)!important;transform:none!important}.header-btn-purple:hover{opacity:1!important;filter:none!important;box-shadow:none!important;background:linear-gradient(135deg,#6b21a8 0%,#4c1d95 100%)!important;transform:none!important}.notice-marquee-container{white-space:nowrap;width:100%;position:relative;overflow:hidden}.notice-marquee-content{will-change:transform;padding-left:100%;animation:20s linear infinite noticeMarquee;display:inline-block}.notice-marquee-container:hover .notice-marquee-content{animation-play-state:paused}@keyframes noticeMarquee{0%{transform:translate(0,0)}to{transform:translate(-100%)}}.notice-no-scrollbar::-webkit-scrollbar{display:none}.animated-notice-border{box-sizing:border-box;z-index:1;width:100%;max-width:100%;min-height:78px;box-shadow:none;background:#3932251c;border:1px solid #ffffff0f;border-radius:14px;align-items:center;display:flex;position:relative;overflow:hidden}.animated-notice-border:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ff8c0033 20%,#ff8c00 40%,#fff 50%,orange 60%,#ffa50040 80%,#0000 100%) 0 0/200% 100%;border-radius:12px;padding:2px;animation:3.5s linear infinite slideLinearNotice;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.animated-notice-text{background:linear-gradient(90deg,#ffb938 0%,#ff8c0080 20%,#ff8c00 40%,#fff 50%,orange 60%,#ffa50080 80%,#ffb938 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:30px;font-weight:700;animation:3.5s linear infinite slideLinearNotice;display:inline-block}@keyframes slideLinearNotice{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes blinkPulse{0%{opacity:1;filter:drop-shadow(0 0 8px #38bdf8cc)}50%{opacity:.3;filter:drop-shadow(0 0 2px #38bdf833)}to{opacity:1;filter:drop-shadow(0 0 8px #38bdf8cc)}}.blinking-user{color:#38bdf8;letter-spacing:.3px;align-items:center;gap:4px;font-weight:700;animation:1.2s ease-in-out infinite blinkPulse;display:inline-flex}.blinking-badge{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;animation:1s ease-in-out infinite blinkPulse;display:inline-flex;box-shadow:0 0 12px #ef4444cc}@keyframes redBlinkPulse{0%{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 0 16px #ef4444e6}50%{background:linear-gradient(135deg,#991b1b 0%,#7f1d1d 100%);box-shadow:0 0 4px #ef444433}to{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 0 16px #ef4444e6}}.red-blinking-btn{animation:1.2s ease-in-out infinite redBlinkPulse;color:#fff!important;border:1px solid #f87171!important}.dashboard-main-grid{box-sizing:border-box;grid-template-columns:minmax(0,1fr) 350px;gap:16px 20px;width:100%;max-width:100%;margin:0;padding-right:0;display:grid}.dashboard-col-left{flex-direction:column;grid-area:3/1/4/2;gap:20px;width:100%;min-width:0;display:flex}.dashboard-col-right{flex-direction:column;grid-area:3/2/4/3;gap:16px;width:100%;min-width:0;height:100%;display:flex;position:relative}.stock-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;width:100%;display:grid}.quick-actions-bar{border-bottom:1px solid #ffb93840;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;width:100%;margin-bottom:20px;padding-bottom:20px;display:flex}.events-banner-container{-webkit-overflow-scrolling:touch;flex-direction:row;align-items:stretch;gap:16px;width:100%;display:flex;overflow-x:auto}@media (width<=1200px){.stock-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1100px){.dashboard-main-grid{grid-template-columns:1fr!important}.dashboard-col-left,.dashboard-col-right{grid-area:auto/1/auto/-1!important}}@media (width<=768px){.quick-actions-bar{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;margin-bottom:14px!important;padding-bottom:14px!important;overflow-x:auto!important}.quick-actions-bar::-webkit-scrollbar{display:none}.stock-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.events-banner-container{flex-direction:column!important}.animated-notice-text{white-space:normal!important;text-align:center!important;font-size:16px!important}}@media (width<=480px){.stock-grid{grid-template-columns:1fr!important}}@keyframes floatOrb{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.75;transform:scale(1.06)}}@keyframes floatOrb2{0%,to{opacity:.45;transform:scale(1.05)}50%{opacity:.7;transform:scale(.96)}}.glass-glow-orb{filter:blur(80px);pointer-events:none;z-index:0;opacity:.65;border-radius:50%;position:absolute}.orb-blue{background:radial-gradient(circle,#3b82f62e 0%,#2563eb08 70%);animation:12s ease-in-out infinite floatOrb}.orb-cyan{background:radial-gradient(circle,#38bdf82e 0%,#0ea5e908 70%);animation:15s ease-in-out infinite floatOrb2}.orb-purple{background:radial-gradient(circle,#a855f726 0%,#9333ea08 70%);animation:18s ease-in-out infinite floatOrb}.orb-emerald{background:radial-gradient(circle,#22c55e26 0%,#10b98108 70%);animation:14s ease-in-out infinite floatOrb2}.glass-panel-wrapper{background:#3932251c;border:1px solid #ffffff1f;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000080,inset 0 1px #ffffff2e,inset 0 -1px #0006}.glass-header-sticky{background:#3932251c;border-bottom:1px solid #ffffff1a;box-shadow:0 10px 30px #0003,inset 0 1px #ffffff26}.glass-card-ultra{background:#3932251c;border:1px solid #ffffff1f;border-radius:20px;transition:all .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 12px 36px #0000004d,inset 0 1px #ffffff26,inset 0 -1px #0003}.glass-card-ultra:hover{border-color:#ffffff47;box-shadow:0 16px 40px #00000073,0 0 25px #ffffff14,inset 0 1px #ffffff4d}.glass-card-accent-gold{border-color:#ffb93859;box-shadow:0 12px 36px #0000004d}.glass-card-accent-gold:hover{border-color:#ffb93899;box-shadow:0 16px 40px #00000073}.glass-card-accent-cyan{border-color:#38bdf859;box-shadow:0 12px 36px #0000004d,0 0 20px #38bdf81f}.glass-card-accent-cyan:hover{border-color:#38bdf899;box-shadow:0 16px 40px #00000073,0 0 35px #38bdf84d}.glass-card-accent-emerald{border-color:#22c55e59;box-shadow:0 12px 36px #0000004d,0 0 20px #22c55e1f}.glass-card-accent-emerald:hover{border-color:#22c55e99;box-shadow:0 16px 40px #00000073,0 0 35px #22c55e4d}.glass-card-accent-purple{border-color:#a855f759;box-shadow:0 12px 36px #0000004d,0 0 20px #a855f71f}.glass-card-accent-purple:hover{border-color:#a855f799;box-shadow:0 16px 40px #00000073,0 0 35px #a855f74d}.glass-card-accent-rose{border-color:#ef444459;box-shadow:0 12px 36px #0000004d,0 0 20px #ef44441f}.glass-card-accent-rose:hover{border-color:#ef444499;box-shadow:0 16px 40px #00000073,0 0 35px #ef44444d}.glass-pill-nav{background:#3932251c;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff14}.glass-pill-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;padding:8px 18px;font-size:12.5px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-pill-btn:hover{color:#f8fafc;background:#ffffff0f}.glass-pill-btn.active{color:#ffb938;box-shadow:none;background:linear-gradient(135deg,#ffb93847 0%,#f59e0b1f 100%);border-color:#ffb93880;font-weight:700}.glass-action-btn{-webkit-backdrop-filter:blur(12px);color:#e2e8f0;cursor:pointer;box-shadow:none;background:#ffffff0d;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:8px;padding:9px 18px;font-size:12.5px;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.glass-action-btn:hover{color:#fff;box-shadow:none;background:#ffffff1f;border-color:#ffffff4d}.glass-action-btn-primary{color:#ffb938;box-shadow:none;background:linear-gradient(135deg,#ffb9384d 0%,#f59e0b26 100%);border-color:#ffb9388c}.glass-action-btn-primary:hover{color:#fff;box-shadow:none;background:linear-gradient(135deg,#ffb93873 0%,#f59e0b40 100%);border-color:#ffb938cc}.glass-table-matrix{border-collapse:separate;border-spacing:0;width:100%}.glass-table-matrix th{-webkit-backdrop-filter:blur(14px);color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;background:#ffffff0a;border-bottom:1px solid #ffffff1a;padding:16px 18px;font-size:11.5px;font-weight:700}.glass-table-matrix tbody tr{transition:all .2s}.glass-table-matrix tbody tr:hover{box-shadow:inset 0 0 20px #ffb93814;background:#ffffff0d!important}.glass-table-matrix td{border-bottom:1px solid #ffffff0d;padding:16px 18px}.glass-input-field{-webkit-backdrop-filter:blur(14px);color:#ffb938;background:#0c0a08bf;border:1px solid #ffb93866;border-radius:12px;outline:none;padding:8px 16px;font-size:12.5px;font-weight:600;transition:all .25s;box-shadow:inset 0 2px 4px #0006}.glass-input-field:focus{border-color:#ffb938bf;box-shadow:0 0 20px #ffb93859,inset 0 2px 4px #0006}.glass-tag-badge{-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 10px #00000040,inset 0 1px #ffffff26}.glass-modal-fullscreen{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#000000c7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.glass-modal-window{background:linear-gradient(145deg,#1c1814f2 0%,#100e0cfa 100%);border:1px solid #ffffff29;border-radius:28px;flex-direction:column;width:100%;max-width:800px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 30px 80px #000000b3,0 0 45px #ffb93833,inset 0 1px #fff3}.blinking-notification{color:#fff;letter-spacing:.3px;cursor:pointer;background:linear-gradient(90deg,#3d0c0cf2 0%,#651111 25%,#b91c1c 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:400;transition:opacity .2s;display:inline-flex}.blinking-notification:hover{opacity:.9}.blinking-notification-icon{color:#fff;transform-origin:top;font-size:16px;animation:2s ease-in-out infinite shakeBell;display:inline-block}@keyframes buttonSway{0%,to{transform:rotate(0)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}@keyframes shakeBell{0%{transform:rotate(0)}10%{transform:rotate(20deg)}20%{transform:rotate(-20deg)}30%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}50%,to{transform:rotate(0)}}.blinking-notification-inactive{color:#64748b;cursor:pointer;background:#141414cc;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:500;transition:all .2s;display:inline-flex}.blinking-notification-inactive:hover{color:#94a3b8;background:#1e1e1ee6}.notification-popup{-webkit-backdrop-filter:blur(12px);z-index:100;background:linear-gradient(135deg,#1a1c1cfa 0% 100%);border:1px solid #ffffff1a;border-radius:12px;width:280px;animation:.2s cubic-bezier(.16,1,.3,1) popIn;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 10px 40px #0009,0 0 0 1px #00000080}@keyframes popIn{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.notification-popup-header{color:#e2e8f0;background:#ffffff05;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.notification-mark-read{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.notification-mark-read:hover{color:#ef4444;background:#ef444426}.notification-popup-body{padding:16px}@keyframes goldBorderBlink{0%,to{opacity:1;filter:drop-shadow(0 0 4px #ffb938e6)}50%{opacity:.15;filter:drop-shadow(0 0 #0000)}}.highlight-note-row{z-index:10!important;background:0 0!important;animation:.9s ease-in-out infinite goldBorderBlink!important}.highlight-note-row td{box-shadow:none!important;background:0 0!important;border:2px solid #ffb938!important;border-left:none!important;border-right:none!important}.highlight-note-row td:first-child{border-left:2px solid #ffb938!important;border-top-left-radius:6px!important;border-bottom-left-radius:6px!important}.highlight-note-row td:last-child{border-right:2px solid #ffb938!important;border-top-right-radius:6px!important;border-bottom-right-radius:6px!important}.payment-status-tooltip-container:hover .custom-hover-tooltip{opacity:1!important;visibility:visible!important;transform:translate(-50%)translateY(6px)!important}.shift-note-square-badge{transition:all .2s ease-in-out;position:absolute}.shift-note-square-badge:hover{transform:scale(1.1);box-shadow:0 4px 10px #0009!important}.shift-note-tooltip{-webkit-backdrop-filter:blur(14px);color:#fff;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;z-index:1050;text-align:center;background:#161310f5;border:1px solid #ffb93873;border-radius:8px;min-width:160px;max-width:220px;padding:8px 12px;font-size:11.5px;transition:all .2s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-4px);box-shadow:0 10px 25px #000c}.shift-note-tooltip:after{content:"";border:5px solid #0000;border-top-color:#ffb93873;position:absolute;top:100%;left:50%;transform:translate(-50%)}.shift-note-square-badge:hover .shift-note-tooltip,td:hover>.shift-note-square-badge .shift-note-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(-8px)}