@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,700;1,800&display=swap";:root{--bg-base: #0F1116;--bg-surface: #1B1D26;--bg-card: #212438;--border: #2E334D;--text-primary: #FFFFFF;--text-secondary: #E2E8F0;--primary: #6366F1;--accent: #A855F7;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--sidebar-w: 240px;--header-h: 70px;--sidebar-bg: #1B1D26}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);height:100%;background-color:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:transform .3s ease;z-index:1000}@media (max-width: 768px){.sidebar{position:fixed;top:0;bottom:0;left:-280px;width:260px;height:100vh;z-index:9999;transition:left .3s ease;transform:none!important}.sidebar.mobile-open{left:0;transform:none!important}}.food-portal-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:32px}@media (max-width: 1024px){.food-portal-grid{grid-template-columns:1fr;gap:24px}}@media (max-width: 768px){.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-overlay.open{opacity:1;pointer-events:auto}}.brand{height:var(--header-h);display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--border);gap:12px}.brand-logo{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.brand-text{font-weight:800;font-size:22px;letter-spacing:1.5px}.brand-subtext{font-size:12px;color:var(--text-secondary);font-weight:700}.nav-menu{flex:1;overflow-y:auto;padding:16px 12px}.nav-section-title{font-size:10px;font-weight:800;color:#fff!important;text-transform:uppercase;margin:24px 0 12px 12px;letter-spacing:1px;display:flex;align-items:center;gap:8px;opacity:.95!important}.nav-section-title svg{opacity:1!important;color:#fff!important}.nav-section-title.active-section{color:var(--primary)!important;opacity:1!important}.nav-group{background:#ffffff08;border-radius:12px;padding:4px;margin-bottom:8px;border:1px solid rgba(255,255,255,.08)}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:10px;color:#ffffffe6!important;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;margin-bottom:2px}.nav-item svg{color:#ffffffd9!important;transition:all .3s ease}.nav-item:hover{background-color:#ffffff1f!important;color:#fff!important;transform:translate(4px)}.nav-item:hover svg{color:#fff!important}.nav-item.active{background:linear-gradient(90deg,#5570f140,#5570f114)!important;color:var(--primary)!important;font-weight:700;border-left:3px solid var(--primary);border-radius:0 10px 10px 0;padding-left:13px}.nav-item.active svg{color:var(--primary)!important}.logout-item{color:#ef4444!important;margin-top:8px}.logout-item svg{color:#ef4444!important}.logout-item:hover{background-color:#ff686026!important;color:#ef4444!important}.sidebar-badge{background-color:var(--danger);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;margin-left:auto;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1}.sidebar-footer{padding:16px 12px;border-top:1px solid rgba(255,255,255,.08);background:#00000026}.main-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.header{height:var(--header-h);background-color:var(--bg-base);display:flex;align-items:center;justify-content:space-between;padding:0 32px}.header-left{display:flex;align-items:center;gap:24px}.company-selector{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer}.search-bar{display:flex;align-items:center;gap:8px;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:8px 16px;width:300px}.search-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;height:48px;transition:all .3s ease}.search-input:focus{outline:none;background:#ffffff14;border-color:var(--primary);box-shadow:0 0 0 4px #5570f11a}.search-container-premium{position:relative;width:300px}.search-icon-premium{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary);opacity:.7;pointer-events:none}.search-input-premium{width:100%;padding:12px 16px 12px 42px;background:#ffffff08;border:1px solid var(--border);border-radius:12px;color:#fff;font-size:14px;outline:none;transition:all .3s ease;height:44px}.search-input-premium:focus{border-color:var(--primary);background:#ffffff0d;box-shadow:0 0 0 4px #5570f11a}.select-premium{height:44px;background:#ffffff08;border:1px solid var(--border);border-radius:12px;color:#fff;font-size:14px;outline:none;padding:0 32px 0 16px;cursor:pointer;transition:all .3s ease;min-width:200px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.select-premium:hover{background-color:#ffffff0d;border-color:#fff3}.select-premium:focus{border-color:var(--primary);background-color:#ffffff0d;box-shadow:0 0 0 4px #5570f11a}.select-premium option{background-color:#16181f!important;color:#fff!important}.search-bar input{background:none;border:none;outline:none;color:var(--text-primary);font-size:14px;width:100%}.search-bar input::placeholder{color:var(--text-secondary)}.header-right{display:flex;align-items:center;gap:16px}.icon-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:.2s}.icon-btn:hover{background-color:#ffffff0d;color:var(--text-primary)}.avatar{width:36px;height:36px;border-radius:8px;background-color:var(--bg-card);border:1px solid var(--border);cursor:pointer}.content{flex:1;overflow-y:auto;padding:32px 32px 96px}.page-title{font-size:24px;font-weight:700;margin-bottom:4px}.page-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:32px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.stat-card{background-color:var(--bg-card);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.stat-header{display:flex;justify-content:space-between;align-items:flex-start}.stat-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.stat-value{font-size:28px;font-weight:700}.stat-label{font-size:13px;color:var(--text-secondary);font-weight:500}.stat-footer{font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:#1b1d2666;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.05);box-shadow:0 12px 40px #0003;transition:all .3s cubic-bezier(.4,0,.2,1)}.panel:hover{box-shadow:0 20px 60px #0000004d;transform:translateY(-2px);border-color:#ffffff1a}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-title{font-size:16px;font-weight:600}.badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;background-color:#00b69b1a;color:var(--success)}.data-table th{text-align:left;font-size:11px;color:var(--text-secondary);text-transform:uppercase;font-weight:700;padding:8px 16px!important;border-bottom:1px solid var(--border);letter-spacing:.5px;background-color:#1b1d26;position:sticky;top:0;z-index:10}.data-table td{padding:8px 16px!important;font-size:13px;border-bottom:1px solid rgba(46,51,77,.3)}.data-table tbody tr{transition:all .2s}.data-table tbody tr:hover{background-color:#ffffff08}.data-table tr:last-child td{border-bottom:none}.status-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;display:inline-block}.status-active{background-color:#00b69b1a;color:var(--success)}.status-draft{background-color:#9aa0b61a;color:var(--text-secondary)}.status-progress{background-color:#5570f11a;color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #5570f133}.btn-primary:hover{background:#6b85f3;transform:translateY(-2px);box-shadow:0 8px 20px #5570f166}.btn-gradient{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none;box-shadow:0 8px 20px #5570f140}.btn-gradient:hover{transform:translateY(-2px);box-shadow:0 12px 24px #5570f159;opacity:1}.btn-outline{background:#ffffff08;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important}.btn-outline:hover{background:#ffffff1f!important;transform:translateY(-2px);border-color:#ffffff80!important}.btn svg,.btn-outline svg,.btn-premium svg,.btn-gradient svg{stroke:currentColor!important;color:currentColor!important}.form-group{margin-bottom:24px;position:relative}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-align:left}.form-input{width:100%;background:#0f111666;border:1px solid var(--border);border-radius:10px;padding:12px 16px;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;transition:all .2s ease}.form-input:focus{box-shadow:0 0 0 4px #5570f11a}.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:focus,.form-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #13151a inset!important;-webkit-text-fill-color:#fff!important;transition:background-color 5000s ease-in-out 0s}input[type=date],input[type=time],input[type=datetime-local]{color-scheme:white!important}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1)!important;opacity:1!important;cursor:pointer}svg.lucide-clock,svg.lucide-calendar,svg.lucide-calendar-days,svg.lucide-calendar-plus,svg.lucide-calendar-range,svg.lucide-calendar-clock{color:#fff!important;stroke:#fff!important}select.form-input,select.form-input option{background-color:#16181f!important;color:var(--text-primary)!important}.custom-select-container{position:relative;width:100%}.custom-select-trigger{width:100%;background:#0f111666;border:1px solid var(--border);border-radius:10px;padding:12px 16px;color:var(--text-primary);font-size:14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.custom-select-trigger:hover{background:#0f111699;border-color:#fff3}.custom-select-trigger.open{border-color:var(--primary);background:#0f1116b3;box-shadow:0 0 0 4px #5570f11a}.custom-select-trigger.disabled{opacity:.5;cursor:not-allowed;background:#0003;border-color:#ffffff0d}.custom-select-trigger .placeholder{color:var(--text-secondary)}.custom-select-trigger .arrow{transition:transform .3s ease;color:var(--text-secondary)}.custom-select-trigger .arrow.rotated{transform:rotate(180deg)}.custom-select-options{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#121420bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:12px;max-height:320px;overflow-y:auto;z-index:1000;box-shadow:0 20px 50px #0009;animation:fadeInDown .2s ease-out;scrollbar-width:thin;scrollbar-color:var(--primary) transparent}.custom-select-options::-webkit-scrollbar{width:6px}.custom-select-options::-webkit-scrollbar-track{background:transparent}.custom-select-options::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:20px;border:2px solid transparent}.custom-option{padding:12px 16px;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.custom-option:hover{background:#ffffff0d;color:var(--text-primary)}.custom-option.selected{background:#5570f11a;color:var(--primary);font-weight:600}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.select-search-container{padding:8px;border-bottom:1px solid var(--border);background:#0000001a;position:sticky;top:0;z-index:10}.select-search-input{width:100%;background:#0f111699;border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text-primary);font-size:13px;outline:none;transition:all .2s ease}.select-search-input:focus{border-color:var(--primary);background:#0f1116cc;box-shadow:0 0 0 4px #5570f11a}.custom-option.disabled{color:var(--text-secondary);font-style:italic;cursor:default;text-align:center;padding:16px;opacity:.6}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #00000080}.modal form{display:flex;flex-direction:column;height:100%;overflow:hidden}.modal-header{padding:24px;border-bottom:1px solid var(--border);display:flex;justify-content:center;align-items:center;position:relative;flex-shrink:0}.modal-title{font-size:18px;font-weight:700;color:var(--text-primary);text-align:center}.modal-close-btn{position:absolute;right:20px;background:#fff;color:#000;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0003}.modal-close-btn:hover{transform:scale(1.05);background:#f0f0f0}.modal-body{padding:32px 32px 100px;text-align:left;overflow-y:auto;flex:1}.modal-footer{padding:20px 32px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;flex-shrink:0;background:var(--bg-surface)}.rbc-calendar{background:var(--bg-card);border-radius:12px;padding:16px;border:1px solid var(--border)}.rbc-header{padding:8px;font-weight:600;font-size:14px;border-bottom:1px solid var(--border);color:var(--text-secondary)}.rbc-month-view{border:1px solid var(--border);border-radius:8px;overflow:hidden}.rbc-day-bg{border-left:1px solid var(--border)}.rbc-month-row{border-top:1px solid var(--border)}.rbc-off-range-bg{background:#ffffff05}.rbc-date-cell{padding:8px;font-size:13px;font-weight:500}.rbc-event{background-color:var(--primary);border-radius:4px;padding:2px 6px;font-size:12px}.rbc-event-content{font-weight:500}.rbc-today{background-color:#5570f10d}.flex-between{display:flex;justify-content:space-between;align-items:center}.mb-24{margin-bottom:24px}.login-wrapper{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:var(--bg-base);position:relative;overflow:hidden}.ambient-glow{position:absolute;border-radius:50%;filter:blur(120px);z-index:0;opacity:.6}.glow-1{width:600px;height:600px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);top:-150px;left:-150px}.glow-2{width:500px;height:500px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);bottom:-100px;right:-100px;opacity:.4}.login-container{display:flex;width:1000px;height:600px;background:#21243866;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:24px;overflow:hidden;box-shadow:0 24px 60px #0006;z-index:1}.login-left{flex:1.2;padding:60px;background:linear-gradient(135deg,#5570f11a,#8e54e90d);border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column}.brand-logo-large{display:flex;align-items:center;gap:16px;margin-bottom:32px}.brand-logo-large .logo-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px;color:#fff;box-shadow:0 8px 16px #5570f14d}.brand-logo-large h2{font-size:24px;font-weight:700;letter-spacing:-.5px}.login-tagline{font-size:16px;line-height:1.6;color:var(--text-secondary);margin-bottom:auto}.login-stats{display:flex;gap:32px;margin-top:40px}.stat-item h4{font-size:24px;font-weight:800;color:var(--text-primary);margin-bottom:4px}.stat-item span{font-size:12px;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.login-right{flex:1;padding:60px;display:flex;flex-direction:column;justify-content:center;background:#1b1d2699}.login-header{margin-bottom:40px}.login-header h3{font-size:28px;font-weight:700;margin-bottom:8px}.login-header p{font-size:14px;color:var(--text-secondary)}.login-form{display:flex;flex-direction:column;gap:24px}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:var(--text-secondary)}.login-input{padding-left:48px;height:52px;background:#0f111699;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.login-input:focus{background:#0f1116e6;border-color:var(--primary);box-shadow:0 0 0 4px #5570f11a}.forgot-password{text-align:right;margin-top:8px}.forgot-password a{font-size:13px;color:var(--primary);text-decoration:none;font-weight:500;transition:color .2s}.forgot-password a:hover{color:var(--accent)}.login-btn{height:52px;border-radius:12px;display:flex;justify-content:center;align-items:center;gap:12px;font-size:16px;margin-top:8px;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 8px 20px #5570f140}.login-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #5570f159}.login-footer{margin-top:40px;text-align:center;font-size:14px;color:var(--text-secondary)}.login-footer a{color:var(--primary);text-decoration:none;font-weight:600;margin-left:4px}.login-footer a:hover{text-decoration:underline}@media (max-width: 1024px){.login-container{width:90%;height:auto;flex-direction:column}.login-left{padding:40px;border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}.login-right{padding:40px}}@media (max-width: 600px){.login-stats{flex-direction:column;gap:16px}}.dropdown-item{transition:background-color .2s}.dropdown-item:hover{background-color:#ffffff0d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.btn-action{background:var(--bg-surface);border:1px solid rgba(85,112,241,.2);border-radius:8px;padding:8px;color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.btn-action:hover{background:#5570f11a;border-color:var(--primary);color:var(--primary);box-shadow:0 4px 12px #5570f140;transform:translateY(-2px)}.btn-action:active{transform:translateY(0)}.btn-print{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease}.btn-print:hover{background:#fff;color:#000;box-shadow:0 4px 16px #fff3;transform:translateY(-1px)}.btn-premium{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #5570f133}.btn-premium:hover{background:#6b85f3;transform:translateY(-2px);box-shadow:0 8px 20px #5570f166}.btn-premium:active{transform:translateY(0)}.btn-add-subtle{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 16px;color:#fff;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.btn-add-subtle:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.detail-value{font-weight:600;color:#fff;margin-top:4px;font-size:14px}@media print{.sidebar,.header,.nav-menu,.no-print,button:not(.print-visible),.btn,.btn-action,.modal-close-btn,.modal-footer{display:none!important}.app-container,.main-wrapper{display:block!important;height:auto!important;overflow:visible!important}.content{padding:0!important;margin:0!important;overflow:visible!important}body.printing-profile-modal .page-container,body.printing-profile-modal .stats-container,body.printing-profile-modal .panel,body.printing-profile-modal .modal-overlay{display:none!important}body.printing-profile-modal .printable-dossier{display:block!important}body{background:#fff!important;color:#000!important}.panel,.modal{background:#fff!important;color:#000!important;box-shadow:none!important;border:none!important;margin:0!important;padding:0!important;width:100%!important;max-width:none!important;position:relative!important;display:block!important}.modal-overlay{background:#fff!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;padding:0!important;display:block!important;z-index:99999!important}.data-table th{background:#f9f9f9!important;color:#333!important;border-bottom:2px solid #333!important}.data-table td{color:#333!important;border-bottom:1px solid #eee!important}.badge{border:1px solid #ccc!important;background:#fff!important;color:#000!important}.detail-value,.modal h3,.modal h4,.modal p,.modal div{color:#000!important}.modal label{color:#666!important}.modal .badge{border:1px solid #000!important;color:#000!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.btn-pagination{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-pagination:hover:not(:disabled){background:#5570f126;border-color:var(--primary);color:#fff;transform:translateY(-3px);box-shadow:0 12px 24px -10px #00000080}.btn-pagination:active:not(:disabled){transform:translateY(-1px)}.btn-pagination:disabled{opacity:.15;cursor:not-allowed}.btn-pagination-num{background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-pagination-num:hover:not(.active){background:#ffffff14;border-color:#ffffff1a;color:#fff;transform:translateY(-2px)}.btn-pagination-num.active{background:linear-gradient(135deg,var(--primary),#7B9AF3);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 8px 16px -4px #5570f166;transform:scale(1.05)}.pagination-info{color:var(--text-secondary);font-size:14px;letter-spacing:.3px}.pagination-info b{color:var(--text-primary);font-weight:700}.printable-dossier{display:none;font-family:Inter,Segoe UI,serif;color:#1a1a1a;background:#fff;padding:40px}.dossier-header{display:flex;flex-direction:column;align-items:center;text-align:center;border-bottom:2px solid #1a1a1a;padding-bottom:20px;margin-bottom:30px;gap:15px}.dossier-logo{display:flex;align-items:center;gap:15px}.dossier-logo img{height:50px;object-fit:contain}.dossier-company-name{font-weight:800;font-size:22px;letter-spacing:2px;text-transform:uppercase}.dossier-doc-type{text-align:center}.dossier-doc-type h1{font-size:22px;font-weight:800;margin:0;color:#000}.dossier-doc-type p{font-size:12px;text-transform:uppercase;color:#666;margin-top:4px}.dossier-summary{display:flex;align-items:center;gap:30px;margin-bottom:40px}.dossier-photo{width:120px;height:140px;border:1px solid #ddd;padding:5px}.dossier-photo img{width:100%;height:100%;object-fit:cover}.photo-placeholder{width:100%;height:100%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#ccc}.dossier-name{font-size:28px;font-weight:800;color:#000;margin-bottom:8px}.dossier-id{font-size:14px;color:#444}.dossier-status-badge{display:inline-block;margin-top:15px;padding:4px 12px;border:1px solid #000;font-weight:700;font-size:11px}.dossier-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.dossier-section{margin-bottom:30px}.dossier-section.full-width{grid-column:span 2}.dossier-section h3{font-size:13px;font-weight:800;border-bottom:1px solid #eee;padding-bottom:8px;margin-bottom:15px;color:#000}.dossier-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.dossier-row span{color:#666}.dossier-table{width:100%;border-collapse:collapse}.dossier-table th{text-align:left;font-size:11px;background:#f9f9f9;padding:8px;border:1px solid #eee}.dossier-table td{font-size:11px;padding:8px;border:1px solid #eee}.dossier-footer{margin-top:60px;display:flex;justify-content:space-between;align-items:flex-end}.dossier-meta{font-size:10px;color:#999}.dossier-signature{text-align:center;width:200px}.signature-line{border-top:1px solid #000;margin-bottom:8px}.dossier-signature p{font-size:12px;font-weight:600}.app-container.is-themed .sidebar{background-color:#1a1c21bf!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-container.is-themed .header,.app-container.is-themed .main-wrapper,.app-container.is-themed .content,.login-wrapper.is-themed{background-color:transparent!important}.app-container.is-themed .panel{background:#21243899!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1)}.app-container.is-themed .brand{border-bottom:1px solid rgba(255,255,255,.05)}.app-container.is-themed .sidebar-footer{background:transparent;border-top:1px solid rgba(255,255,255,.05)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:20px;border:2px solid transparent}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#fff3}.column-visibility-container{position:relative;display:inline-block}.column-visibility-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:12px;width:220px;box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #00000080;z-index:50;display:flex;flex-direction:column;gap:8px;animation:fadeInDown .2s ease-out}.column-visibility-header{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:4px}.column-visibility-list{display:flex;flex-direction:column;gap:2px;max-height:450px;overflow-y:auto}.column-visibility-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;color:var(--text-secondary);font-size:13px;font-weight:500}.column-visibility-item:hover{background:#ffffff0a;color:var(--text-primary)}.column-visibility-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:1.5px solid var(--border);border-radius:4px;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:#0003;position:relative}.column-visibility-checkbox:checked{background:var(--primary);border-color:var(--primary)}.column-visibility-checkbox:checked:after{content:"";width:4px;height:8px;border:solid white;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translate(-.5px,-1px);position:absolute}.developer-mode,.developer-mode *{font-family:JetBrains Mono,Fira Code,Courier New,monospace!important}.scanline{position:relative}.scanline:before{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#0000001f 50%);background-size:100% 4px;z-index:9999;pointer-events:none;opacity:.35}.developer-mode{background-image:linear-gradient(rgba(0,242,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,242,255,.02) 1px,transparent 1px)!important;background-size:30px 30px!important}.datepicker-container,.datepicker-trigger-wrapper{position:relative;width:100%}.datepicker-trigger-input{cursor:pointer!important;-webkit-user-select:none;user-select:none}.datepicker-popover{position:absolute;top:calc(100% + 8px);left:0;background:#1b1d26f2;border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 50px #0009;padding:16px;width:320px;z-index:1010;animation:fadeInDown .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.datepicker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:8px}.datepicker-nav-btn{background:#ffffff0d;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.datepicker-nav-btn:hover{background:#ffffff1a;border-color:#fff3}.datepicker-selectors{display:flex;gap:8px;flex:1}.datepicker-select{background:#0f111699;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:13px;font-weight:600;padding:4px 8px;flex:1;outline:none;cursor:pointer}.datepicker-select option{background:var(--bg-surface);color:var(--text-primary)}.datepicker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:11px;font-weight:700;color:var(--text-secondary);opacity:.6;margin-bottom:8px;text-transform:uppercase}.datepicker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.datepicker-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;color:var(--text-primary);border:1px solid transparent}.datepicker-day:hover:not(.empty):not(.disabled){background:#ffffff14}.datepicker-day.adjacent-month{color:var(--text-secondary);opacity:.25}.datepicker-day.today{border-color:var(--primary);font-weight:700}.datepicker-day.selected{background:linear-gradient(135deg,var(--primary),var(--accent))!important;color:#fff!important;font-weight:700;box-shadow:0 4px 12px #6366f14d}.datepicker-footer{display:flex;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.datepicker-footer-btn{background:transparent;border:none;color:var(--primary);font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.datepicker-footer-btn:hover{background:#5570f11a}.datepicker-footer-btn.clear{color:var(--danger)}.datepicker-footer-btn.clear:hover{background:#ef44441a}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.mobile-menu-btn{display:none}@media (max-width: 768px){.is-employee-portal .header{padding:0 16px}.is-employee-portal .header-left .search-bar,.is-employee-portal .header-left .search-container-premium{display:none}.is-employee-portal .stats-grid,.is-employee-portal .bottom-grid{grid-template-columns:1fr}.is-employee-portal .content{padding:16px}.is-employee-portal .attendance-header-row{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.is-employee-portal .attendance-tabs-container{width:100%!important;display:flex!important;gap:4px!important;overflow-x:auto!important;white-space:nowrap!important}.is-employee-portal .attendance-tabs-container .btn-subtab{flex:1!important;padding:6px 10px!important;font-size:11px!important;white-space:nowrap!important;height:32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.is-employee-portal .data-table{font-size:10px!important}.is-employee-portal .data-table th{padding:6px 8px!important;font-size:9px!important;letter-spacing:.2px!important}.is-employee-portal .data-table td{padding:6px 8px!important;font-size:10px!important}.is-employee-portal .data-table td div{font-size:10px!important;gap:4px!important}.is-employee-portal .data-table td span{font-size:9px!important}.is-employee-portal .employees-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;margin-bottom:20px!important}.is-employee-portal .employees-panel-header{padding:12px 16px!important}.dashboard-main-grid,.dashboard-secondary-grid,.dashboard-dev-grid-primary,.dashboard-dev-grid-secondary{grid-template-columns:1fr!important;gap:16px!important}.dashboard-main-grid .panel,.dashboard-secondary-grid .panel{padding:16px!important}}@media (max-width: 768px){.is-employee-portal .mobile-menu-btn{display:block!important}}@media (max-width: 480px){.header{height:48px!important;padding:0 8px!important}.company-name-text,.header-user-info{display:none!important}.company-logo-container{width:28px!important;height:28px!important;padding:4px!important;border-radius:6px!important}.avatar{width:28px!important;height:28px!important;border-radius:6px!important}.topbar-notification-ticker{padding:0!important;border-radius:50%!important;width:28px!important;height:28px!important;min-width:28px!important;justify-content:center!important}.topbar-notification-ticker .ticker-text{display:none!important}.mobile-menu-btn{margin-right:8px!important}.birthday-notification-alert{position:fixed!important;top:56px!important;right:8px!important;z-index:9999!important;max-width:220px!important;padding:3px 10px 3px 3px!important;gap:8px!important;box-shadow:0 8px 30px #00000080!important;border-radius:30px!important}.birthday-notification-alert .bday-photo,.birthday-notification-alert .bday-photo-placeholder{width:28px!important;height:28px!important;font-size:11px!important}.birthday-notification-alert div[style*="width: 16px"]{width:12px!important;height:12px!important;bottom:-1px!important;right:-2px!important}.birthday-notification-alert div[style*="width: 16px"] svg{width:8px!important;height:8px!important}.birthday-notification-alert h4{font-size:11px!important}.birthday-notification-alert p,.birthday-notification-alert div{font-size:8px!important}.birthday-notification-alert button svg{width:12px!important;height:12px!important}.is-employee-portal .employees-stats-grid{grid-template-columns:1fr!important;gap:10px!important}}@media (max-width: 768px){body{font-size:10.5px!important}.sidebar{width:230px!important}.brand{height:44px!important;padding:0 12px!important;gap:8px!important}.brand-info .brand-text{font-size:14px!important}.brand-info .brand-subtext{font-size:9px!important}.sidebar-search{padding:6px 10px 4px!important}.sidebar-search input{height:28px!important;font-size:10.5px!important}.nav-menu{padding:6px!important}.nav-section-title{font-size:9px!important;margin:10px 0 6px 6px!important;letter-spacing:.5px!important}.nav-group{padding:2px!important;margin-bottom:4px!important}.nav-item{padding:6px 10px!important;font-size:11.5px!important;gap:8px!important;margin-bottom:1px!important}.nav-item svg{width:13px!important;height:13px!important}.sidebar-badge{font-size:9px!important;min-width:14px!important;height:14px!important;padding:1px 4px!important}h2.page-title{font-size:11px!important;margin-bottom:1px!important}p.page-subtitle{display:none!important}.content{padding:4px 4px 40px!important}.panel{padding:6px!important;border-radius:6px!important;margin-bottom:4px!important}.mb-24{margin-bottom:4px!important}.mb-32{margin-bottom:6px!important}.mb-16{margin-bottom:4px!important}svg:not(.brand svg):not(.sidebar svg):not(.header svg){width:10px!important;height:10px!important}.header svg,.sidebar svg{width:13px!important;height:13px!important}.data-table th,.data-table td{padding:3px 4px!important;font-size:8.5px!important}button:not(.btn-subtab),.btn,.btn-gradient{padding:2px 4px!important;font-size:8.5px!important;height:auto!important;min-height:20px!important;border-radius:4px!important}.btn-subtab{padding:2px 4px!important;font-size:8px!important;min-height:20px!important}input,select,textarea{padding:2px 6px!important;font-size:8.5px!important;height:22px!important;border-radius:4px!important}textarea{height:36px!important}.dashboard-main-grid,.dashboard-secondary-grid{gap:6px!important;margin-bottom:6px!important}div[style*=gridTemplateColumns],div[style*=grid-template-columns],.stats-grid{grid-template-columns:repeat(4,1fr)!important;gap:4px!important;margin-bottom:4px!important}.stat-card{padding:3px 4px!important;border-radius:4px!important;gap:2px!important}.stat-value{font-size:11px!important}.stat-label{font-size:7.5px!important;line-height:1!important}.badge{font-size:7.5px!important;padding:.5px 3px!important}.task-card,.card,.task-card-modern{padding:4px 6px!important;border-radius:4px!important;margin-bottom:3px!important;gap:3px!important}.task-card-modern .task-title-label{font-size:9px!important}.task-card-modern .task-project-label,.task-card-modern .task-client-label,.task-card-modern .task-meta-item{font-size:7.5px!important}.task-card-modern .task-progress-container{margin-top:2px!important;height:3px!important}}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse}.mobile-leave-list{display:none}.desktop-only-table{display:block}.profile-grid-container{display:grid;grid-template-columns:350px 1fr;gap:24px}.profile-salary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.profile-emergency-flex{display:flex;gap:40px}.sidebar-close-btn{display:none!important}@media (max-width: 768px){.sidebar-close-btn{display:flex!important}}.food-booking-panel{padding:24px}.food-category-card{background:#ffffff03;border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;position:relative}.food-category-title{color:#fff;font-size:16px;font-weight:700}.food-items-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.food-item-badge{background:#ffffff08;color:var(--text-primary);padding:8px 16px;border-radius:12px;font-size:13px;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:8px;font-weight:600;box-shadow:inset 0 1px #ffffff0d}.food-booked-status{background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between}@media (max-width: 768px){.is-employee-portal .food-booking-panel{padding:12px!important}.is-employee-portal .food-category-card{padding:12px!important;border-radius:12px!important;gap:10px!important}.is-employee-portal .food-category-title{font-size:14px!important}.is-employee-portal .food-items-list{gap:4px!important;margin-top:4px!important}.is-employee-portal .food-item-badge{padding:4px 10px!important;font-size:11px!important;border-radius:8px!important;gap:4px!important}.is-employee-portal .food-booked-status{padding:10px!important;border-radius:8px!important}}@media (max-width: 768px){.task-stats-counter-bar{gap:4px!important;margin-bottom:8px!important;flex-wrap:nowrap!important}.task-stat-card-item{flex:1 1 0%!important;padding:3px 5px!important;border-radius:4px!important;border-left-width:2px!important}.task-stat-card-item span:first-of-type{font-size:8px!important}.task-stat-card-item span:last-of-type{font-size:11px!important}.ai-copilot-trigger-container{width:32px!important;height:32px!important;bottom:12px!important;right:12px!important}.ai-copilot-trigger-btn{width:32px!important;height:32px!important}.ai-copilot-trigger-label{display:none!important}.dashboard-stats-grid{grid-template-columns:1fr!important;gap:8px!important;margin-bottom:8px!important}.dashboard-stats-grid .panel{padding:8px 12px!important;margin-bottom:0!important}.dashboard-stats-grid .panel div[style*="font-size: 32px"]{font-size:18px!important}.dashboard-stats-grid .panel div[style*="font-size: 13px"]{font-size:9px!important;margin-bottom:4px!important}.dashboard-stats-grid .panel a{margin-top:6px!important;font-size:9px!important}.dashboard-stats-grid .panel div[style*="padding: 12px"]{padding:6px!important;border-radius:8px!important}.dashboard-stats-grid .panel div[style*="padding: 12px"] svg{width:14px!important;height:14px!important}.dashboard-main-grid,.dashboard-secondary-grid{grid-template-columns:1fr!important;gap:8px!important;margin-bottom:8px!important}.panel table th{padding:4px 6px!important;font-size:9px!important}.panel table td{padding:4px 6px!important}.panel table td div[style*="font-size: 13px"]{font-size:10px!important}.panel table td div[style*="font-size: 10px"]{font-size:8px!important}.panel h3{font-size:11px!important;margin-bottom:8px!important}.panel .mb-24{margin-bottom:8px!important}.panel div[style*="padding: 12px"]{padding:6px 10px!important;border-radius:6px!important;gap:6px!important}.panel div[style*="font-size: 13px"]{font-size:10px!important}.panel div[style*="padding: 12px 16px"]{padding:6px 10px!important;border-radius:6px!important}.panel div[style*="width: 40px"]{width:24px!important;height:24px!important;border-radius:6px!important}.panel div[style*="width: 40px"] svg{width:12px!important;height:12px!important}.panel div[style*="font-size: 14px"]{font-size:10px!important}.panel div[style*="font-size: 11px"]{font-size:8px!important}.panel div[style*="padding: 20px"]{padding:8px 12px!important;border-radius:8px!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.panel div[style*="padding: 20px"] h4{font-size:11px!important}.panel div[style*="padding: 20px"] p{font-size:8.5px!important}.panel div[style*="padding: 20px"] button{padding:4px 10px!important;font-size:9px!important;min-height:20px!important}.panel div[style*="gridTemplateColumns: '1fr 1fr'"]{gap:8px!important}.panel div[style*="gridTemplateColumns: '1fr 1fr'"] div[style*="padding: 20px"]{padding:8px!important;border-radius:8px!important}.panel div[style*="gridTemplateColumns: '1fr 1fr'"] div[style*="padding: 20px"] svg{width:16px!important;height:16px!important;margin-bottom:4px!important}.panel div[style*="gridTemplateColumns: '1fr 1fr'"] div[style*="padding: 20px"] div[style*="font-size: 13px"]{font-size:9.5px!important}.company-calendar-weekdays{gap:2px!important;margin-bottom:2px!important}.company-calendar-weekdays div{font-size:8px!important;padding:2px 0!important}.company-calendar-days-grid{gap:2px!important;min-height:120px!important}.company-calendar-days-grid div{border-radius:4px!important;padding:2px!important}.company-calendar-days-grid span,.company-calendar-days-grid div[style*=font-size]{font-size:8px!important}.page-container div[style*="display: flex; gap: 12px; align-items: center"]{gap:4px!important}.page-container div[style*="margin-bottom: 24px"] button,.page-container div[style*="margin-bottom: 24px"] a{font-size:9px!important;padding:3px 6px!important;height:24px!important}.table-container{overflow-x:visible!important}.data-table{min-width:100%!important;display:block!important}.data-table thead{display:none!important}.data-table tbody{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important}.data-table tr{display:block!important;background:#ffffff03!important;border:1px solid var(--border)!important;border-radius:8px!important;padding:8px 12px!important;margin-bottom:0!important}.data-table td{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:6px 0!important;border:none!important;border-bottom:1px solid rgba(255,255,255,.03)!important;font-size:10px!important;text-align:right!important}.data-table td:last-child{border-bottom:none!important}.data-table td:before{content:attr(data-col-label)!important;font-weight:700!important;color:var(--text-secondary)!important;float:left!important;font-size:9px!important;text-transform:uppercase!important}.desktop-only-table{display:none!important}.mobile-leave-list{display:flex!important;flex-direction:column!important;gap:8px!important}.mobile-leave-card{background:#ffffff03!important;border:1px solid var(--border)!important;border-radius:8px!important;padding:10px!important;margin-bottom:2px!important}.profile-grid-container{grid-template-columns:1fr!important;gap:8px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.profile-grid-container .panel{padding:10px!important;margin-bottom:8px!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important}.profile-grid-container div[style*="width: 120px"]{width:64px!important;height:64px!important;margin-bottom:8px!important}.profile-grid-container h3{font-size:13px!important}.profile-salary-grid{grid-template-columns:1fr!important;gap:6px!important}.profile-salary-grid>div{padding:8px!important;border-radius:6px!important}.profile-salary-grid div[style*="font-size: 24px"]{font-size:13px!important}.profile-emergency-flex{flex-direction:column!important;gap:6px!important}.mobile-profile-tabs,.mobile-dashboard-tabs{display:flex!important}.hide-mobile{display:none!important}.show-mobile{display:flex!important}.attendance-row.collapsed td{display:none!important}.attendance-row.collapsed td[data-col-label=Employee],.attendance-row.collapsed td[data-col-label=Name],.attendance-row.collapsed td[data-col-label=Date],.attendance-row.collapsed td[data-col-label="Check In"],.attendance-row.collapsed td[data-col-label="First Punch (In)"],.attendance-row.collapsed td[data-col-label="Check Out"],.attendance-row.collapsed td[data-col-label="Last Punch (Out)"],.attendance-row.collapsed td[data-col-label=Status]{display:flex!important}.attendance-row{position:relative!important;cursor:pointer!important;padding-bottom:18px!important}.attendance-row:after{content:"▼ Tap for details"!important;display:block!important;font-size:8px!important;color:var(--primary)!important;position:absolute!important;bottom:4px!important;right:12px!important;font-weight:700!important;opacity:.8!important}.attendance-row.expanded:after{content:"▲ Collapse"!important;color:var(--success)!important}.monthly-report-panel-container{flex-direction:column!important;gap:12px!important}.monthly-report-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.monthly-report-grid>div{padding:8px!important;border-radius:8px!important}.monthly-report-grid div[style*="font-size: 24px"]{font-size:14px!important}.company-calendar-days-grid{min-height:auto!important}.company-calendar-day-cell{height:52px!important;min-height:52px!important;padding:4px 2px!important;justify-content:center!important;align-items:center!important}.company-calendar-day-cell .calendar-cell-items-wrapper,.company-calendar-day-cell .calendar-mobile-hidden{display:none!important}.company-calendar-day-cell .calendar-mobile-dots{display:flex!important}.login-left{display:none!important}.login-right{padding:24px!important;width:100%!important}.login-container{width:100%!important;max-width:420px!important;height:auto!important;border-radius:16px!important;margin:16px!important}.mobile-logo-header{display:flex!important}.food-portal-grid{display:flex!important;flex-direction:column!important;gap:12px!important}.food-portal-col-today{order:1!important}.food-portal-col-tomorrow{order:2!important}.food-portal-grid .panel{padding:10px!important;margin-bottom:6px!important}.food-category-card{padding:6px 10px!important;border-radius:8px!important;gap:8px!important}.food-category-title{font-size:12px!important}.food-item-badge{font-size:8px!important;padding:1px 4px!important;border-radius:4px!important}.food-booking-panel div[style*=borderBottom]{padding-bottom:8px!important;margin-bottom:12px!important}.food-booking-panel div[style*="padding: '8px'"]{padding:4px!important}.food-menu-list-wrapper{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;width:100%!important}.food-category-card{flex-direction:column!important;align-items:center!important;justify-content:space-between!important;text-align:center!important;padding:8px 4px!important;min-height:120px!important;box-sizing:border-box!important}.food-category-card>div{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important}.food-category-card div[style*="font-size: 10px"],.food-category-card div[style*="font-size: 12px"]{display:none!important}.food-items-list{justify-content:center!important;gap:2px!important}.food-category-card button{width:100%!important;padding:2px 4px!important;font-size:9px!important;height:22px!important;margin-top:4px!important}.food-category-card span[style*="font-size: 12px"],.food-category-card span[style*="font-size: 11px"],.food-category-card span[style*="font-size: 10px"]{font-size:9.5px!important;margin-top:4px!important}}