@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.modal-overlay{align-items:center;background-color:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{background-color:#fff;background-color:var(--modal-bg);border-radius:8px;color:#1a202c;color:var(--text-color);padding:2rem;width:90%}.modal-content h2{font-size:1.5rem;margin-bottom:1.5rem}.modal-content form div{margin-bottom:1rem}.modal-content label{display:block;margin-bottom:.5rem}.modal-content input{background-color:#f0f4f8;background-color:var(--input-bg);border:1px solid #ccc;border:1px solid var(--input-border-color);border-radius:4px;color:#1a202c;color:var(--text-color);padding:.5rem;width:100%}.modal-content .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}:root{--modal-bg:#fff;--input-border-color:#ccc}.dark-mode{--modal-bg:#1f2937;--input-border-color:#4b5563}:root{--text-color:#1a202c;--input-bg:#f0f4f8}.dark-mode{--text-color:#e2e8f0;--input-bg:#2d3748}@tailwind base;@tailwind components;@tailwind utilities;:root{--input-bg-light:#fbfbfb;--text-color-light:#334155;--placeholder-color-light:#64748b;--border-color-light:#e2e8f0;--bg-color-dashboard-light:#f7f9fc;--text-color-dashboard-light:#334155;--sidebar-bg-light:#1f2937;--sidebar-text-light:#e0e0e0;--sidebar-border-light:#6d7785;--sidebar-hover-bg-light:#374151;--header-bg-light:#f5f5f5;--header-text-light:#334155;--header-button-bg-light:#757171;--header-button-text-light:#334155;--header-button-hover-bg-light:#cbd5e1;--content-bg-light:#f1ecec;--joblist-header-bg-light:#334155;--joblist-header-text-light:#e2e8f0;--form-input-border-light:#e2e8f0;--form-input-shadow-light:0 1px 3px #0000000d inset;--hamburger-icon-color-light:#64748bad;--hamburger-hover-color-light:#334155;--auth-bg-light:#f7f9fc;--auth-background-image-light:none;--info-card-red:#ef4444;--info-card-green:#22c55e;--info-card-yellow:#f59e0b;--info-card-blue:#3b82f6;--success-bg-light:#d1fae5;--success-text-light:#065f46;--success-border-light:#34d399;--error-bg-light:#fee2e2;--error-text-light:#991b1b;--error-border-light:#ef4444;--status-belum-bg-light:#3498db;--status-belum-text-light:#fff;--status-sedang-bg-light:#fbbf24;--status-sedang-text-light:#444;--status-selesai-bg-light:#5cc98f;--status-selesai-text-light:#fff;--status-ditunda-bg-light:#6b7280;--status-ditunda-text-light:#fff;--status-tolak-bg-light:#ef4444;--btn-submit:#5b86e5;--btn-submit-hover:#4a7cd1;--btn-start:#3b82f6;--btn-start-hover:#2563eb;--btn-finish:#f59e0b;--btn-finish-hover:#d97706;--btn-pause:#6b7280;--btn-pause-hover:#4b5563;--btn-delete:#ef4444;--btn-delete-hover:#dc2626;--pagination-bg-light:#e0f2fe;--pagination-border-light:#93c5fd;--pagination-text-light:#1e3a8a;--pagination-hover-bg-light:#bfdbfe;--pagination-active-bg-light:#a3ccfe;--pagination-active-text-light:#040404;--pagination-disabled-bg-light:#e5e7eb;--pagination-disabled-text-light:#9ca3af;--search-form-bg-light:#e5e7eb;--search-form-shadow-light:0 4px 12px #00000014;--search-input-bg-light:#fcfcfc;--search-input-border-light:#dde2e8;--search-input-text-light:#333;--search-input-placeholder-light:#888;--search-button-bg-light:#d6eaf8;--search-button-hover-bg-light:#aed6f1;--search-button-text-light:#154360;--modal-bg-light:#fff;--text-color-light:#1a1a1a;--secondary-text-color-light:#666;--input-bg-light:#fff;--border-color-light:#ccc;--placeholder-color-light:#999;--form-input-shadow-light:0 2px 5px #0000001a;--content-bg-light:#fff;--button-confirm-bg-light:#007bff;--button-confirm-hover-light:#0056b3;--button-cancel-bg-light:#dc3545;--button-cancel-hover-light:#c82333;--primary-color:#3f51b5;--primary-color-light:#e8eaf6;--bg-color:#f4f7f9;--card-bg-color:#fff;--text-primary:#1a202c;--text-secondary:#718096;--border-color:#e2e8f0;--shadow-color:#00000014;input,select,textarea{border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}input:focus,select:focus,textarea:focus{outline:none}input:disabled{cursor:not-allowed}}body.dark-mode{--text-color-dark:#e0e0e0;--bg-color-dashboard-dark:#0a0a0a;--text-color-dashboard-dark:#e0e0e0;--border-color-dark:#2d3748;--sidebar-bg-dark:#111;--sidebar-text-dark:#e0e0e0;--sidebar-border-dark:#2d3748;--sidebar-hover-bg-dark:#2d3748;--header-bg-dark:#111;--header-text-dark:#e0e0e0;--header-button-bg-dark:#e0e0e0;--header-button-text-dark:#e0e0e0;--header-button-hover-bg-dark:#2d3748;--content-bg-dark:#0a0a0a;--modal-bg-dark:#111;--joblist-header-bg-dark:#1f2937;--joblist-header-text-dark:#cbd5e1;--input-bg-dark:#1f2937;--placeholder-color-dark:#a0aec0;--form-input-border-dark:#111;--form-input-shadow-dark:none;--hamburger-icon-color-dark:#a0aec0;--hamburger-hover-color-dark:#fff;--auth-bg-dark:#0a0a0a;--info-card-red:#af7070;--info-card-green:#7daa80;--info-card-yellow:#c7af7a;--info-card-blue:#7a96af;--success-bg-dark:#10b9811a;--success-text-dark:#a7f3d0;--success-border-dark:#10b981;--error-bg-dark:#ef44441a;--error-text-dark:#fecaca;--error-border-dark:#ef4444;--status-belum-bg-dark:#0000;--status-belum-text-dark:#a78bfa;--status-sedang-bg-dark:#0000;--status-sedang-text-dark:#fbbf24;--status-selesai-bg-dark:#0000;--status-selesai-text-dark:#34d399;--status-ditunda-bg-dark:#0000;--status-ditunda-text-dark:#9ca3af;--btn-submit:#4f46e5;--btn-submit-hover:#4338ca;--btn-start:#2563eb;--btn-start-hover:#1d4ed8;--btn-finish:#d97706;--btn-finish-hover:#b45309;--btn-pause-dark:#4b5563;--btn-pause-hover-dark:#374151;--btn-delete:#dc2626;--btn-delete-hover:#b91c1c;--pagination-text-dark:#e0e0e0;--pagination-border-dark:#2d3748;--pagination-bg-dark:#111;--pagination-hover-bg-dark:#1f2937;--pagination-active-bg-dark:#4f46e5;--pagination-active-text-dark:#fff;--pagination-disabled-bg-dark:#1f2937;--pagination-disabled-text-dark:#4a5568;--search-form-bg-dark:#111;--search-form-shadow-dark:none;--search-input-bg-dark:#1f2937;--search-input-border-dark:#2d3748;--search-input-text-dark:#e0e0e0;--search-input-placeholder-dark:#a0aec0;--search-button-bg-dark:#4f46e5;--search-button-hover-bg-dark:#4338ca;--search-button-text-dark:#fff;--primary-color:#fff;--primary-color-light:#303759;--bg-color:#111;--card-bg-color:#111;--text-primary:#f7fafc;--text-secondary:#a0aec0;--border-color:#111;--shadow-color:#0006;--card-small:#202020}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f7f9fc;background-color:var(--bg-color-dashboard-light);color:#334155;color:var(--text-color-dashboard-light);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}body.dark-mode{background-color:var(--bg-color-dashboard-dark);color:var(--text-color-dashboard-dark)}.dashboard-container{position:relative}.ticketing-tracker-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#007bff,#00c6ff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:3.5rem;text-align:center}.particles-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.auth-page-container{background-image:none;background-image:var(--auth-background-image-light);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;transition:background-color .3s ease;width:100%}.auth-content-centered,.auth-page-container{align-items:center;display:flex;position:relative}.auth-content-centered{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1e1e2d8c;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px 0 #0000005e;flex-direction:column;max-width:95%;padding:2.5rem 3rem;text-align:center;width:420px;z-index:1}.login-logo-image-centered{width:220px}.login-form-inner{align-items:center;display:flex;flex-direction:column;width:100%}.auth-content-centered h2{color:#fff;font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:600;margin-bottom:24px}.form-description{color:#333;line-height:1.5;margin-bottom:1.5rem}.resend-otp-link{background:none;border:none;color:#4da6ff;cursor:pointer;font-size:14px;font-weight:700;margin-bottom:1rem;padding:0;text-decoration:underline}.resend-otp-link:hover{color:#7bb0ff}.resend-otp-link:disabled{color:#999;cursor:not-allowed;text-decoration:none}.input-group{align-items:center;display:flex;margin-bottom:20px;position:relative;width:100%}.input-group input{background:#1e1e2d8c!important;border:1px solid #ffffff1a;border-radius:30px;color:#fff;font-size:16px;min-height:52px;padding:10px 16px 18px 42px;transition:all .3s ease;width:100%}.input-group input::placeholder{color:#b0b0b0}.input-group input:focus{background:none;border-color:none;box-shadow:none;outline:none}.input-icon{color:#b0b0b0;font-size:16px;left:15px;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease;z-index:2}.login-options{align-items:baseline;color:#e0e0e0;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-top:1rem;width:100%}.login-options label{align-items:center;color:#e0e0e0;cursor:pointer;display:flex;font-size:14px;-webkit-user-select:none;user-select:none}.login-options input[type=checkbox]{accent-color:#2563eb;cursor:pointer;height:15px;margin-right:.5rem;width:15px}.forgot-password,.register-link{background:none;border:none;color:#60a5fa;cursor:pointer;font-family:inherit;font-size:.9em;font-weight:600;padding:0;transition:color .2s}.forgot-password:hover,.register-link:hover{color:#93c5fd;text-decoration:underline}.back-to-landing{background:none;border:none;color:#60a5fa;cursor:pointer;font-size:.9em;font-weight:600;margin-top:1rem;padding:0;transition:color .2s}.back-to-landing:hover{color:#93c5fd;text-decoration:underline}.login-btn{background-color:#3b82f6;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.login-btn:hover:not(:disabled){background-color:#2563eb;box-shadow:0 4px 15px #3b82f64d;transform:translateY(-3px)}.register-btn:hover{opacity:.9;transform:scale(1.02)}.auth-toggle{color:#e0e0e0;font-size:14px;margin-top:20px}.login-link{background:none;border:none;color:#4da6ff;cursor:pointer;font-size:14px;font-weight:700;padding:0;text-decoration:underline}.floating-label-group{overflow:visible;position:relative}.floating-label-group input{background:#0000;padding-bottom:15px;padding-top:15px;z-index:1}.floating-label-group label{background-color:initial;color:#9ca3af;font-size:16px;left:42px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease-in-out;z-index:3}.floating-label-group input:focus~label,.floating-label-group label.active{background-color:#0a0f1e;border-radius:12px;color:#9ca3af;font-size:12px;font-weight:600;left:30px;padding:0 10px;top:-8.5px;transform:translateY(0);z-index:5}.floating-label-group input:focus~.input-icon,.floating-label-group label.active~.input-icon{color:#3b82f6}.main-content{margin-left:0;min-height:100vh;padding:15px;transition:margin-left .3s ease-in-out,width .3s ease-in-out;width:100%}.sidebar{background-color:#1f2937;background-color:var(--sidebar-bg-light);box-shadow:0 10px 15px -3px #0000001a;color:#e0e0e0;color:var(--sidebar-text-light);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:280px;z-index:1000}.dark-mode .sidebar{background-color:var(--sidebar-bg-dark);color:var(--sidebar-text-dark)}.sidebar-divider{margin-top:1rem;padding:0 .75rem .5rem}.sidebar-divider .nav-text{color:#64748b;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}body.dark-mode .sidebar-divider .nav-text{color:#4a5568}.sidebar.open{transform:translateX(0)}.hamburger-menu-button{background:none;border:none;color:#64748bad;color:var(--hamburger-icon-color-light);cursor:pointer;display:flex;flex-direction:column;height:22px;justify-content:space-around;padding:0;transition:color .15s ease-in-out;width:28px;z-index:1000}.hamburger-menu-button span{background-color:#333;border-radius:3px;display:block;height:3px;transition:all .3s ease-in-out;width:100%}body.dark-mode .hamburger-menu-button span{background-color:#fff}.sidebar-open .hamburger-menu-button span:first-child{transform:translateY(9.5px) rotate(45deg)}.sidebar-open .hamburger-menu-button span:nth-child(2){opacity:0}.sidebar-open .hamburger-menu-button span:nth-child(3){transform:translateY(-9.5px) rotate(-45deg)}.content-overlay{background-color:#00000080;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden;width:100%;z-index:999}.sidebar-open .content-overlay{opacity:1;visibility:visible}.subtotal-card-mobile{align-items:center;background-color:#e1e2e4;border-radius:8px;display:flex;justify-content:space-between;margin-top:15px;padding:10px}.subtotal-label{color:#374151;font-size:1.2rem;font-weight:600}.subtotal-value{color:#374151;font-size:1.2rem;font-weight:700}.dark-mode .subtotal-card-mobile{background-color:#111;border:1px solid #5e5d5d}.dark-mode .subtotal-label,.dark-mode .subtotal-value{color:#e5e7eb}@media (min-width:1290px){.auth-content-centered{padding:2rem 1.5rem}.notification-template-list-mobile{display:none}.content-overlay,.hamburger-menu-button,.job-list-mobile,.user-list-mobile,.workshop-list-mobile{display:none!important}.sidebar{height:100vh;position:fixed;transform:translateX(0);transition:width .3s ease-in-out;width:80px}.sidebar:hover{width:280px;z-index:1001}.main-content{margin-left:80px;transition:margin-left .3s ease-in-out,width .3s ease-in-out}.sidebar:not(:hover) .nav-text,.sidebar:not(:hover) .sidebar-footer,.sidebar:not(:hover) .sidebar-footer .nav-text,.sidebar:not(:hover) .sidebar-footer span,.sidebar:not(:hover) .sidebar-nav span{display:none!important;height:0!important;opacity:0!important;overflow:hidden!important;visibility:hidden!important;width:0!important}.sidebar:hover+.main-content,.sidebar:hover~.main-content{margin-left:280px;width:calc(100% - 280px)}.sidebar:not(:hover) .sidebar-header{justify-content:center;padding:1rem .5rem;text-align:center}.sidebar:not(:hover) .sidebar-logo{margin:0 auto;max-width:50px}.sidebar:not(:hover) .sidebar-button{justify-content:center;padding:.75rem .5rem}.sidebar:not(:hover) .sidebar-button i{margin-right:0}.sidebar:not(:hover) .dark-mode-toggle{left:28px;transform:scale(.8)}.sidebar:hover .nav-text{display:inline-block;height:auto;opacity:1;overflow:visible;width:auto}}@media (max-width:1290px){.auth-toggle{font-size:13px}.main-content{min-height:100vh;padding:15px;transition:margin-left .3s ease-in-out,width .3s ease-in-out;width:100%}.sidebar{z-index:1002}.dashboard-header-title{font-size:20px}.info-cards-grid{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:repeat(2,1fr)!important}.info-card h3{font-size:28px}.info-card p{font-size:14px}.search-form{flex-direction:column;gap:10px}.search-form button,.search-form input{width:100%}.flex.justify-between.items-center.mb-4{align-items:center;flex-direction:column}.btn-archive,.btn-primary,.btn-primary-outline,.btn-scan{margin-bottom:15px;width:100%}.btn-delete,.btn-edit{font-size:.8rem;padding:6px 12px}.job-table,.user-list-table,.workshop-list-table{display:none}.job-list-mobile,.notification-template-list-mobile,.user-list-mobile,.workshop-list-mobile{display:block}.ticket-card-mobile,.user-card-mobile{background:#edeef091;border:1px solid #e0e0e0;border-bottom:3px solid #b0b0b0;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-bottom:15px;padding:15px}.main-header .user-info{align-items:center;display:flex;gap:16px}.user-card-body{align-items:flex-start;width:100%}.info-row{align-items:baseline;display:flex;text-align:left}.info-label{color:#6b7280;flex-shrink:0;font-size:.85rem;font-weight:600;margin-right:8px}.info-value{color:#111827;font-size:.95rem;font-weight:500;word-break:break-all}body.dark-mode .info-label{color:#9ca3af}body.dark-mode .info-value{color:#e5e7eb}.user-name{color:var(--text-color-primary);font-size:1rem;font-weight:600}.user-email{color:#555;font-size:.85rem;word-break:break-all}.action-buttons-group{display:flex;flex-shrink:0;gap:8px}body.dark-mode .ticket-card-mobile,body.dark-mode .user-card-mobile{background-color:#111;border:1px solid var(--border-color-dark)}body.dark-mode .user-email{color:#aaa}.ticket-card-mobile{gap:12px}.user-card-mobile{gap:15px}.card-row,.user-card-row{align-items:flex-start;border-bottom:1px solid #ccc;border-bottom:1px solid var(--border-color-light);display:flex;justify-content:space-between;padding-bottom:10px}.ticket-card-mobile .card-row:last-child,.user-card-mobile .user-card-row:last-child{border-bottom:none;padding-bottom:0}.data-group,.user-data-group{display:flex;flex-basis:0;flex-direction:column;flex-grow:1;gap:2px;min-width:0}.data-group.single{width:100%}.data-group .label,.user-data-group .label{color:#888;font-size:11px;text-transform:uppercase}.data-group .value,.user-data-group .value{color:var(--text-color-primary);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-group .value.description{white-space:pre-wrap;word-break:break-word}.user-data-group .value{word-break:break-all}.user-data-group .value.role{text-transform:capitalize}.action-row,.status-row{justify-content:center}.action-row{padding-top:5px}body.dark-mode .card-row,body.dark-mode .user-card-row{border-bottom-color:var(--border-color-dark)}.user-history-table{border:none}.user-history-table thead{display:none}.user-history-table tr{background-color:var(--background-color-light);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;display:block;margin-bottom:15px;overflow:hidden;padding:0}.user-history-table td{align-items:center;border-bottom:1px solid #ccc;border-bottom:1px solid var(--border-color-light);display:flex;justify-content:space-between;padding:12px 15px;text-align:right}.user-history-table tr td:last-child{border-bottom:none}.user-history-table td:before{color:var(--text-color-primary);content:attr(data-label);font-weight:700;margin-right:10px;text-align:left}body.dark-mode .job-table tr{border-color:var(--border-color-dark)}body.dark-mode .job-table td{border-bottom-color:var(--border-color-dark)}body.dark-mode .job-table td:before{color:var(--text-color-dashboard-dark)}.templates-section{border-bottom:1px solid #ccc;border-bottom:1px solid var(--border-color-light);margin-bottom:20px;padding-bottom:20px}.templates-section h4{font-weight:500;margin-bottom:10px}.templates-section .btn-template{filter:brightness(90%);margin-bottom:8px;margin-right:8px;transform:translateY(0)}.notification-form__group,.proof-modal__group{display:flex;flex-direction:column;gap:5px;width:100%}.notification-form__group input,.notification-form__group select,.notification-form__group textarea,.proof-modal__group input,.proof-modal__group select,.proof-modal__group textarea{border:1px solid #ccc;border-radius:5px;font-size:14px;padding:10px;width:100%}.proof-modal__group{gap:8px;margin-bottom:15px}.global-notification-history h2,.notification-form-container h2{font-size:30px!important}.history-item{align-items:flex-start;flex-direction:column;gap:10px}.btn-delete-small{align-self:flex-end}.main-header .breadcrumb{display:none}.main-header{align-items:center;display:flex;justify-content:space-between}.header-left-group{flex-shrink:1;min-width:0;overflow:hidden}.dashboard-header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-cards-grid{grid-gap:8px!important;display:grid!important;gap:8px!important;grid-template-columns:repeat(2,1fr)}.info-card{padding:12px}.info-card h3{font-size:24px;margin-bottom:4px}.info-card p{font-size:12px}.confirmation-modal-content,.modal-content{max-width:80%}.notification-form-container .form-row{flex-direction:column;gap:15px}.notification-form-container .form-row .form-group{width:100%}}.sidebar span{opacity:0;pointer-events:none;transition:opacity .3s ease-in-out;white-space:nowrap}.sidebar.open span{opacity:1;pointer-events:auto}@media (min-width:1291px){.sidebar:hover span{opacity:1;pointer-events:auto}}@media (min-width:1024px){.info-cards-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:500px){.card-label{font-size:.9rem!important}.card-icon{height:22px;width:22px}.card-icon i{font-size:12px}}.dashboard-container{background-color:#f7f9fc;background-color:var(--bg-color-dashboard-light);color:#334155;color:var(--text-color-dashboard-light);display:flex;font-family:Inter,sans-serif;min-height:100vh;transition:all .3s ease}body.dark-mode .dashboard-container{background-color:var(--bg-color-dashboard-dark);color:var(--text-color-dashboard-dark)}.dashboard-container.sidebar-closed .sidebar{box-shadow:none;grid-template-columns:0 1fr;overflow:hidden;padding:0;width:0}.sidebar-header{align-items:center;border-bottom:1px solid #6d7785;border-bottom:1px solid var(--sidebar-border-light);display:flex;font-size:1.5rem;font-weight:700;justify-content:space-between;min-height:70px;overflow:hidden;padding:1rem;white-space:nowrap}.nav-text{display:inline-block;opacity:1;transition:opacity .3s ease-in-out;white-space:nowrap}body.dark-mode .sidebar-header{border-bottom-color:var(--sidebar-border-dark)}.sidebar-logo{height:auto;margin:0 auto;max-width:100%;padding:.5rem 0;width:100%}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:1rem;white-space:nowrap}.sidebar-nav-item{margin-bottom:.5rem}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#4a5568;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#64748b}*{scrollbar-color:#4a5568 #0000;scrollbar-width:thin}.sidebar-button{align-items:center;background-color:initial;border-radius:.5rem;color:#e0e0e0;color:var(--sidebar-text-light);display:flex;gap:.75rem;padding:.75rem;text-align:left;transition:background-color .15s ease-in-out,color .15s ease-in-out;width:100%}body.dark-mode .sidebar-button{color:var(--sidebar-text-dark)}.sidebar-button:hover{background-color:#374151;background-color:var(--sidebar-hover-bg-light)}body.dark-mode .sidebar-button:hover{background-color:var(--sidebar-hover-bg-dark)}.sidebar-button.active{background-color:#3b72b9;color:#fff}.dark-mode .sidebar-button.active{background-color:#4f46e5}.sidebar-button.active:hover{background-color:#4a7cd1}.dark-mode .sidebar-button.active:hover{background-color:#4338ca}.sidebar-footer{border-top:1px solid #6d7785;border-top:1px solid var(--sidebar-border-light);display:flex;flex-direction:column;min-height:80px;overflow:hidden;padding:1rem;white-space:nowrap}.sidebar-footer,.sidebar:not(:hover) .user-info{justify-content:center}.sidebar:not(:hover) .user-info .nav-text{display:none}body.dark-mode .sidebar-footer{border-top-color:var(--sidebar-border-dark)}.user-info{gap:1rem;margin-right:1rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#d1ceceb6;border-radius:50%;height:2rem;justify-content:center;overflow:hidden;width:2rem}.leaflet-container{z-index:1}.leaflet-control-container{z-index:200!important}.logout-button{align-items:center;background-color:initial;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:28px;height:50px;justify-content:center;padding:0;transition:background-color .2s ease-in-out,color .2s ease-in-out;width:50px}.logout-button:hover{background-color:#0000000d;color:#000}body.dark-mode .logout-button{background-color:initial;color:#ccc}body.dark-mode .logout-button:hover{background-color:#ffffff1a;color:#fff}.logout-button i{color:inherit}.dark-mode-toggle{background-color:#0d121c;border-radius:20px;cursor:pointer;height:30px;left:63px;overflow:hidden;position:relative;top:3.5px;transition:background-color .3s ease,border-color .3s ease;width:60px}.dark-mode-toggle.dark{background-color:#007bff;border-color:#fff}.dark-mode-toggle-ball{align-items:center;background-color:#fff;border-radius:50%;color:#333;display:flex;font-size:1em;height:25px;justify-content:center;left:1px;position:absolute;top:2.5px;transition:transform .3s ease,background-color .3s ease;width:25px}.dark-mode-toggle.dark .dark-mode-toggle-ball{background-color:#f7d000;transform:translateX(29px)}.dark-mode-toggle-ball .sun-icon{color:#f39c12;transition:opacity .3s ease,transform .3s ease}.dark-mode-toggle.dark .dark-mode-toggle-ball .sun-icon{opacity:0;transform:scale(.5)}.dark-mode-toggle-ball .moon-icon{color:#fff;opacity:0;position:absolute;transition:opacity .3s ease,transform .3s ease}.dark-mode-toggle.dark .dark-mode-toggle-ball .moon-icon{opacity:1;transform:scale(1)}.dark-mode-toggle .moon-background-icon{color:#f7d000;font-size:1.2em;opacity:1;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:opacity .3s ease}.dark-mode-toggle.dark .moon-background-icon{opacity:0}.main-header{background-color:#fff;gap:1rem;width:100%}.main-header,.main-header-user{align-items:center;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem}.main-header-user{flex-wrap:wrap;gap:.5rem}.main-header-user nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}body.dark-mode .main-header{background-color:var(--header-bg-dark);border-bottom:1px solid #2d3748}.header-left-group{align-items:center;display:flex;gap:1rem}.dashboard-header-title{color:#334155;color:var(--text-color-dashboard-light);font-size:1.5rem;font-weight:700;line-height:1;margin:0;transition:color .3s ease;white-space:nowrap}body.dark-mode .dashboard-header-title{color:var(--text-color-dashboard-dark);line-height:1;margin:0}.main-header-controls{align-items:center;display:flex;gap:1rem}.breadcrump{color:#fff!important}.breadcrumb{color:#334155;color:var(--header-text-light)}body.dark-mode .breadcrumb{color:var(--header-text-dark)}.header-icon-button{background:none;border:none;color:#334155;color:var(--header-text-light);cursor:pointer;padding:.25rem;transition:color .15s ease-in-out}.header-icon-button:hover{color:#111827}body.dark-mode .header-icon-button{color:var(--header-text-dark)}body.dark-mode .header-icon-button:hover{color:#fff}.header-icon-button.error-icon{color:#e74c3c}.header-icon-button.error-icon:hover{color:#c0392b}.hamburger-menu-button:hover{color:#334155;color:var(--hamburger-hover-color-light)}body.dark-mode .hamburger-menu-button{color:var(--hamburger-icon-color-dark)}body.dark-mode .hamburger-menu-button:hover{color:var(--hamburger-hover-color-dark)}.content-area{background-color:#fff;background-color:var(--content-bg-light);flex:1 1;min-height:0;overflow-y:auto;padding:1rem;transition:background-color .3s ease;width:100%}.page-transition-wrapper{height:100%;width:100%}body.dark-mode .content-area{background-color:var(--content-bg-dark)}.info-cards-grid{grid-gap:24px;cursor:pointer;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.info-card{border-radius:2rem;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;overflow:hidden;padding:1.25rem 1.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.info-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.card-label{color:#6c757d;font-size:.75rem;font-weight:500;text-align:center}.card-icon{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;font-size:1rem;height:30px;justify-content:center;width:30px}.modal-content{padding:24px}.modal-content h3{font-size:20px;font-weight:600;margin-top:0;text-align:center}.modal-content h2,.modal-content h3{word-wrap:break-word;margin-bottom:20px;overflow-wrap:break-word;white-space:normal;word-break:break-all}.proof-modal__group{display:flex;flex-direction:column;margin-bottom:16px;width:100%}.proof-modal__group label{color:var(--text-color-primary);font-size:14px;font-weight:500;margin-bottom:8px;text-align:left}.proof-modal__group input,.proof-modal__group textarea{background-color:#f5f5f5;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#111827;font-size:14px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.proof-modal__group input:focus,.proof-modal__group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.proof-modal__group input[type=file]{padding:0}.proof-modal__group input[type=file]::-webkit-file-upload-button{background-color:#f3f4f6;border:none;border-right:1px solid #d1d5db;color:#374151;cursor:pointer;margin-right:12px;padding:10px 12px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.proof-modal__group input[type=file]::file-selector-button{background-color:#f3f4f6;border:none;border-right:1px solid #d1d5db;color:#374151;cursor:pointer;margin-right:12px;padding:10px 12px;transition:background-color .2s ease}.proof-modal__group input[type=file]::-webkit-file-upload-button:hover{background-color:#e5e7eb}.proof-modal__group input[type=file]::file-selector-button:hover{background-color:#e5e7eb}.modal-actions{gap:10px;justify-content:flex-end;margin-top:24px}body.dark-mode .proof-modal__group label{color:#d1d5db}body.dark-mode .proof-modal__group input,body.dark-mode .proof-modal__group textarea{background-color:#3a3f44;border-color:#4b5563;color:#f9fafb}body.dark-mode .proof-modal__group input[type=file]::-webkit-file-upload-button{background-color:#4b5563;border-right:1px solid #6b7280;color:#f9fafb}body.dark-mode .proof-modal__group input[type=file]::file-selector-button{background-color:#4b5563;border-right:1px solid #6b7280;color:#f9fafb}body.dark-mode .proof-modal__group input[type=file]::-webkit-file-upload-button:hover{background-color:#6b7280}body.dark-mode .proof-modal__group input[type=file]::file-selector-button:hover{background-color:#6b7280}.info-card .card-value{font-size:2.2rem;word-break:break-all}.card-value{color:#333;font-size:2rem;font-weight:700;margin:10px 0;text-align:center}.card-change{font-size:.9rem}.card-period{font-size:.8rem}.red-icon{background-color:#ef4444}.green-icon{background-color:#22c55e}.orange-icon{background-color:#f97316}.blue-icon{background-color:#0ea5e9}.red-card{background-color:#fee2e2;color:#991b1b}.green-card{background-color:#d1fae5;color:#065f46}.yellow-card{background-color:#fffbeb;color:#9a3412}.blue-card{background-color:#dbeafe;color:#1e40af}body.dark-mode .red-card{border-left:5px solid #8b5cf6}body.dark-mode .green-card{border-left:5px solid #22c55e}body.dark-mode .yellow-card{border-left:5px solid #f59e0b}body.dark-mode .blue-card{border-left:5px solid #3b82f6}.red-card .card-change,.red-card .card-label,.red-card .card-period,.red-card .card-value{color:#991b1b;font-weight:700}.red-card .card-icon{background-color:#fca5a5;color:#991b1b}.green-card .card-change,.green-card .card-label,.green-card .card-period,.green-card .card-value{color:#065f46;font-weight:700}.green-card .card-icon{background-color:#a7f3d0;color:#065f46}.yellow-card .card-change,.yellow-card .card-label,.yellow-card .card-period,.yellow-card .card-value{color:#653505;font-weight:700}.yellow-card .card-icon{background-color:#fcd34d;color:#653505}.blue-card .card-change,.blue-card .card-label,.blue-card .card-period,.blue-card .card-value{color:#1e40af;font-weight:700}.blue-card .card-icon{background-color:#bfdbfe;color:#1e40af}.orange-card{background-color:#fff3e0;border-color:#ffb74d}.card-icon.orange-icon{background-color:#fcd34d;color:#9d5a00}body.dark-mode .orange-card .card-change,body.dark-mode .orange-card .card-label,body.dark-mode .orange-card .card-period,body.dark-mode .orange-card .card-value{color:#9d5a00}body.dark-mode .card-label,body.dark-mode .card-period{color:#cbd5e1}body.dark-mode .red-card .card-change,body.dark-mode .red-card .card-label,body.dark-mode .red-card .card-period,body.dark-mode .red-card .card-value{color:#fee2e2}body.dark-mode .red-card .card-icon{background-color:#dc2626;color:#fee2e2}body.dark-mode .green-card .card-change,body.dark-mode .green-card .card-label,body.dark-mode .green-card .card-period,body.dark-mode .green-card .card-value{color:#d1fae5}body.dark-mode .green-card .card-icon{background-color:#10b981;color:#d1fae5}body.dark-mode .yellow-card .card-change,body.dark-mode .yellow-card .card-label,body.dark-mode .yellow-card .card-period,body.dark-mode .yellow-card .card-value{color:#fffbeb}body.dark-mode .yellow-card .card-icon{background-color:#f59e0b;color:#fffbeb}body.dark-mode .blue-card .card-change,body.dark-mode .blue-card .card-label,body.dark-mode .blue-card .card-period,body.dark-mode .blue-card .card-value{color:#dbeafe}body.dark-mode .blue-card .card-icon{background-color:#3b82f6;color:#dbeafe}body.dark-mode .card-change.up{color:#d1fae5}body.dark-mode .card-change.down{color:#fca5a5}body.dark-mode .info-card{background-color:var(--card-small);border:1px solid #e2e8f0;border:1px solid var(--border-color);box-shadow:0 4px 12px #00000014;box-shadow:0 4px 12px var(--shadow-color);color:#f7fafc}body.dark-mode .card-label,body.dark-mode .card-value{color:#e0e0e0!important}body.dark-mode .card-icon{background-color:initial!important}body.dark-mode .card-period{color:#cbd5e1}.info-card-link{background:none;border:none;color:inherit;cursor:pointer;font-size:.875rem;line-height:1.25rem;margin-top:auto;text-align:right;text-decoration:underline;transition:opacity .2s ease}.info-card-link:hover{opacity:.8}.search-form{align-items:center;background-color:#e5e7eb;background-color:var(--search-form-bg-light);border-radius:.75rem;box-shadow:0 4px 12px #00000014;box-shadow:var(--search-form-shadow-light);display:flex;gap:10px;margin:20px 0;padding:1rem;transition:all .3s ease}body.dark-mode .search-form{background-color:var(--search-form-bg-dark);box-shadow:var(--search-form-shadow-dark)}.search-form input[type=text]{background-color:#fcfcfc;background-color:var(--search-input-bg-light);border:1px solid #dde2e8;border:1px solid var(--search-input-border-light);border-radius:.5rem;color:#333;color:var(--search-input-text-light);flex-grow:1;font-size:1rem;padding:.8rem 1.2rem;transition:all .2s ease}body.dark-mode .search-form input[type=text]{background-color:var(--search-input-bg-dark);border:1px solid var(--search-input-border-dark);color:var(--search-input-text-dark)}.search-form input[type=text]::placeholder{color:#888;color:var(--search-input-placeholder-light)}body.dark-mode .search-form input[type=text]::placeholder{color:var(--search-input-placeholder-dark)}.search-form input[type=text]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640;outline:none}.search-form button[type=submit]{background-color:#d6eaf8;background-color:var(--search-button-bg-light);border:none;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;color:#154360;color:var(--search-button-text-light);cursor:pointer;font-weight:600;padding:.8rem 1.8rem;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease}.search-form button[type=submit]:hover{background-color:#aed6f1;background-color:var(--search-button-hover-bg-light);box-shadow:0 4px 8px #0003;transform:translateY(-1px)}body.dark-mode .search-form button[type=submit]{background-color:var(--search-button-bg-dark);color:#fff}body.dark-mode .search-form button[type=submit]:hover{background-color:var(--search-button-hover-bg-dark)}.job-form{align-items:center;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;display:flex;flex-direction:row;gap:10px;margin-bottom:3rem;padding:1.5rem}body.dark-mode .job-form{background-color:#2d3748;color:#e2e8f0}.job-form .btn-submit,.job-form .input-like-select,.job-form .react-select__control{flex:1 1}.job-form>*{flex:1 1;min-width:0}.job-form .react-select__control{background-color:#fff;background-color:var(--input-bg-light);border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:10px;box-shadow:0 2px 5px #0000001a;box-shadow:var(--form-input-shadow-light);font-weight:500;min-height:45px}.job-form .react-select__control:hover{border-color:#64748b}.job-form .react-select__placeholder{color:#999;color:var(--placeholder-color-light);font-weight:500}.job-form .react-select__single-value{color:#1a1a1a;color:var(--text-color-light);font-weight:500}.job-form .react-select__menu{background-color:#fff;background-color:var(--content-bg-light);border:1px solid #ccc;border:1px solid var(--border-color-light);box-shadow:0 4px 6px #0000001a}.job-form .react-select__option{color:#1a1a1a;color:var(--text-color-light)}.job-form .react-select__option--is-focused{background-color:#64748b1a}.job-form .react-select__option--is-selected{background-color:#64748b;color:#fff}.job-form .react-select__indicator-separator{background-color:#ccc;background-color:var(--border-color-light)}.job-form .react-select__dropdown-indicator{color:#999;color:var(--placeholder-color-light)}.job-form .react-select__dropdown-indicator:hover{color:#1a1a1a;color:var(--text-color-light)}body.dark-mode .job-form .react-select__control{background-color:var(--input-bg-dark);border:1px solid var(--border-color-dark);box-shadow:var(--form-input-shadow-dark)}body.dark-mode .job-form .react-select__placeholder{color:var(--placeholder-color-dark)}body.dark-mode .job-form .react-select__single-value{color:var(--text-color-dark)}body.dark-mode .job-form .react-select__menu{background-color:var(--content-bg-dark);border:1px solid var(--border-color-dark)}body.dark-mode .job-form .react-select__option{color:var(--text-color-dark)}body.dark-mode .job-form .react-select__option--is-focused{background-color:#ffffff1a}body.dark-mode .job-form .react-select__indicator-separator{background-color:var(--border-color-dark)}body.dark-mode .job-form .react-select__dropdown-indicator{color:var(--placeholder-color-dark)}body.dark-mode .job-form .react-select__dropdown-indicator:hover{color:var(--text-color-dark)}.job-form .input-like-select{background-color:#fff;background-color:var(--input-bg-light);border:1px solid hsla(0,1%,54%,.119);border-radius:10px;box-shadow:0 2px 5px #0000001a;box-shadow:var(--form-input-shadow-light);font-weight:500;min-height:45px;padding:0 12px;transition:border-color .2s ease}.job-form .input-like-select::placeholder{color:#999;color:var(--placeholder-color-light);font-weight:500}.job-form .input-like-select:hover{border-color:#000}.job-form .input-like-select:focus{border-color:#64748b73;outline:none}body.dark-mode .job-form .input-like-select{background-color:var(--input-bg-dark);border:1px solid #fff3;border-radius:10px;box-shadow:var(--form-input-shadow-dark);color:var(--text-color-dark);font-weight:500;min-height:45px;padding:0 12px;transition:border-color .2s ease}body.dark-mode .job-form .input-like-select::placeholder{color:var(--placeholder-color-dark)}body.dark-mode .job-form .input-like-select:hover{border-color:#fff}body.dark-mode .job-form .input-like-select:focus{border-color:#ffffff73;outline:none}.job-form .btn-submit{background-color:#287bef;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px}.job-form .btn-submit:hover{background-color:#285a96}button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem!important;font-weight:600!important;padding:.6rem 1rem!important;transition:background .2s ease,transform .1s ease}button:hover{transform:translateY(-2px)}.btn-submit{background:#3b82f6}.btn-submit:hover{background:#4a7cd1}.btn-finish{background-color:#fff3cd;border-color:#ffeeba;color:#856404}.btn-finish:hover{background-color:#fad7a0}button.btn-pause{background-color:#e5e2e2;border-color:#d6d8db;border-radius:5px;box-shadow:0 4px 12px #383d4140;color:#383d41;cursor:pointer;padding:8px 12px;transition:background-color .2s}.btn-pause:hover{background-color:#d5d8dc}.btn-delete{background-color:#e74c3c}.btn-delete:hover{background-color:#c0392b}.job-table{background:#fdfdfd;border-collapse:collapse;border-radius:12px;box-shadow:0 8px 16px -4px #00000040;margin-top:1.5rem;overflow:hidden;width:100%}.job-table td,.job-table th{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:15px;padding:12px 15px;text-align:left;transition:background-color .2s ease,color .2s ease;vertical-align:middle}.job-table td:nth-child(5){overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.job-table th{background-color:#334155;background-color:var(--joblist-header-bg-light);border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0;color:#e2e8f0;color:var(--joblist-header-text-light);font-weight:600;text-align:center;text-transform:uppercase}.job-table thead th:last-child{border-right:none}.job-table tbody tr:nth-child(2n) td{background-color:#f8f9fa}.job-table tbody tr:not(.urgent-row):hover td{background-color:#f1f5f9}body.dark-mode .job-table{background-color:initial;border:1px solid #2d3748;border:1px solid var(--border-color-dark,#2d3748);border-collapse:initial;border-spacing:0;box-shadow:0 8px 24px #00000080}body.dark-mode .job-table td,body.dark-mode .job-table th{border-bottom:1px solid #2d3748;border-bottom:1px solid var(--border-color-dark,#2d3748);color:#e0e1e2}body.dark-mode .job-table thead th:last-child{border-right:none}body.dark-mode .job-table td{background-color:initial;border-right:none}body.dark-mode .job-table tbody tr:nth-child(2n) td{background-color:initial}body.dark-mode .job-table tbody tr:not(.urgent-row):hover td{background-color:#2d374880!important}.job-table tbody tr.urgent-row td{background-color:#fef2f2!important;color:#991b1b!important}body.dark-mode .job-table tbody tr.urgent-row td{background-color:rgba(255,0,0,.049)!important;color:#fecaca!important}.job-table tbody tr.urgent-row:hover td{background-color:#fee2e2!important}body.dark-mode .job-table tbody tr.urgent-row:hover td{background-color:#ef444433!important}.ticket-card-mobile.urgent-row{background-color:#fef2f2;border-left:5px solid #f59e0b}.ticket-card-mobile.urgent-row:hover{background-color:#fee2e2}body.dark-mode .ticket-card-mobile.urgent-row{background-color:#ef44441a;border-left:5px solid #ef4444}body.dark-mode .ticket-card-mobile.urgent-row:hover{background-color:#ef444433}.urgent-badge{background-color:#dc2626;border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;margin-right:8px;padding:2px 8px;vertical-align:middle}body.dark-mode .job-table th{background-color:initial;border-bottom:1px solid #2d3748;border-bottom:1px solid var(--border-color-dark,#2d3748);border-right:1px solid #2d3748;border-right:1px solid var(--border-color-dark,#2d3748);color:#8a919e}body.dark-mode .job-table th:first-child{text-align:center}.job-table thead th:not(:last-child){border-right:1px solid #4a5568}body.dark-mode .job-table td:last-child,body.dark-mode .job-table th:last-child{border-right:none}body.dark-mode .job-table td:nth-child(8),body.dark-mode .job-table th:nth-child(8){text-align:center}.job-table tbody tr:nth-child(2n) td{background-color:#f4f5f6}body.dark-mode .job-table tbody tr:nth-child(2n) td{background-color:rgba(45,55,72,.114)}body.dark-mode .job-table tbody tr:hover td{background-color:#2d374880}.job-table tbody tr td:nth-child(7){text-align:center}body.dark-mode .job-table tbody tr:last-child td{border-bottom:none}.job-table tbody tr.hoverable-row:hover{box-shadow:0 4px 8px #0000000d;cursor:pointer;transform:translateY(-2px);transition:transform .2s ease-out,box-shadow .2s ease-out}.job-list-mobile .ticket-card-mobile.hoverable-row:hover,.notification-template-list-mobile .ticket-card-mobile.hoverable-row:hover,.user-list-mobile .ticket-card-mobile.hoverable-row:hover,.workshop-list-mobile .ticket-card-mobile.hoverable-row:hover{box-shadow:0 4px 10px #00000012;cursor:pointer;transform:translateY(-2px);transition:transform .2s ease-out,box-shadow .2s ease-out}.table-scroll-container{border-radius:8px;overflow:hidden}.table-body-scroll{max-height:600px;overflow-y:auto}.table-scroll-container .job-table{table-layout:fixed;width:100%}.job-table-user{background:#fdfdfd;border-collapse:collapse;border-radius:12px;box-shadow:0 8px 16px -4px #00000040;margin-top:1rem;overflow:hidden;width:100%}body.dark-mode .job-table-user{background-color:initial;border:none;box-shadow:0 4px 20px 0 #00000080}.job-table-user td,.job-table-user th{border-bottom:1px solid #e2e8f0;color:#1e293b;padding:1rem;text-align:left;transition:all .3s ease}body.dark-mode .job-table-user td{border-bottom:1px solid #2d3748;border-right:none;color:#e2e8f0}.job-table-user th{background-color:#334155;background-color:var(--joblist-header-bg-light);border-bottom:2px solid #e2e8f0;color:#e2e8f0;color:var(--joblist-header-text-light);font-weight:600;text-align:center}body.dark-mode .job-table-user th{background-color:var(--joblist-header-bg-dark);border-bottom:2px solid #4a5568;color:var(--joblist-header-text-dark)}.job-table-user thead th:not(:last-child){border-right:1px solid #4a5568}.user-table{background:#fdfdfd;border-collapse:collapse;border-radius:12px;box-shadow:0 8px 16px -4px #00000040;margin-top:1rem;overflow:hidden;width:100%}.user-table td,.user-table th{border-bottom:1px solid #ccc;border-bottom:1px solid var(--border-color-light);color:#000;padding:1rem;text-align:left;transition:border-color .3s ease,color .3s ease}.user-table th{background-color:#334155;background-color:var(--joblist-header-bg-light);border-bottom:2px solid #aba8a1;color:#e2e8f0;color:var(--joblist-header-text-light);font-weight:600;text-align:center}.user-table tbody tr:hover{background-color:#f1f5f9}body.dark-mode .user-table{background-color:#393955;border:1px solid var(--border-color-dark);box-shadow:0 0 19px 0 #000000bf}body.dark-mode .user-table th{background-color:var(--joblist-header-bg-dark);border-bottom:2px solid #aba8a1;color:var(--joblist-header-text-dark)}body.dark-mode .user-table td{border-bottom:1px solid var(--border-color-dark);color:#fff}body.dark-mode .user-table tbody tr:hover{background-color:#4a4a66}.user-history-table{background-color:initial;border:1px solid #5a6d8d;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:none;overflow:hidden}.user-history-table th{background:linear-gradient(90deg,#2e277099,#1e438999);border-bottom:1px solid #5a6d8d;color:#fff}.user-history-table td{border-bottom:1px solid #4a5568;border-right:1px solid #4a5568;color:#e0e0e0}.user-history-table tr:last-child td{border-bottom:none}.user-history-table td:last-child{border-right:none}.user-history-table tbody tr:hover{background-color:#4a4a66b3}.job-filter{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;margin-bottom:1rem}.job-filter select{background-color:#fff;background-color:var(--input-bg-light);border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:8px;color:#1a1a1a;color:var(--text-color-light);padding:.5rem 1rem}body.dark-mode .job-filter select{background-color:var(--input-bg-dark);border-color:var(--border-color-dark);color:var(--text-color-dark)}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.8rem;font-weight:600;justify-content:center;padding:5px 12px;text-align:center;white-space:nowrap}.job-table td:nth-child(8){text-align:center;vertical-align:middle}.job-table td .status-badge{margin:0 auto}.status-belum-dikerjakan{background-color:#3498db;background-color:var(--status-belum-bg-light);border-color:#3498db;border-color:var(--status-belum-bg-light);box-shadow:0 4px 12px #007bff59;color:#fff;color:var(--status-belum-text-light)}body.dark-mode .status-belum-dikerjakan{background-color:#a78bfa26;box-shadow:0 4px 12px #641c7259;color:#a78bfa;color:var(--status-belum-text-dark,#a78bfa)}.status-belum-dikerjakan:before{content:""}.status-sedang-dikerjakan{background-color:#fbbf24;background-color:var(--status-sedang-bg-light);border-color:#fbbf24;border-color:var(--status-sedang-bg-light);box-shadow:0 4px 12px #85640459;color:#444;color:var(--status-sedang-text-light)}body.dark-mode .status-sedang-dikerjakan{background-color:#fbbf2426;color:#fbbf24;color:var(--status-sedang-text-dark,#fbbf24)}.status-sedang-dikerjakan:before{content:""}.status-ditunda{background-color:#6b7280;background-color:var(--status-ditunda-bg-light);border-color:#6b7280;border-color:var(--status-ditunda-bg-light);box-shadow:0 4px 12px #6c757d59;color:#fff;color:var(--status-ditunda-text-light)}body.dark-mode .status-ditunda{background-color:#9ca3af26;color:#9ca3af;color:var(--status-ditunda-text-dark,#9ca3af)}.status-ditunda:before{content:""}.status-selesai{background-color:#5cc98f;background-color:var(--status-selesai-bg-light);border-color:#5cc98f;border-color:var(--status-selesai-bg-light);box-shadow:0 4px 12px #0f513259;color:#fff;color:var(--status-selesai-text-light)}body.dark-mode .status-selesai{background-color:#34d39926;color:#34d399;color:var(--status-selesai-text-dark,#34d399)}.status-selesai:before{content:""}.status-ditolak{background-color:#ef4444;background-color:var(--status-tolak-bg-light);border-color:#ef4444;border-color:var(--status-tolak-bg-light);box-shadow:0 4px 12px #721c2459;color:#fff;color:var(--status-belum-text-light)}body.dark-mode .status-ditolak{background-color:#ef444426;color:#f87171}.add-user-container{background-color:#fff;background-color:var(--content-bg-light);border-radius:12px;box-shadow:0 4px 6px #00000014;font-family:Inter,sans-serif;margin:2rem auto;max-width:600px;padding:24px;transition:background-color .3s ease,box-shadow .3s ease}body.dark-mode .add-user-container{background-color:var(--content-bg-dark)}.add-user-title{color:#334155;color:var(--text-color-dashboard-light);font-size:1.5rem;font-weight:700;margin-bottom:24px;text-align:center;transition:color .3s ease}body.dark-mode .add-user-title{color:var(--text-color-dashboard-dark)}.add-user-form{background-color:#fff;background-color:var(--content-bg-light);border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:500px;padding:24px 32px;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}body.dark-mode .add-user-form{background-color:#1f2937;border:1px solid #374151}.form-group{margin-bottom:1rem}.form-label{color:#1a1a1a;color:var(--text-color-light);display:block;font-size:.875rem;font-weight:700;margin-bottom:8px;transition:color .3s ease}body.dark-mode .form-label{color:#d1d5db}.form-input{-webkit-appearance:none;appearance:none;background-color:var(--input-bg);background-image:linear-gradient(90deg,#ccc 1px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:6px;box-shadow:inset 0 1px 2px #0000000d;color:#1a1a1a;color:var(--text-color-light);cursor:pointer;padding:10px 12px;transition:border-color .2s,background-color .3s,color .3s,box-shadow .2s;width:100%}.form-input,body.dark-mode .form-input{background-position:right 2rem center,right .75rem center;background-repeat:no-repeat,no-repeat;background-size:1px 60%,.75em auto}body.dark-mode .form-input{background-color:#3a3f44;background-image:linear-gradient(90deg,#888 1px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");border-color:#4b5563;color:#f9fafb}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #3b82f64d;outline:none}.form-actions{display:flex;justify-content:flex-end;margin-top:24px}.submit-btn{background-color:#3b82f6;border:none;border-radius:6px;box-shadow:0 2px 4px #00000014;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .2s,transform .1s,box-shadow .2s}.submit-btn:hover{background-color:#2563eb;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.feedback-message{border:1px solid #0000;border-radius:4px;font-size:.875rem;margin-bottom:16px;padding:12px;transition:all .3s ease}.success-message{background-color:#d1fae5;background-color:var(--success-bg-light);border-color:#34d399;border-color:var(--success-border-light);color:#065f46;color:var(--success-text-light)}.error-message{background-color:#fee2e2;background-color:var(--error-bg-light);border-color:#ef4444;border-color:var(--error-border-light);color:#991b1b;color:var(--error-text-light)}.error-list{color:#ef4444;font-size:.8rem;margin-top:4px}.dark-mode .add-user-title{color:#f3f4f6}.dark-mode .add-user-form{background-color:#1f2937;border:1px solid #374151}.dark-mode .form-label{color:#d1d5db}.dark-mode .form-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}.dark-mode .form-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa4d}.dark-mode .success-message{background-color:#052e16;border-color:#15803d;color:#a7f3d0}.dark-mode .error-message{background-color:#450a0a;border-color:#b91c1c;color:#fecaca}.pagination-nav{display:flex;justify-content:center;margin-top:20px}.pagination{display:flex;gap:5px;list-style:none;padding:0}.page-item .page-link{background-color:#e0f2fe;background-color:var(--pagination-bg-light);border:1px solid #93c5fd;border:1px solid var(--pagination-border-light);border-radius:.5rem;color:#1e3a8a;color:var(--pagination-text-light);cursor:pointer;font-weight:500;padding:.75rem 1rem;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}body.dark-mode .page-item .page-link{background-color:var(--pagination-bg-dark);border:1px solid var(--pagination-border-dark);color:var(--pagination-text-dark)}.page-item .page-link:hover{background-color:#bfdbfe;background-color:var(--pagination-hover-bg-light);border-color:silver}body.dark-mode .page-item .page-link:hover{background-color:var(--pagination-hover-bg-dark);border-color:#4b5563}.page-item.active .page-link{background-color:#a3ccfe;background-color:var(--pagination-active-bg-light);border-color:#a3ccfe;border-color:var(--pagination-active-bg-light);color:#040404;color:var(--pagination-active-text-light);cursor:default;font-weight:600}body.dark-mode .page-item.active .page-link{background-color:var(--pagination-active-bg-dark);border-color:var(--pagination-active-bg-dark);color:var(--pagination-active-text-dark)}.page-item.active .page-link:hover{background-color:#a3ccfe;background-color:var(--pagination-active-bg-light);border-color:#a3ccfe;border-color:var(--pagination-active-bg-light);cursor:default}body.dark-mode .page-item.active .page-link:hover{background-color:var(--pagination-active-bg-dark);border-color:var(--pagination-active-bg-dark)}.page-item.disabled .page-link{background-color:#e5e7eb;background-color:var(--pagination-disabled-bg-light);border-color:#93c5fd;border-color:var(--pagination-border-light);color:#9ca3af;color:var(--pagination-disabled-text-light);cursor:not-allowed;opacity:.7}body.dark-mode .page-item.disabled .page-link{background-color:var(--pagination-disabled-bg-dark);border-color:var(--pagination-border-dark);color:var(--pagination-disabled-text-dark)}.page-item.disabled .page-link:hover{background-color:#e5e7eb;background-color:var(--pagination-disabled-bg-light);border-color:#93c5fd;border-color:var(--pagination-border-light);cursor:not-allowed}body.dark-mode .page-item.disabled .page-link:hover{background-color:var(--pagination-disabled-bg-dark);border-color:var(--pagination-border-dark)}.my-pagination-nav{display:flex;justify-content:center;margin-top:20px;position:relative}.my-pagination-list{background:linear-gradient(90deg,#0d1b2a,#1b263b);border-radius:12px;box-shadow:0 0 20px #09f6;display:flex;gap:8px;list-style:none;overflow:hidden;padding:10px 20px;position:relative}.my-pagination-list:before{animation:starsMove 80s linear infinite;background:radial-gradient(#fff 1px,#0000 0);background-size:40px 40px;content:"";height:200%;left:-50%;opacity:.25;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes starsMove{0%{transform:translateY(0)}to{transform:translateY(-40px)}}.my-page-item{display:inline-block}.my-page-link{background:#0f3460;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:8px 14px;position:relative;transition:all .3s ease;z-index:1}.my-page-link:hover:not(:disabled){background:#1a508b;box-shadow:0 0 10px #09f9;transform:translateY(-2px)}.my-active .my-page-link{background:#1a508b;box-shadow:0 0 10px #09f9;color:#fff}.my-disabled .my-page-link{background:#3a3a52;color:#999;cursor:not-allowed;opacity:.6}.content-area h2{-webkit-text-fill-color:#0000;animation:gradientShift 5s ease infinite alternate;background:#000;-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:var(--add-ticket-title-color-light);font-size:2.8rem;font-weight:900;margin-bottom:.75rem;text-align:center;text-shadow:2px 2px 4px #0000001a;transition:color .3s ease}@keyframes gradientShift{0%{background-position:0 50%}to{background-position:100% 50%}}body.dark-mode .content-area h2{-webkit-text-fill-color:#0000;background:#fff;-webkit-background-clip:text;background-clip:text;color:var(--add-ticket-title-color-dark);text-shadow:2px 2px 4px #ffffff14}.content-area p{color:var(--add-ticket-text-color-light);font-size:1.15rem;font-weight:400;line-height:1.6;margin-bottom:15px;margin-left:auto;margin-right:auto;max-width:800px;opacity:.9;text-align:center;transition:color .3s ease}body.dark-mode .content-area p{color:var(--add-ticket-text-color-dark);opacity:.8}.content-area h3{color:var(--add-ticket-title-color-light);font-size:1.9rem;font-weight:700;text-align:center;text-shadow:1px 1px 2px #0000000d;transition:color .3s ease}body.dark-mode .content-area h3{color:var(--add-ticket-title-color-dark);text-shadow:1px 1px 2px #ffffff0d}.action-buttons-group{display:flex;gap:5px;justify-content:center}.btn-user-action{border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;padding:13px 21px;transition:all .2s ease-in-out}.btn-edit{background-color:#d1e7dd;border-color:#badbcc;box-shadow:0 4px 12px #0f513259;color:#0f5132}.btn-edit:hover{background-color:#a8d5b7;border-color:#a8d5b7;transform:translateY(-1px)}body.dark-mode .btn-edit{background-color:#22c55e;border-color:#38a169;color:#fff}body.dark-mode .btn-edit:hover{background-color:#2f855a;border-color:#2f855a}.btn-delete{border-color:#f5c6cb}.btn-delete:hover{background-color:#f1b0b7;border-color:#f1b0b7;transform:translateY(-1px)}body.dark-mode .btn-delete{background-color:#e53e3e;border-color:#e53e3e;color:#fff}body.dark-mode .btn-delete:hover{background-color:#c53030;border-color:#c53030}.btn-link-back{border-radius:5px;color:#f9f9f9;margin-top:20px;padding:10px;text-align:center!important}.btn-link-back:hover{color:#007bff;text-decoration:none}.content-area{background:#0000}.header-logo{height:auto;max-height:40px;max-width:100%}.user-view-tabs{display:flex;gap:1rem;justify-content:center;padding:1.5rem 90px 1.5rem 0}.tab-button{background:none;border:none;color:#888;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;padding:.5rem 1rem;position:relative;transition:color .3s}.tab-button.active,.tab-button:hover{color:#3f51b5;color:var(--primary-color,#3b82f6)}.tab-button.active:after{background-color:#3f51b5;background-color:var(--primary-color,#3b82f6);border-radius:2px;bottom:-4px;content:"";height:3px;left:1rem;position:absolute;right:1rem}.user-view-container{margin:2rem auto;max-width:1000px;width:100%}.history-tab,.request-tab{animation:fadeSlideIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3;border-radius:12px;box-shadow:0 0 100px 0 #535353;-webkit-box-shadow:0 0 100px 0 #535353;-moz-box-shadow:0 0 100px 0 #535353;padding:2rem}body.dark-mode .history-tab,body.dark-mode .request-tab{background-color:#0006}.history-tab h2,.request-tab h2{-webkit-text-fill-color:#0000!important;background:linear-gradient(90deg,#5a3fff,#007bff)!important;-webkit-background-clip:text!important;background-clip:text;font-size:4rem;font-weight:700;margin-bottom:.5rem;margin-top:0;text-align:center}.history-tab p,.request-tab p{color:#f9f6f6;margin-bottom:2rem;text-align:center}.theme-toggle-button{align-items:center;background-color:initial;border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:50%;color:#334155;color:var(--text-color-dashboard-light);cursor:pointer;display:flex;font-size:17px;height:38px;justify-content:center;margin:0 10px;transition:all .3s ease;width:38px}.theme-toggle-button:hover{background-color:#cbd5e1;background-color:var(--header-button-hover-bg-light);border-color:#cbd5e1;border-color:var(--header-button-hover-bg-light);transform:scale(1.1)}.theme-toggle-button .fas{transition:transform .4s ease}.theme-toggle-button:hover .fas{transform:rotate(20deg)}body.dark-mode .theme-toggle-button{border-color:var(--border-color-dark);color:var(--text-color-dashboard-dark)}body.dark-mode .theme-toggle-button:hover{background-color:var(--header-button-hover-bg-dark);border-color:var(--header-button-hover-bg-dark)}.job-form-user{background:#1f29372a;border-radius:12px;box-shadow:0 2px 148px 35px #0009;-webkit-box-shadow:0 2px 148px 35px #0009;-moz-box-shadow:0 2px 148px 35px #0009;display:flex;flex-direction:column;flex-wrap:wrap;gap:12px;padding:20px}.row-input{display:flex;gap:20px;justify-content:space-between;margin-bottom:20px;width:100%}.row-input>*{flex:1 1;min-width:0}.react-selectuser{flex:0 0 58%;min-width:200px}.time-wrapper{align-items:flex-start;display:flex;flex:0 0 42%;flex-direction:column;gap:8px;justify-content:flex-end}.flexible-checkbox-wrapper{align-items:center;display:flex;margin-bottom:5px}.flexible-checkbox-wrapper input[type=checkbox]{cursor:pointer;height:18px;margin-right:8px;margin-top:0;width:18px}.flexible-checkbox-wrapper label{color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;line-height:1.2;margin-top:3px;-webkit-user-select:none;user-select:none;white-space:nowrap}.time-inputs-row{align-items:center;display:flex;gap:10px;width:100%}.time-wrapper input[type=checkbox]{accent-color:#5e5e5e;border-radius:4px;cursor:pointer;height:18px;transition:transform .2s ease;width:18px}.time-wrapper input[type=checkbox]:hover{transform:scale(1.1)}.time-wrapper label{color:#f9f6f6cf;cursor:pointer;font-size:.95rem;font-weight:500;margin-bottom:0!important;transition:color .2s ease;-webkit-user-select:none;user-select:none}.time-wrapper input[type=checkbox]:disabled+label{color:#9ca3af;cursor:not-allowed}.input-dateuser,.input-selectuser{background-color:#565659;border:1px solid #ffffff26;border-radius:8px;color:#c6c7c8;flex:0 1;font-size:14px;font-weight:500;padding:10px 12px;transition:.2s ease;width:100%}.input-dateuser::placeholder,.input-selectuser::placeholder{color:#c6c7c8;opacity:1}.input-dateuser:focus,.input-dateuser:hover,.input-selectuser:focus,.input-selectuser:hover{background-color:#6b6b6e;border-color:#b0b0b0;outline:none}.input-dateuser:disabled,.input-selectuser:disabled{background-color:#374151;border:1px solid #4b5563;color:#9ca3af;cursor:not-allowed;opacity:.7}.input-dateuser::-webkit-calendar-picker-indicator,.input-selectuser::-webkit-calendar-picker-indicator{cursor:pointer;filter:brightness(0) invert(1);opacity:.9;-webkit-transition:.2s ease;transition:.2s ease}.input-dateuser::-webkit-calendar-picker-indicator:hover,.input-selectuser::-webkit-calendar-picker-indicator:hover{opacity:1;transform:scale(1.2)}.input-like-selectuser{background-color:#565659;border:1px solid #ffffff26;border-radius:10px;color:#fff;font-size:14px;font-weight:500;margin-bottom:20px;min-height:45px;padding:10px 12px;transition:.2s ease;width:100%}.input-like-selectuser::placeholder{color:#c6c7c8;font-size:14px;opacity:1}.input-like-selectuser:focus,.input-like-selectuser:hover{background-color:#6b6b6e;border-color:#b0b0b0;outline:none}.btn-submituser{background:linear-gradient(90deg,#8b5cf6,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-weight:700;margin:0 auto;padding:10px 18px;transition:.2s ease;width:30%}.btn-submituser:hover{background:linear-gradient(90deg,#a855f7,#2563eb);box-shadow:0 6px 16px #0006;transform:scale(1.05)}.user-header{font-family:Arial,sans-serif;gap:15px}.user-avatar2-container,.user-header{align-items:center;display:flex;position:relative}.user-avatar2-container{cursor:pointer;gap:10px}.user-avatar2{align-items:center;background:linear-gradient(135deg,#4a90e2,#1c3b70);border-radius:50%;display:flex;font-size:1.2rem;height:33px;justify-content:center;overflow:hidden;width:33px}.user-avatar2 img{height:100%;object-fit:cover;width:100%}.user-avatar2-container:hover .user-avatar{transform:scale(1.1)}.user-name{color:#fff;font-size:14px;font-weight:500;white-space:nowrap}.dropdown-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0006;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.user-dropdown{backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background:#1e1e2da6;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 6px 16px #0006;padding:8px;position:absolute;right:0;top:55px;width:200px;z-index:1500}.user-dropdown button{align-items:center;background:#0000;border:none;border-radius:8px;color:#e0e0e0;cursor:pointer;display:flex;font-weight:500;gap:10px;padding:12px 14px;text-align:left;transition:all .2s ease;width:100%}.user-dropdown button:hover{background:#ffffff1a;color:#fff;transform:none}.user-dropdown button.logout-buttonuser{color:#fca5a5}.user-dropdown button.logout-buttonuser:hover{background:#ef444426;color:#f87171}.user-dropdown button i{font-size:.95rem;text-align:center;width:18px}.admin-user-info-container{position:relative}.user-profile-clickable{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:6px 8px;transition:background-color .2s ease}.user-profile-clickable:hover{background-color:#cbd5e1;background-color:var(--header-button-hover-bg-light)}body.dark-mode .user-profile-clickable:hover{background-color:var(--header-button-hover-bg-dark)}.admin-dropdown{background:#ffffff8c;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 24px #00000026;margin-top:12px;padding:8px;position:absolute;right:0;top:100%;transition:background-color .3s ease,border-color .3s ease;width:200px;z-index:1000}.admin-dropdown,body.dark-mode .admin-dropdown{backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%)}body.dark-mode .admin-dropdown{background:#1e1e1e8c;border:1px solid #ffffff1a;box-shadow:0 8px 24px #0006}.admin-dropdown button{align-items:center;background:#0000;border:none;border-radius:8px;color:#b91c1c;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:12px;padding:12px 14px;text-align:left;transition:background-color .2s ease,color .2s ease;width:100%}.admin-dropdown button:hover{background-color:#ef44441a;color:#991b1b}body.dark-mode .admin-dropdown button{color:#fca5a5}body.dark-mode .admin-dropdown button:hover{background-color:#ef444426;color:#f87171}.admin-dropdown button i{font-size:1rem;text-align:center;width:20px}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container input{padding-right:45px!important;width:100%}.password-toggle-btn{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:0;position:absolute;right:10px;transition:color .2s ease}.password-toggle-btn:hover{color:#374151}body.dark-mode .password-toggle-btn{color:#6b7280}body.dark-mode .password-toggle-btn:hover{color:#9ca3af}.confirmation-modal-backdrop{align-items:center;animation:fadeIn .3s ease;animation:fadeBackdrop .3s ease-out forwards;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.confirmation-modal-backdrop.closing{animation:fadeBackdropOut .3s ease-out forwards}.confirmation-modal-content{animation:fadeInScale .3s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fcfcfc;border-radius:20px;box-shadow:0 8px 24px #00000040;padding:30px;text-align:center;transition:all .3s ease;width:500px}.confirmation-modal-content.closing{animation:scaleOut .3s ease-out forwards}.dark-mode .confirmation-modal-content{--input-bg:#1a202cb3;--input-border:#fff3;background:#111;box-shadow:0 8px 24px #00000080}.dark-mode .assigned-item-row input{background:#1a202cb3;border:1px solid #fff3;color:#f8fafc}.confirmation-modal-content h3{word-wrap:break-word;color:#1a1a1a;color:var(--text-color-light);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;margin-top:0;overflow-wrap:break-word;text-align:center;white-space:normal;word-break:break-all}.dark-mode .confirmation-modal-content h3{color:var(--text-color-dark)}.confirmation-modal-content p{word-wrap:break-word;color:#666;color:var(--secondary-text-color-light);font-size:1rem;margin-bottom:20px;margin-top:0;overflow-wrap:break-word;white-space:normal;word-break:break-all}.dark-mode .confirmation-modal-content p{color:var(--secondary-text-color-dark)}.confirmation-modal-actions{display:flex;gap:12px;margin-top:24px}.confirmation-modal-backdrop-user{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9900}.confirmation-modal-content-user{backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background:#1f2937f2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 24px #0006;color:#f3f4f6!important;max-width:90%;padding:24px 28px;text-align:center;transition:all .2s ease;width:500px}.modal-content-user h2{word-wrap:break-word;color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:20px;overflow-wrap:break-word;white-space:normal;word-break:break-all}.modal-content-user h4{color:#d1d5db;font-size:1rem;font-weight:500;margin:12px 0 6px}.confirmation-modal-content-user p{word-wrap:normal;word-wrap:break-word;color:#f3f4f6;font-size:1.1rem;font-weight:500;margin-top:0;overflow-wrap:normal;overflow-wrap:break-word;white-space:normal;word-break:normal;word-break:break-word}.dark-mode .confirmation-modal-content-user p{color:var(--secondary-text-color-dark)}.admin-select,.scan-input-group{position:relative}.admin-select:after,.scan-input-group:after{background-color:#ccc;background-color:var(--border-color-light,#ccc);content:"";height:55%;pointer-events:none;position:absolute;right:2.3rem;top:50%;transform:translateY(-50%);width:1px}body.dark-mode .admin-select:after,body.dark-mode .scan-input-group:after{background-color:#6b7280}.admin-select .css-1okebmr-indicatorSeparator,.scan-input-group .css-1okebmr-indicatorSeparator{display:none!important}.form-group-AssignAdmin{margin-bottom:1.25rem;text-align:center}.modal-label{display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.modal-subtitle{font-size:.95rem;font-weight:600;margin-top:16px}.assigned-items-list{margin-top:16px;text-align:left}.assigned-items-list-scan{background-color:#f4f7f6;background-color:var(--input-bg-secondary,#f4f7f6);border:1px dashed #ccc;border:1px dashed var(--input-border,#ccc);border-radius:8px;margin-bottom:1.5rem;margin-top:.5rem;max-height:150px;min-height:60px;overflow-y:auto;padding:.5rem}.empty-list-text{color:#6c757d;color:var(--text-color-secondary,#6c757d);font-size:.9rem;font-style:italic;padding:1rem 0;text-align:center}.assigned-item-row{align-items:center;background:#f9fafb;background:var(--input-bg,#f9fafb);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 12px}.assigned-item-row .item-name{font-weight:500}.item-quantity-group input{border:1px solid #ccc;border-radius:8px;padding:4px 6px;width:70px}.input-with-button-wrapper{align-items:center;display:flex;gap:8px}.async-select-main{flex-grow:1}.btn-scan-camera{color:#1e40af;flex-shrink:0;font-size:30px;padding:0 8px}.dark-mode .btn-scan-camera{color:#f3f4f6}.modal-content-user p[style]{word-wrap:break-word;background:#374151!important;border:1px solid #4b5563;color:#f3f4f6!important;font-size:.95rem;line-height:1.6;margin-bottom:20px;overflow-wrap:break-word;white-space:normal;word-break:break-all}.proof-image-container img{border:2px solid #374151;border-radius:10px;margin-top:8px;transition:transform .2s ease}.proof-image-container img:hover{transform:scale(1.02)}.btn-cancel,.btn-confirm,.btn-history{border:none;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 24px;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease}.btn-confirm{background-color:#007bff;background-color:var(--button-confirm-bg-light)}.btn-confirm:hover{background-color:#0056b3;background-color:var(--button-confirm-hover-light);box-shadow:0 6px 10px #00000026;transform:translateY(-2px)}.btn-cancel{background-color:#dc3545;background-color:var(--button-cancel-bg-light)}.btn-cancel:hover{background-color:#c82333;background-color:var(--button-cancel-hover-light);box-shadow:0 6px 10px #00000026;transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-canceluser,.btn-confirmuser{border:none;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 24px;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease}.btn-confirmuser{background-color:#007bff;background-color:var(--button-confirm-bg-light)}.btn-confirmuser:hover{background-color:#0056b3;background-color:var(--button-confirm-hover-light);box-shadow:0 6px 10px #00000026;transform:translateY(-2px)}.btn-canceluser{background-color:#dc3545;background-color:var(--button-cancel-bg-light)}.btn-canceluser:hover{background-color:#c82333;background-color:var(--button-cancel-hover-light);box-shadow:0 6px 10px #00000026;transform:translateY(-2px)}.rejection-reason-textarea{background-color:#fff;background-color:var(--input-bg-light);border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:8px;color:#1a1a1a;color:var(--text-color-light);font-family:Inter,sans-serif;font-size:1rem;margin-top:1rem;min-height:100px;padding:10px;resize:vertical;width:100%}body.dark-mode .rejection-reason-textarea{background-color:var(--input-bg-dark);border-color:var(--border-color-dark);color:var(--text-color-dark)}.rejection-reason-textarea-user{background-color:var(--input-bg-dark);border:1px solid var(--border-color-dark);border-radius:8px;color:var(--text-color-dark);font-family:Inter,sans-serif;font-size:1rem;margin-top:1rem;min-height:100px;padding:10px;resize:vertical;width:100%}.btn-confirm-reject{background-color:#ef4444;background-color:var(--btn-delete);border:none;border-radius:5px;cursor:pointer;flex-grow:1;font-size:1rem;font-weight:700;padding:12px 24px;transition:background-color .2s ease,transform .1s ease}.btn-confirm-reject:hover{background-color:#dc2626;background-color:var(--btn-delete-hover)}.rejection-reason-display{background-color:#f1f5f9;border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:8px;margin-top:1rem;min-height:80px;padding:15px;text-align:left}.rejection-reason-display p{color:#1a1a1a;color:var(--text-color-light);margin:0}body.dark-mode .rejection-reason-display{background-color:var(--input-bg-dark);border-color:var(--border-color-dark)}body.dark-mode .rejection-reason-display p{color:var(--text-color-dark)}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.modal-backdrop{align-items:center;animation:fadeBackdrop .35s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.modal-backdrop.closing{animation:fadeBackdropOut .3s ease-out forwards}.modal-backdrop-user{align-items:center;animation:fadeBackdrop .35s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.modal-content{animation:scaleIn .35s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #ffffff80;border-radius:18px;box-shadow:0 12px 36px #00000040;max-height:80vh;max-width:500px;overflow-y:auto;padding:28px 32px;text-align:center;transition:all .3s ease}.dark-mode .modal-content{background:#111}.dark-mode .modal-content,.modal-content-user{border:1px solid #94a3b840;box-shadow:0 12px 36px #0000008c}.modal-content-user{animation:scaleIn .35s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f2937f2;border-radius:18px;max-height:80vh;max-width:90%;overflow-y:auto;padding:28px 32px;text-align:center;transition:all .3s ease;width:460px}.modal-content-user h3{color:#fff;font-size:1.55rem;font-weight:700;letter-spacing:-.3px;margin:0 0 14px}.modal-content-user p{word-wrap:break-word;color:#cbd5e1;margin-bottom:20px;overflow-wrap:break-word;white-space:normal;word-break:break-all}.modal-content h3{color:#0f172a;font-size:1.55rem;font-weight:700;letter-spacing:-.3px;margin:0 0 14px}.dark-mode .modal-content h3{color:#f8fafc}.modal-content p{color:#475569;font-size:1rem;line-height:1.5;margin:0 0 18px}.dark-mode .modal-content p{color:#cbd5e1}.reason-display{background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #f1f5f9;border-radius:12px;box-shadow:inset 0 2px 6px #0000000d;color:#991b1b;font-size:1rem;font-weight:500;line-height:1.6;margin:14px 0 20px;padding:14px 16px;transition:transform .2s ease}.reason-display:hover{transform:scale(1.02)}.dark-mode .reason-display{background:#1e293b;border:1px solid #334155;color:#fca5a5}.modal-actions{display:flex;gap:14px;justify-content:center;margin-top:14px}.modal-actions button{border:none;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;padding:11px 20px;transition:all .25s ease}.btn-confirm-reject{background:#dc2626;box-shadow:0 4px 10px #dc262640;color:#fff}.btn-confirm-reject:hover{background:#b91c1c;box-shadow:0 6px 14px #dc262659;transform:translateY(-2px)}.btn-confirm-reject:active{transform:scale(.97)}.btn-delete{background-color:#f8d7da;box-shadow:0 4px 12px #ef444459;color:#721c24}.btn-delete:hover{background:#f5c6cb;transform:translateY(-2px) scale(1.05)}.btn-delete:active{transform:scale(.97)}.btn-secondary{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);box-shadow:0 3px 10px #94a3b859;color:#1e293b}.btn-secondary:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-2px) scale(1.05)}.btn-secondary:active{background:#94a3b8;color:#fff;transform:scale(.97)}@keyframes fadeBackdrop{0%{opacity:0}to{opacity:1}}@keyframes fadeBackdropOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(20px)}}.notification-form-container{background:#fff;border-radius:14px;box-shadow:0 6px 16px #0000001a;margin-top:24px;padding:24px}.notification-form-container h2{padding-bottom:5px}.notification-form-container form{display:flex;flex-direction:column;gap:15px}.notification-form-container .form-group,.notification-form-container .form-group2{display:flex;flex-direction:column;gap:8px}.notification-form-container label{color:var(--text-color-primary);font-size:14px;font-weight:500}.notification-form-container input,.notification-form-container select,.notification-form-container textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.notification-form-container .form-row{display:flex;gap:20px}.notification-form-container .form-row .form-group{flex:1 1}.custom-select-notif__control{background-color:#f5f5f5!important;border-color:#f9fafb;border-radius:8px!important;color:#111827;cursor:pointer!important;font-size:14px;padding:3.4px 0 3.4px 10px!important}.custom-select-notif__menu{background-color:#f5f5f5!important;border:1px solid #d1d5db!important;border-radius:8px!important}.custom-select-notif__option{background-color:#f5f5f5!important;cursor:pointer!important}.custom-select-notif__option--is-focused{background-color:#f0f0f0!important;color:#333!important}.custom-select-notif__option--is-selected{background-color:#d6eaf8!important;color:#154360!important}.dark-mode .custom-select-notif__option{background-color:#3a3f44!important}.dark-mode .custom-select-notif__control{background-color:#3a3f44!important;border-color:#374151!important;color:#f9fafb}.dark-mode .custom-select-notif__input-container,.dark-mode .custom-select-notif__placeholder,.dark-mode .custom-select-notif__single-value{color:#fff!important}.dark-mode .custom-select-notif__menu{background-color:#2c2f33!important;border:1px solid #495057!important}.dark-mode .custom-select-notif__option{color:#fff!important}.dark-mode .custom-select-notif__option--is-focused{background-color:#4a5568!important;color:#e2e8f0!important}.dark-mode .custom-select-notif__option--is-selected{background-color:#2b6cb0!important;color:#fff!important}body.dark-mode .notification-form-container{background:#111;box-shadow:0 4px 12px #0006;color:#f9fafb}body.dark-mode .notification-form-container label{color:#d1d5db}.templates-section{margin-bottom:20px}.templates-section h4{font-size:1rem;font-weight:600;margin-bottom:10px}.template-buttons{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.btn-template{background:#f2f8ff;border:none;border-radius:8px;color:#111827;cursor:pointer;font-size:.95rem;font-weight:500;margin:0 8px;padding:10px 16px;transition:background .2s ease,transform .2s ease}.btn-template:hover{background:#dfe3e8}.dark-mode .btn-template{background:#47556940;color:#f9fafb}.dark-mode .btn-template:hover{background:#47556966;transform:translateY(-2px)}.form-row{align-items:flex-start;display:flex;gap:20px}.form-row .form-group{display:flex;flex:1 1;flex-direction:column}.form-group,.form-group2{display:flex;flex-direction:column;margin-bottom:16px}.form-group2{gap:12px;width:100%}.form-group label{font-weight:500;margin-bottom:6px}.form-group textarea{width:400px}.form-group input,.form-group select,.form-group textarea,.form-group2 input,.form-group2 select,.form-group2 textarea{border:1px solid;border-radius:8px;font-size:.95rem;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.form-group input,.form-group select,.form-group textarea,.form-group2 input,.form-group2 select,.form-group2 textarea{width:100%}.btn-primary{background:#d6eaf8;border:#0000;border-radius:8px;color:#154360;cursor:pointer;display:inline-block;font-weight:600;padding:10px 16px}.btn-primary:hover{background-color:#aed6f1;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-archive{background-color:#fff3cd;border:#ffeeba;border-radius:8px;color:#856404;cursor:pointer;display:inline-block;font-weight:600;padding:10px 16px}.btn-archive:hover{background-color:#ffde89;border-color:#ffde89}.btn-archive:disabled{cursor:not-allowed;opacity:.6}body.dark-mode .btn-archive{background-color:#f59e0b;border-color:#0000;color:#1f2937}body.dark-mode .btn-archive:hover{background-color:#c05621;border-color:#c05621;transform:translateY(-2px)}.btn-scan{background-color:#fff3cd;border:#ffeeba;border-radius:8px;color:#856404;cursor:pointer;display:inline-block;font-weight:600;padding:10px 16px}.btn-scan:hover{background-color:#ffde89;border-color:#ffde89}.btn-scan:disabled{cursor:not-allowed;opacity:.6}body.dark-mode .btn-scan{background-color:#f59e0b;border-color:#0000;color:#1f2937}body.dark-mode .btn-scan:hover{background-color:#c05621;border-color:#c05621;transform:translateY(-2px)}.action-buttons-stok{display:flex;gap:10px;margin-bottom:10px;margin-top:10px}.feedback-message{color:#10b981;margin-top:12px}.btn-history{background-color:#10b981;color:#fff}.btn-hover{background-color:#059669;color:#fff}.bulk-action-bar{align-items:center;display:flex;gap:10px}.bulk-action-bar .btn-clear{align-items:center;background-color:#fee2e2;border:none;border-radius:6px;color:#b91c1c;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;padding:10px 16px;transition:background-color .2s ease,transform .1s ease}.bulk-action-bar .btn-clear:hover{background-color:#fecaca;color:#991b1b}.bulk-action-bar .btn-clear:active{background-color:#fca5a5;transform:scale(.98)}.bulk-action-bar .btn-primary-outline,.bulk-action-bar .btn-soft-grey{margin:0;width:auto}.bulk-action-bar .btn-soft-grey.btn-clear{flex-basis:content;flex-grow:0;padding:10px 16px}.modal-content .form-group{align-items:center;display:flex;flex-direction:column;margin-bottom:16px;width:100%}.modal-content .form-group label{color:#374151;font-size:15px;font-weight:600;margin-bottom:6px;text-align:center}.dark-mode .modal-content .form-group label{color:#f3f4f6!important}.modal-content .form-group input,.modal-content .form-group textarea{background:#f5f5f5;border-color:#d1d5db;border-radius:8px;box-sizing:border-box;color:#111827;font-size:16px;padding:12px 15px;width:100%}.modal-content .image-preview{margin-top:12px;text-align:center}.form-group input,.form-group select,.form-group textarea,.form-group2 input,.form-group2 select,.form-group2 textarea{background:#f5f5f5;border-color:#d1d5db;color:#111827}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.form-group2 input:focus,.form-group2 select:focus,.form-group2 textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d;outline:none}.user-management-container h1{-webkit-text-fill-color:#0000;background:#000;-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:700;margin-bottom:50px;padding-bottom:16px;padding-left:0;position:relative;text-align:center;text-shadow:1px 1px 3px #0000001a}.user-management-container h1:after{background-color:#a0a0a04d}.dark-mode .user-management-container h1:after,.user-management-container h1:after{border-radius:2px;bottom:-10px;content:"";height:1.5px;left:50%;position:absolute;transform:translateX(-50%);width:90%}.dark-mode .user-management-container h1:after{background-color:#4a667a}.dark-mode .user-management-container h1{-webkit-text-fill-color:#0000;background:#fff;-webkit-background-clip:text;background-clip:text;text-shadow:1px 1px 3px #fff3}.user-management-container p{font-size:1.1rem;margin-bottom:30px;text-align:center}body.dark-mode{background:#111827;color:#f9fafb}body.dark-mode .form-group input,body.dark-mode .form-group select,body.dark-mode .form-group textarea,body.dark-mode .form-group2 input,body.dark-mode .form-group2 select,body.dark-mode .form-group2 textarea{background:#3a3f44;border-color:#4b5563;color:#f9fafb}body.dark-mode .form-group input:focus,body.dark-mode .form-group select:focus,body.dark-mode .form-group textarea:focus,body.dark-mode .form-group2 input:focus,body.dark-mode .form-group2 select:focus,body.dark-mode .form-group2 textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #8b5cf666}body.dark-mode .btn-primary{background-color:#4f46e5;border-color:#0000;box-shadow:0 2px 6px #4f46e540;color:#fff}body.dark-mode .btn-primary:hover{background-color:#4338ca;box-shadow:0 4px 10px #4f46e54d;transform:translateY(-2px)}body.dark-mode .feedback-message{color:#34d399}.sku-add-button-container{display:flex;gap:10px;margin-bottom:10px}.notification-bell-container{display:inline-block;position:relative}.notification-button{align-items:center;background:#0000;border:none;color:#f9fafb;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;justify-content:center;padding:4px;position:relative;transition:transform .2s ease,color .3s ease}.notification-button:hover{color:#38bdf8}.notification-badge{background:#ef4444;border-radius:999px;box-shadow:0 0 6px #ef4444cc;color:#fff;font-size:.75rem;font-weight:700;padding:2px 6px;position:absolute;right:-5px;top:-5px}.notification-panel{backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background:#1e1e2da6;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 6px 16px #0006;margin-top:10px;max-height:400px;overflow-y:auto;padding:8px;position:absolute;right:0;width:320px;z-index:1000}.notification-panel-header{border-bottom:1px solid #ffffff1a;padding:10px 16px}.notification-panel-header h4{color:#f9fafb;font-size:1rem;font-weight:600;margin:0}.notification-list{display:flex;flex-direction:column}.notification-item{align-items:flex-start;border-bottom:1px solid #ffffff14;border-radius:8px;display:flex;gap:10px;justify-content:space-between;margin:4px;padding:12px 8px;transition:background .2s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#ffffff14}.notification-item strong{color:#38bdf8;display:block;font-size:.95rem;font-weight:600;margin-bottom:4px}.notification-item p{color:#e2e8f0;font-size:.85rem;line-height:1.5;margin:0 0 8px}.notification-item small{color:#94a3b8;font-size:.75rem}.notification-item.empty{border-bottom:none;color:#94a3b8;font-style:italic;padding:20px 16px;text-align:center}.notification-panel::-webkit-scrollbar{width:6px}.notification-panel::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.notification-panel::-webkit-scrollbar-track{background:#0000}.notification-content{flex-grow:1}.notification-delete-btn{background:none;border:none;color:#a0a0a0;cursor:pointer;font-size:14px;margin-top:5px;padding:5px;transition:color .2s ease}.notification-delete-btn:hover{color:#e74c3c}.btn-proof{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .2s}.btn-proof:hover{background-color:#2980b9}.image-preview img{border:1px solid #ddd;padding:5px}.btn-view-proof{background-color:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .2s}.btn-view-proof:hover{background-color:#229954}.global-notification-history{background:#fff;border-radius:8px;box-shadow:0 6px 16px #0000001a;margin-top:30px;padding:25px}.global-notification-history h2{padding-bottom:10px}.history-list{list-style:none;margin:0;padding:0}.history-item{align-items:flex-start;border-bottom:1px solid #ccc;border-bottom:1px solid var(--border-color-light);display:flex;justify-content:space-between;padding:15px 0}.history-item:last-child{border-bottom:none}.history-item-content{text-align:left}.history-item-content strong{display:block;margin-bottom:5px;text-align:left}.history-item-content p{color:#6c757d;margin:5px 0;text-align:left}.history-item-content small{color:#a0a0a0;display:block;font-size:12px;margin-top:4px;text-align:left}body.dark-mode .global-notification-history{background-color:#111;border:1px solid #333;box-shadow:0 4px 12px #0009;color:#e0e0e0}body.dark-mode .global-notification-history h2{border-bottom:1px solid #444;color:#f5f5f5}body.dark-mode .history-item{border-bottom:1px solid #333}body.dark-mode .history-item-content p{color:#b0b0b0}body.dark-mode .history-item-content small{color:#888}.custom-select-role__control{background-color:#f5f5f5!important;border:1px solid #ccc!important;border-radius:8px!important;box-shadow:none!important;cursor:pointer!important;min-height:40px}.custom-select-role__menu{border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden}.custom-select-role__option{background-color:#f5f5f5!important;cursor:pointer!important;padding:10px 12px}.dark-mode .custom-select-role__option{background-color:#3a3f44!important}.custom-select-role__option--is-focused{background-color:#f0f0f0!important;color:#333!important}.custom-select-role__option--is-selected{background-color:#d6eaf8!important;color:#154360!important}.dark-mode .custom-select-role__control{background-color:#3a3f44!important;border-color:#4b5563!important;color:#f9fafb!important}.dark-mode .custom-select-role__menu{background-color:#2c2f33!important;border:1px solid #495057!important}.dark-mode .custom-select-role__option{color:#e2e8f0}.dark-mode .custom-select-role__option--is-focused{background-color:#4a5568!important;color:#e2e8f0!important}.dark-mode .custom-select-role__option--is-selected{background-color:#2b6cb0!important;color:#fff!important}.dark-mode .custom-select-role__single-value{color:#eee!important}.dark-mode .custom-select-role__indicator-separator{background-color:#555!important}.dark-mode .custom-select-role__dropdown-indicator svg{fill:#bbb!important}.dark-mode .custom-select-role__placeholder{color:#999!important}.btn-action{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;padding:6px 14px;transition:all .2s ease-in-out;white-space:nowrap}.btn-action:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-action i{margin-right:5px}.btn-delete-small{background-color:#f8d7da;border-color:#f5c6cb;box-shadow:0 4px 12px #ef444459;color:#721c24}.btn-delete-small:hover{background-color:#f1b0b7;border-color:#f1b0b7}body.dark-mode .btn-delete-small{background-color:#ef4444;color:#fff}body.dark-mode .btn-delete-small:hover{background-color:#c53030;border-color:#c53030}.btn-start{background-color:#d1e7fd;border-color:#b6d4fe;box-shadow:0 4px 12px #08429859;color:#084298}.btn-start:hover{background-color:#a3c7fe;border-color:#a3c7fe}body.dark-mode .btn-start{background-color:#5b86e5;background-color:var(--btn-submit,#4f46e5);color:#fff}body.dark-mode .btn-start:hover{background-color:#2563eb;border-color:#2563eb}.btn-cancel-aksi{background-color:#fff3cd;border-color:#ffeeba;box-shadow:0 4px 12px #85640459;color:#856404}.btn-cancel-aksi:hover{background-color:#ffde89;border-color:#ffde89}body.dark-mode .btn-cancel-aksi{background-color:#f59e0b;color:#1f2937}body.dark-mode .btn-cancel-aksi:hover{background-color:#c05621;border-color:#c05621}.btn-finish{background-color:#d1e7dd;border-color:#badbcc;box-shadow:0 4px 12px #0f513259;color:#0f5132}.btn-finish:hover{background-color:#a8d5b7;border-color:#a8d5b7}body.dark-mode .btn-finish{background-color:#22c55e;color:#fff}body.dark-mode .btn-finish:hover{background-color:#2f855a;border-color:#2f855a}body.dark-mode .btn-pause{background-color:#64748b;color:#fff}body.dark-mode .btn-pause:hover{background-color:#4a5568;border-color:#4a5568}.welcome-header{margin-bottom:2rem;text-align:center}.welcome-header h1{background:#f7f9fc;background:var(--auth-bg-light);font-size:3rem;font-weight:800}.dark-mode .welcome-header h1{background:var(--auth-bg-dark)}.welcome-header p{color:#4a5568;font-size:1.1rem;margin-bottom:2rem;max-width:600px}.welcome-card{animation:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;box-shadow:none;margin:0 auto;max-width:1200px;padding:1.5rem;width:100%}.welcome-card p{color:#f1f1f1;font-size:1rem;line-height:1.7;margin-bottom:2rem;text-align:left}.welcome-card ul{list-style:disc;margin:1rem auto 2rem;max-width:600px;padding-left:1.5rem;text-align:left}.welcome-card ul li{color:#dcdcdc;font-size:.95rem;margin-bottom:.5rem}.explore-button{background:linear-gradient(90deg,#8b5cf6,#3b82f6);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;padding:12px 40px;transition:.2s ease}.explore-button:hover{background:linear-gradient(90deg,#a855f7,#2563eb);box-shadow:0 6px 20px #0006;transform:scale(1.05)}.explore-button:active{box-shadow:none;transform:scale(1)}.welcome-title{color:#000;font-size:2.2rem;font-weight:700;margin-bottom:20px}body.dark-mode .welcome-title{color:#fff}.welcome-text{color:#e2e8f0!important;font-size:1.1rem;letter-spacing:.3px;line-height:1.6;max-width:600px;text-align:center}.welcome-button{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 25px;transition:transform .2s ease,background .3s ease}.welcome-button:hover{background:linear-gradient(135deg,#357abd,#2c5aa0);transform:translateY(-3px)}.welcome-button:active{transform:translateY(1px)}.main-header-controls-user{align-items:center;display:flex;flex-direction:row;gap:1rem}@media (max-width:768px){.action-buttons-stok{flex-wrap:wrap;gap:0;margin-bottom:0;margin-top:0}.welcome-content{gap:15px;padding:30px 25px}.welcome-title{font-size:1.8rem}.welcome-text{font-size:1rem}.welcome-button{font-size:.95rem;padding:10px 20px}}@media (max-width:480px){.welcome-content{border-radius:15px;gap:20px;padding:100px 10px}.welcome-title{font-size:1.5rem}.welcome-text{font-size:.9rem;line-height:1.4}.welcome-button{border-radius:8px;font-size:.85rem;padding:8px 18px}}@media (max-width:1008px){.notification-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:15px;height:33px;justify-content:center;position:relative;width:33px}.notification-badge{background:red;border-radius:50%;color:#fff;font-size:.7rem;padding:2px 5px;position:absolute;right:-6px;top:-6px}.notification-panel{border-radius:12px;max-height:60vh;overflow-y:auto;padding:10px;position:fixed;right:10px;top:60px;width:85vw;z-index:2000}.notification-overlay{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f172a66;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.main-header-user{align-items:center;display:flex;flex-direction:column;gap:0;margin:0;padding:2rem 1rem!important;position:relative;width:100%}.header-logo{height:36px;margin:0 auto;width:auto}.main-header-controls-user{align-items:center;display:flex;gap:10px;gap:20px;justify-content:flex-end;justify-content:center;margin-top:10px;position:relative;right:auto;top:auto;width:auto;z-index:20}.main-header-controls-user .breadcrump{display:none}.logout-buttonuser{font-size:18px;justify-content:center;padding:14px 18px;text-align:center}.logout-buttonuser i{font-size:20px;margin-right:10px}.user-dropdown{border-radius:12px;left:10px;padding:12px;right:10px;top:60px}.user-dropdown button{border-radius:8px;font-size:16px;justify-content:center;padding:14px 18px;text-align:center}.user-dropdown button:hover{background:#fff3}.user-view-tabs{display:flex;gap:1rem;justify-content:center;margin-top:.3rem;position:relative;transform:translateX(40px);width:100%;z-index:10}.tab-button{font-size:.95rem}.tab-button.active:after{bottom:-3px;height:2px;left:.8rem;right:.8rem}.user-view-container{display:flex;justify-content:center;max-width:100%;padding:0}.user-view-content{max-width:500px;width:100%}.history-tab,.request-tab{border-radius:10px;box-shadow:0 0 40px 0 #53535399;padding:1rem}.history-tab h2,.request-tab h2{font-size:2rem}.history-tab p,.request-tab p{font-size:1rem}.row-input{align-items:stretch!important;display:flex!important;flex-direction:column!important;gap:15px!important}.input-dateuser,.input-descriptionuser,.input-selectuser,.react-selectuser,.row-input,.time-wrapper{width:100%!important}.time-inputs-row{flex-wrap:wrap}.flexible-checkbox-wrapper{margin-bottom:8px;width:100%}.input-dateuser,.input-selectuser{flex:1 1!important;text-align:center}.time-wrapper{align-items:flex-start!important;display:flex!important;flex-direction:column!important;gap:10px!important}.time-wrapper input[type=checkbox],.time-wrapper label{margin-right:6px}.btn-submituser{margin-top:10px;width:100%!important}input[type=date],input[type=time]{-webkit-appearance:none;appearance:none;color:#fff;min-height:45px;position:relative}input[type=date].empty-date,input[type=time].empty-date{color:#0000}input[type=date].empty-date:before,input[type=time].empty-date:before{color:#c6c7c8;content:attr(data-placeholder);left:0;pointer-events:none;position:absolute;right:0;text-align:center;top:50%;transform:translateY(-50%);width:100%}input[type=date]:focus:before,input[type=date]:valid:before,input[type=time]:focus:before,input[type=time]:valid:before{content:""!important;width:0}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{bottom:0;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;width:100%;z-index:10}}@media (min-width:1009px) and (max-width:2002px){.main-header-user{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;padding:.8rem 1.5rem}.header-logo{height:42px;margin:0}.user-view-tabs{display:flex;flex:1 1;gap:1.2rem;justify-content:center;margin:0;transform:none}.tab-button{font-size:1rem;padding:.4rem .8rem}.tab-button.active:after{bottom:-4px;height:2px;left:.6rem;right:.6rem}.main-header-controls-user{align-items:center;display:flex;gap:20px;justify-content:flex-end;position:static}.user-view-container{max-width:100%;padding:0 1rem}.user-view-content{margin:0 auto;max-width:900px;width:100%}.row-input{align-items:flex-start;display:flex!important;flex-wrap:wrap;gap:15px!important;position:relative;width:100%!important}.input-dateuser,.input-selectuser,.react-selectuser,.time-wrapper{flex:1 1 30%;min-width:160px}.time-wrapper input[type=checkbox],.time-wrapper label{margin:0}.row-input .checkbox-flexible{align-items:center;display:flex;gap:5px;position:absolute;right:0;top:0}.input-descriptionuser{flex:1 1 100%;width:100%!important}.btn-submituser{align-self:center;flex:1 1 100%;margin-top:10px;padding:.6rem 1.5rem;width:auto!important}}@media (min-width:1371px) and (max-width:2002px){.user-view-container{margin-top:2rem;max-width:100%;padding:2rem 1rem 5rem}.user-view-content{margin:0 auto;max-width:1000px;width:100%}}@media (max-width:1290px){.notification-panel{max-height:55vh;right:8px;top:55px;width:90vw}.main-header-user{padding:.6rem}.header-logo{max-height:50px}.user-view-container{margin:3rem auto;max-width:100%}.history-tab,.request-tab{padding:.8rem;text-align:center}.main-header-user nav a{font-size:.75rem;margin:0 .2rem}.user-history-table,.user-history-table tbody,.user-history-table td,.user-history-table th,.user-history-table thead,.user-history-table tr{display:block;width:100%}.user-history-table thead{display:none}.user-history-table tr{background:#ffffff0d;border-radius:8px;margin-bottom:15px;padding:10px}.user-history-table td{align-items:center;border:none;display:flex;justify-content:space-between;padding:8px 10px;position:relative;text-align:right}.user-history-table td:before{color:#aaa;content:attr(data-label);flex:1 1;font-weight:700;text-align:left;text-transform:capitalize}.user-history-table td button,.user-history-table td span{flex:1 1;text-align:right}.user-history-table td button{border:1px solid #007bff;border-radius:12px;display:inline-block block;font-weight:600;margin:6px auto;padding:8px 14px;text-align:center;width:auto}.user-history-table td[data-label=Aksi]{align-items:center;flex-direction:column;justify-content:flex-end}.user-history-table td[data-label=Aksi]:before{content:none;display:none;margin-bottom:6px}.user-history-table td[data-label=Status]{align-items:stretch;flex-direction:column}.user-history-table td[data-label=Status]:before{content:none;display:none;margin-bottom:6px}.user-history-table td[data-label=Status] .status-badge{border-radius:20px;display:inline-block;font-weight:600;margin:6px auto;padding:8px 14px;text-align:center;width:auto}}.dashboard-container2{background-color:#f9f9f9;box-sizing:border-box;display:flex;flex-direction:column;gap:30px;margin-left:0;margin-right:0;max-width:100%;padding-left:0;padding-right:0;width:100%}.dashboard-column2,.dashboard-row{grid-gap:20px;grid-template-columns:repeat(2,1fr)}.dashboard-column2,.dashboard-row,.dashboard-row2{box-sizing:border-box;display:grid;gap:20px;width:100%}.dashboard-row2{grid-gap:20px;grid-template-columns:68% 30%}.dashboard-card{background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;display:flex;flex-direction:column;padding:15px 20px}.dashboard-card h4{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.line-chart-card{flex:0 0 70%;height:350px}.pie-chart-card{flex:0 0 30%;height:350px}.bar-chart-card{height:400px}.map-chart-card{height:400px;overflow:hidden;padding:10px}.map-chart-card h4{margin:0 0 10px}.custom-tooltip{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#000;font-size:13px;padding:10px 14px;transition:background .3s ease,color .3s ease}body.dark-mode .custom-tooltip{background-color:#1f1f1f;border:1px solid #444;box-shadow:0 2px 8px #ffffff1a;color:#f1f1f1}@media (max-width:1024px){.dashboard-row,.dashboard-row2{grid-template-columns:1fr}}body.dark-mode .dashboard-container2{background-color:#0a0a0a;color:#f0f0f0}body.dark-mode .dashboard-card{background:#111;box-shadow:0 2px 6px #0009}body.dark-mode .dashboard-card h4{color:#fff}.dashboard-card,.dashboard-card h4,.dashboard-container2{transition:background-color .3s,color .3s}html{scroll-behavior:smooth}.landing-page-container{background-color:#0a0f1e;height:100vh;overflow:hidden;position:relative;width:100vw}.landing-scroll-content{height:100vh;overflow-x:hidden;overflow-y:auto;position:relative;scroll-behavior:smooth;width:100%;z-index:1}.landing-header.sticky-header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0a0f1ebf;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #0000004d;display:flex;justify-content:space-between;padding:.8rem 2rem;position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s ease;width:100%;z-index:100}.landing-header .header-nav{display:flex;gap:2rem}.landing-header .header-nav a{color:#e2e8f0;cursor:pointer;font-weight:500;padding-bottom:4px;position:relative;transition:color .2s}.landing-header .header-nav a:hover{color:#60a5fa}.landing-header .header-left-group,.landing-header .header-right-group{flex:1 1}.landing-header .header-right-group{display:flex;justify-content:flex-end}.landing-header .btn-btn2{align-items:center;background:none;border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;overflow:visible;padding:.5rem 1rem;position:relative;transition:color .3s ease}.landing-header .btn-btn2:hover{box-shadow:none;color:#3f51b5;color:var(--primary-color,#3b82f6);transform:none}.landing-header .btn-btn2:after{background-color:#3f51b5;background-color:var(--primary-color,#3b82f6);bottom:0;content:"";height:2px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:width .3s ease-out,opacity .1s;width:0}.landing-header .btn-btn2:hover:after{opacity:1;width:100%}@keyframes shine{0%{background-position:200%}to{background-position:-200%}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%{box-shadow:0 0 5px #a855f766}50%{box-shadow:0 0 15px #a855f7b3}to{box-shadow:0 0 5px #a855f766}}@keyframes floatY{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes gradientMove{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.header-left-group .header-logo{height:35px;object-fit:contain}.header-nav{display:flex;gap:2rem}.header-nav a{color:#e2e8f0;cursor:pointer;font-size:1rem;font-weight:500;padding:.25rem .5rem;position:relative;text-decoration:none;transition:color .3s ease}.header-nav a:after{background:#60a5fa;bottom:-4px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.header-nav a:hover{color:#60a5fa}.header-nav a:hover:after{width:70%}.header-right-group .btn-btn2{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.4rem;transition:color .3s,transform .2s}.header-right-group .btn-btn2:hover{color:#60a5fa;transform:translateY(-2px)}.header-right-group .btn-btn2 i{font-size:1.2rem}.public-content-singlepage{padding-top:0;position:relative;width:100%;z-index:1}.landing-section{align-items:center;background:#0000!important;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:4rem 1rem;position:relative;scroll-margin-top:70px;width:100%}.landing-section.full-height{padding:0}.dashboard-container.no-sidebar{background:none;display:flex;flex-direction:column;height:100vh;overflow:hidden}.dashboard-container.no-sidebar .main-content{flex:1 1;margin-left:0;min-height:0;overflow-y:auto;padding:0}.public-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2rem;overflow-y:auto;padding:3rem 2rem}.public-content h1,.public-content h2{font-size:2rem}.public-content h1,.public-content h2,.public-content h3{color:#8b5cf6;font-weight:700;margin-bottom:1rem;text-align:center}.public-content h3{font-size:1.5rem}.welcome-intro{color:#ffffff80;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.features-container{background:#0000;margin:0 auto;max-width:1200px;padding:2rem 1rem;width:100%}.features-group{margin-bottom:4rem;text-align:center}.features-group h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6366f1,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#cddcff;font-size:2rem;font-weight:450;margin-bottom:2.5rem}.feature-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:2rem 1.5rem;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-8px)}.feature-card i{color:#60a5fa;font-size:2rem;margin-bottom:1rem}.feature-card h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.feature-card p{color:#b0c4de;font-size:.95rem;line-height:1.6}.trust-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.trust-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;color:#cddcff;font-size:1rem;font-weight:500;padding:1.25rem}.trust-card .highlight{color:#81c784;font-weight:700}.faq-container{animation:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;box-shadow:none;color:#fff;margin:0 auto;max-width:1200px;padding:2rem 1rem;width:100%}.faq-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6366f1,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:450;margin-bottom:2.5rem;text-align:center}.faq-container h3{border-left:4px solid #3aa8ff;color:#60a5fa;font-size:1.3rem;font-weight:600;margin-bottom:1rem;padding-left:10px}.faq-item{background:#0000004d;border-radius:14px;overflow:hidden;transition:all .3s ease}.faq-item:hover{background:#3aa8ff14}.faq-item button{font-size:1rem}.faq-item p{color:#d1d5db;font-size:.95rem;line-height:1.7;margin-top:.5rem;overflow-wrap:break-word;white-space:normal;word-break:break-word}.faq-item .feedback{color:#9ca3af;gap:1rem;margin-top:10px}.faq-item .feedback,.faq-item .feedback button{align-items:center;display:flex;font-size:.9rem}.faq-item .feedback button{background:#0000;border:none;cursor:pointer;gap:4px;transition:.3s}.faq-item .feedback button:hover{transform:scale(1.1)}.feedback-message{animation:fadeIn .4s ease-in-out;font-size:.95rem;font-weight:500;margin-top:.5rem}.feedback-yes{color:#4ade80;text-shadow:0 0 6px #4ade8066}.feedback-no{align-items:center;color:#f87171;display:flex;font-weight:500;gap:8px}.feedback-no a{color:#60a5fa;text-decoration:underline;transition:color .3s}.feedback-no a:hover{color:#3b82f6}.faq-cta{align-items:center;animation:fadeIn .4s ease-in-out;color:#d1d5db;display:flex;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;margin-top:2rem}.faq-cta a{color:#60a5fa;font-weight:600;text-decoration:underline;transition:color .3s,text-shadow .3s}.faq-cta a:hover{color:#3b82f6;text-shadow:0 0 6px #3b82f699}.about-us-container{animation:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;box-shadow:none;margin:0 auto;max-width:1200px;padding:1.5rem;width:100%}.about-us-header{margin-bottom:3rem;padding-top:1.5rem;text-align:center}.about-us-header h1{-webkit-text-fill-color:#0000;animation:gradientMove 5s linear infinite alternate;background:linear-gradient(90deg,#6366f1,#3b82f6);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:2rem;font-weight:450;line-height:1.2}.about-us-section,.aboutus-section{animation:fadeSlideIn .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;margin:0 auto 3rem;padding:2rem;text-align:center}.about-us-section h2,.aboutus-section .mission-text h2,.contact-section h2{-webkit-text-fill-color:#0000;animation:gradientMove 5s linear infinite alternate;background:linear-gradient(90deg,#2563eb,#38bdf8);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:1.8rem;font-weight:700;margin-bottom:.4rem}.about-us-section h3{color:#ffffffb3;font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.about-us-section .text-content{display:flex;flex-direction:column;gap:0}.about-us-section .text-content h2,.about-us-section .text-content h3{text-align:left}.underline-2{margin-bottom:1.5rem}.underline,.underline-2,.underline-line{background:linear-gradient(90deg,#6366f1,#3b82f6);border-radius:9999px;height:3px;width:100px}.underline,.underline-line{margin:.4rem auto 1.5rem}.aboutus-section.office-life,.aboutus-section.work-fun,.mission-section{align-items:center;display:flex;gap:2rem;text-align:left}.aboutus-section.work-fun{flex-direction:row-reverse}.aboutus-section .mission-text,.mission-section .text-content{color:#ccc;flex:1.2 1}.aboutus-section .mission-image,.mission-section .image-container{flex:1 1}.aboutus-section .mission-image img{animation:floatY 6s ease-in-out infinite;border-radius:.75rem;box-shadow:0 4px 10px #0000004d;width:100%}.aboutus-section .mission-text p,.mission-section p{font-size:.95rem;line-height:1.6;margin-bottom:1rem}.team-section{text-align:center}.team-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);justify-items:center;margin-top:1.5rem}.team-row-2{display:flex;gap:1.5rem;grid-column:1/span 3;justify-content:center}.team-member-card{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;flex-direction:column;padding:1.25rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;width:160px}.team-member-card:hover{animation:glowPulse 2.5s ease-in-out infinite;background:#3b82f61a;box-shadow:0 0 15px #3b82f666;transform:translateY(-8px)}.member-avatar{animation:glowPulse 3s ease-in-out infinite;border:3px solid #6b46c1;border-radius:50%;height:90px;object-fit:cover;transition:border-color .3s ease;width:90px}.team-member-card:hover .member-avatar{border-color:#a855f7}.team-member-card h3{color:#fff;font-size:1.1rem;font-weight:600;margin-top:1rem}.team-member-card p{color:#aaa;font-size:.85rem;margin:0}.values-and-image-section{text-align:left}.values-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.value-card{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;gap:1.5rem;padding:1rem;text-align:left;transition:background .3s ease}.value-card:hover{background:#ffffff1a}.value-card .icon-container{align-items:center;background:linear-gradient(135deg,#a855f7,#6b46c1);border-radius:50%;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.value-card .icon-container svg{color:#fff;height:22px;width:22px}.value-card h3{animation:none;background:none;color:#e0e0e0;font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.value-card p{color:#ccc;font-size:.9rem;line-height:1.5}.contact-section p{color:#d1d5db;font-size:1rem;margin-bottom:1.5rem}.social-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.social-links a{align-items:center;background:#37415199;border-radius:9999px;color:#e5e7eb;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s ease}.social-links a:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 5px 12px #0006;color:#fff;transform:translateY(-3px)}@media (max-width:900px){.feature-grid,.team-grid,.trust-grid{grid-template-columns:repeat(2,1fr)}.team-row-2{display:contents;grid-column:unset}}@media (max-width:768px){.landing-header.sticky-header{flex-direction:column;flex-wrap:nowrap;gap:.75rem;padding:1rem}.landing-header .header-left-group,.landing-header .header-right-group{flex:initial;justify-content:center;width:100%}.header-left-group .header-logo{height:36px}.header-nav{flex-wrap:wrap;gap:1rem;justify-content:center;width:100%}.header-nav a{font-size:.9rem}.header-right-group .btn-btn2{width:auto}.header-right-group .btn-btn2 span{display:none}.header-right-group .btn-btn2 i{font-size:1.4rem;margin:0}.public-content{padding:1.5rem 1rem}.public-content h1,.public-content h2{font-size:1.5rem}.public-content h3{font-size:1.1rem}.welcome-intro{font-size:1rem}.features-group h2{font-size:1.75rem}.feature-grid,.trust-grid{grid-template-columns:1fr}.feature-card{text-align:center}.faq-container{padding:2rem 1rem}.about-us-header h1,.faq-container h2{font-size:1.75rem}.about-us-section,.aboutus-section{padding:1.5rem 1rem}.about-us-section h2,.aboutus-section .mission-text h2,.contact-section h2{font-size:1.5rem}.aboutus-section.office-life,.aboutus-section.work-fun,.mission-section{flex-direction:column;text-align:center}.aboutus-section .mission-text{text-align:center}.aboutus-section .mission-image img{animation:none}.team-member-card{max-width:160px;padding:1rem;width:100%}.member-avatar{height:80px;width:80px}.value-card{flex-direction:column;gap:1rem;padding:.75rem;text-align:center}.value-card h3{font-size:1.1rem}.value-card p{font-size:.85rem}.social-links{gap:.75rem}.social-links a{font-size:.9rem;padding:.5rem 1rem}}.calendar-wrapper .react-calendar{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#222;padding:10px;width:100%}.react-calendar__navigation{align-items:center;justify-content:space-between;margin-bottom:20px}.react-calendar__navigation button{background:#0000;border-radius:8px;color:#394046;cursor:pointer;font-size:16px;font-weight:600;min-width:40px;padding:8px;transition:background-color .2s}.react-calendar__navigation button:hover{background:#e3e6e8}.react-calendar__month-view__weekdays{color:#73808c;font-size:13px}.react-calendar__tile{border-radius:8px;color:#394046;height:50px;position:relative;transition:all .2s}.react-calendar__tile:hover{background:#e0eeff}.react-calendar__tile--active{background:#1876f2}.react-calendar__tile--now{background:#569bf5!important;color:#fff!important;font-weight:600}.react-calendar__tile--now:hover{background:#267ff2!important}.ticket-dot-wrapper{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;margin-top:3px}.ticket-dot{border-radius:50%;height:6px;width:6px}.ticket-legend{display:flex;flex-wrap:wrap;font-size:13px;gap:8px 16px;justify-content:center;margin:12px 0}.legend-item{align-items:center;background:#f9f9f9;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;gap:6px;padding:4px 10px;transition:all .2s ease-in-out}.legend-item:hover{background:#f1f1f1;transform:scale(1.05)}.legend-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:12px;width:12px}.calendar-info{color:#5c6670;font-size:15px;margin-top:15px;text-align:center}.info-text{color:#73808c;font-style:italic;margin-top:20px;text-align:center}.modal-overlay{animation:fadeBackdrop .3s ease-out forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1500}.modal-overlay.closing{animation:fadeBackdropOut .3s ease-out forwards}.modal-overlay2{align-items:center;animation:fadeBackdrop .3s ease-out forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1500}.modal-overlay2.closing{animation:fadeBackdropOut .3s ease-out forwards}.modal-content2{animation:fadeInScale .3s ease-out forwards;background:#fff;border-radius:12px;box-shadow:0 8px 25px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:550px;padding:30px;transition:all .3s ease-in-out;width:90%;z-index:1500}.modal-content2.closing{animation:scaleOut .3s ease-out forwards}.modal-header{border-bottom:1px solid #d5d9dd;margin-bottom:25px;padding-bottom:15px}.modal-title{color:#394046;font-size:1.4rem;font-weight:700;margin:0}.modal-body{display:flex;flex-direction:column;flex-grow:1;gap:15px;margin-bottom:0;overflow-y:auto}.ticket-modal-card{background-color:#f5f5f5;border-left:5px solid #0000;border-radius:10px;box-shadow:0 2px 8px #00000014;cursor:pointer;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.ticket-modal-card:hover{box-shadow:0 6px 15px #0000001a;transform:translateY(-3px)}.ticket-modal-card p{color:#394046;font-size:15px;line-height:1.5;margin:0 0 10px}.ticket-modal-card p:last-child{margin-bottom:0}.ticket-modal-card p b{color:#0b0d0e}.modal-footer{border-top:1px solid #d5d9dd;display:flex;justify-content:flex-end;padding-top:20px}.dot-green{background:#4caf50}.dot-yellow{background:#ffb300}.dot-blue{background:#2196f3}.dot-gray{background:#9e9e9e}.dot-red{background:#f44336}.status-selesai{border-left-color:#4caf50}.status-ditolak{border-left-color:#f44336}.status-sedang-dikerjakan{border-left-color:#ff9800}.status-ditunda{border-left-color:#9e9e9e}.status-belum-dikerjakan{border-left-color:#2196f3}.detail-item-full .value .status-badge{align-items:left;font-size:1rem;margin-left:0;padding-left:0;text-align:left}.legend-item2{align-items:center;background-color:#f9f9f9;border-radius:12px;color:var(--text-color);display:flex;font-size:12px;gap:6px;padding:0 8px}.legend-item2:hover{transform:scale(1.05)}.linechart-wrapper{background-color:#fff;border-radius:10px;color:var(--text-color);padding:15px}.chart-legend{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:5px;text-overflow:ellipsis}.dark-mode .linechart-wrapper{background-color:#111}.dark-mode .legend-item2{background:#394046;box-shadow:0 1px 3px #0003}.dark-mode .legend-item2:hover{background:#454d54}.dark-mode .calendar-wrapper .react-calendar{background:#111;border-color:#444}.dark-mode .react-calendar__navigation button,.dark-mode .react-calendar__tile{color:#e0e0e0}.dark-mode .react-calendar__navigation button:hover,.dark-mode .react-calendar__tile:hover{background:#444!important}.dark-mode .react-calendar__month-view__weekdays{color:#a0a0a0}.dark-mode .react-calendar__tile--now{background:#1876f2!important;color:#fff!important}.dark-mode .react-calendar__tile--now:hover{background:#3e8df4!important}.dark-mode .react-calendar__tile--active{background:#5e9ced;color:#fff}.dark-mode .legend-item{background:#394046;box-shadow:0 1px 3px #0003}.dark-mode .legend-item:hover{background:#454d54}.dark-mode .calendar-info,.dark-mode .info-text{color:#a0a0a0}.dark-mode .modal-overlay2{background-color:#000000bf}.dark-mode .modal-content2{background-color:#111;box-shadow:0 8px 25px #00000080;color:#e0e0e0}.dark-mode .modal-footer,.dark-mode .modal-header{border-color:#444}.dark-mode .modal-title{color:#f1f1f1}.dark-mode .ticket-modal-card{background-color:#3a3f44!important;box-shadow:0 2px 8px #0000004d}.dark-mode .ticket-modal-card p{color:#ccc}.dark-mode .ticket-modal-card p b{color:#f1f1f1}@media (max-width:768px){.content-area h3{font-size:25px;font-weight:600}.ticket-modal-card{padding:10px}.react-calendar{box-sizing:border-box;font-size:12px;padding:6px;width:100%}.react-calendar__navigation{align-items:center;display:flex;gap:0;justify-content:center;margin-bottom:4px;position:relative}.react-calendar__navigation button{background:#0000;border:none;flex-shrink:0;font-size:12px;min-width:25px}.react-calendar__navigation__label{font-size:14px;font-weight:600;left:50%;max-width:70%;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;transform:translateX(-50%);white-space:nowrap}.react-calendar__month-view__weekdays{font-size:10px}.react-calendar__tile{font-size:13px;height:40px}.modal-content{padding:20px}.linechart-wrapper{padding:0}.barchart-wrapper{margin-left:0;padding:0}.chart-legend{align-items:flex-start;flex-direction:row;gap:8px;margin-top:-15px}.legend-item2{font-size:10px;gap:4px;padding:3px 6px}}.dark-mode .recharts-cartesian-axis-tick text{fill:#fff!important}.recharts-cartesian-axis-tick text{fill:#000!important}.recharts-tooltip-cursor{fill:#0000000d!important}.dark-mode .recharts-tooltip-cursor{fill:#ffffff1a!important}.modal-overlay4{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1500}.modal-content4{backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);background:#0b0f29bf;border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 8px 32px #000000b3,0 0 25px #60a5fa40;color:#f1f5f9;line-height:1.6;max-height:95vh;max-width:480px;overflow-y:auto;padding:24px;width:100%}.modal-content4 h2{color:#c7d2fe;font-size:22px;font-weight:600;margin-bottom:20px;text-align:center;text-shadow:0 0 8px #93c5fd66}.avatar-uploader{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.avatar-preview{align-items:center;background:linear-gradient(145deg,#111827,#1f2937);border:2px solid #93c5fd80;border-radius:50%;box-shadow:0 0 12px #93c5fd66;display:flex;height:150px;justify-content:center;margin-bottom:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:150px}.avatar-preview img{height:100%;object-fit:cover;width:100%}.avatar-preview:hover{box-shadow:0 0 18px #60a5fab3;transform:scale(1.05)}.avatar-uploader input[type=file]{display:none}.avatar-uploader .btn-danger,.avatar-uploader label{border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:13.5px!important;font-weight:600!important;padding:10px 14px!important;text-align:center;transition:all .25s ease;width:30%}.avatar-uploader label{background:linear-gradient(90deg,#3b82f6,#6366f1);box-shadow:0 4px 12px #3b82f666}.avatar-uploader label:hover{background:linear-gradient(90deg,#2563eb,#4f46e5);box-shadow:0 6px 18px #3b82f68c;transform:translateY(-2px)}.btn-danger{background-color:#ef4444;box-shadow:0 4px 12px #ef444466}.btn-danger:hover{background-color:#dc2626;box-shadow:0 6px 16px #ef444499;transform:translateY(-2px)}.form-group4{margin-bottom:14px}.form-group4 label{color:#e0e7ff;display:block;font-size:13px;font-weight:500;margin-bottom:4px}.form-group4 input{background:#111827e6;border:1px solid #374151;border-radius:8px;color:#f3f4f6;font-size:14px;padding:10px 12px;transition:all .25s;width:100%}.form-group4 input:focus{border-color:#60a5fa;box-shadow:0 0 8px #60a5fa80;outline:none}.modal-content4 .btn-cancel,.modal-content4 .btn-confirm{border-radius:6px;cursor:pointer;font-size:13px;min-width:70px;padding:6px 14px;transition:all .25s ease;width:auto}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}@media (max-width:480px){.modal-content4{border-radius:14px;padding:16px}.modal-content4 h2{font-size:20px}}.avatar-modal-overlay{background:#000000d9;inset:0;position:fixed;z-index:2000}.avatar-modal-content,.avatar-modal-overlay{align-items:center;display:flex;justify-content:center}.avatar-modal-content{max-height:90vh;max-width:90vw;position:relative}.avatar-modal-content img{border-radius:12px;box-shadow:0 0 20px #0009;height:auto;max-height:50%;max-width:50%;object-fit:contain;width:auto}.btn-ttp{align-items:center;background:linear-gradient(135deg,#ff4d4f,#ff7a45);border:none;border-radius:50%;box-shadow:0 4px 12px #0006;color:#fff;cursor:pointer;display:flex;font-size:24px;height:44px;justify-content:center;line-height:1;padding:10px;position:absolute;right:12px;top:12px;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:44px;z-index:10}.btn-ttp:hover{background:linear-gradient(135deg,#e60023,#ff4d4f);box-shadow:0 6px 16px #0009;transform:scale(1.15) rotate(3deg)}.btn-ttp:active{transform:scale(1.05)}.avatar-modal-content img{max-height:100%;max-width:100%}.divider{color:#b0b0b0;font-size:14px;margin:16px 0;position:relative;text-align:center}.google-login-button{align-items:center;background:#ffffffe6;border:1px solid #ffffff80;border-radius:20px;color:#333;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:10px;transition:all .3s ease;width:100%}.google-login-button:hover{background:#fff;box-shadow:0 4px 15px #fff3;transform:translateY(-3px)}.google-icon{height:20px;width:20px}.report-divider{border:none;border-top:1px solid #4a667a;margin:3rem auto;width:90%}.adminselect-card{background-color:#fff;background-color:var(--card-bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #00000014;box-shadow:0 4px 12px var(--shadow-color);padding:2rem;transition:all .3s ease}.adminselect-card h1{-webkit-background-clip:text;background-clip:text;border-bottom:none;color:#1a202c;color:var(--text-primary);font-size:2.8rem;font-weight:700;margin-bottom:50px;margin-top:0;padding-bottom:0;padding-left:0;position:relative;text-align:center;text-shadow:1px 1px 3px #0000001a}.report-container{background-color:var(--bg-color-dashboard-dark);padding:2rem;transition:background-color .3s ease}.report-container>h2{border-bottom:none;margin-bottom:1.5rem;margin-top:0;padding-bottom:1rem;position:relative;text-align:center;width:100%}.report-container>h2:after{background-color:#e2e8f0;background-color:var(--border-color);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.dark-mode .report-container>h2:after{background-color:#4a667a}.report-header{align-items:center;display:flex;flex-direction:column;gap:1rem}.report-header h2{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;border-bottom:none;color:#1a202c;color:var(--text-primary);font-size:2.8rem;font-weight:700;margin-top:0;padding-bottom:16px;position:relative;text-align:center;text-shadow:1px 1px 3px #0000001a;width:100%}.report-header h2:after{background-color:#a0a0a04d;border-radius:2px;bottom:0;content:"";height:1.5px;left:50%;position:absolute;transform:translateX(-50%);width:90%}.dark-mode .report-header h2:after{background-color:#4a667a}.month-picker-container{align-items:center;display:flex;gap:12px}.month-picker-container label{color:#718096;color:var(--text-secondary);font-size:.9rem}.report-navigation-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-top:2rem}.dark-mode .nav-card{background-color:var(--card-small)}.nav-card{background-color:#f5f5f5;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #00000014;box-shadow:0 4px 12px var(--shadow-color);cursor:pointer;padding:1.5rem;position:relative;transition:all .2s ease-in-out}.nav-card:hover{box-shadow:0 8px 25px #00000014;box-shadow:0 8px 25px var(--shadow-color);transform:translateY(-5px)}.nav-card h3{color:#1a202c;color:var(--text-primary);font-size:1.1rem;margin-top:0}.nav-card p{color:#718096;color:var(--text-secondary);font-size:.9rem;margin-bottom:0}.nav-card .fa-arrow-right{bottom:1.5rem;color:#3f51b5;color:var(--primary-color);font-size:1.2rem;opacity:.6;position:absolute;right:1.5rem;transition:opacity .2s,transform .2s}.nav-card:hover .fa-arrow-right{opacity:1;transform:translateX(3px)}.admin-list-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:4rem}.admin-card{align-items:center;background-color:#f5f5f5;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #00000014;box-shadow:0 4px 12px var(--shadow-color);cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease-in-out}.dark-mode .admin-card{background-color:var(--card-small)}.admin-card:hover{box-shadow:0 8px 25px #00000014;box-shadow:0 8px 25px var(--shadow-color);transform:translateY(-5px)}.admin-card .avatar{align-items:center;background-color:#e8eaf6;background-color:var(--primary-color-light);border-radius:50%;color:#3f51b5;color:var(--primary-color);display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;min-width:50px;width:50px}.dark-mode .admin-card .avatar{color:#f0f0f0}.admin-card .info{flex:1 1;overflow:hidden}.admin-card .info h3{color:#1a202c;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.admin-card .info p{font-size:.85rem;margin:.1rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.admin-card .info p,.back-btn{color:#718096;color:var(--text-secondary)}.back-btn{background-color:#fff;background-color:var(--card-bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.back-btn:hover{color:#3f51b5}.summary-cards{grid-gap:1.5rem;cursor:pointer;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;margin-top:1.5rem}.summary-cards .card{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:1.5rem;text-align:center}.summary-cards .card:hover{background:#f9f9f9;box-shadow:0 6px 14px #00000026;transform:translateY(-4px)}.summary-cards .card.active{background:#eaf3ff;border:2px solid #007bff;box-shadow:0 6px 14px #007bff40}.summary-cards .card h3{color:#444;font-size:1.1rem;margin-bottom:8px}.summary-cards .card p{color:#3f51b5;font-size:2.5rem;font-weight:600;margin:.5rem 0 0}.dark-mode .back-btn{border-color:#1f2937;color:#bbb}.dark-mode .back-btn:hover{color:#3498db}.dark-mode .summary-cards .card{background-color:#111;border:1px solid #2d3748;box-shadow:0 4px 12px #0006;color:#f7fafc}body.dark-mode .summary-cards .card:hover{background:#2a2a2a;box-shadow:0 6px 14px #00000080;transform:translateY(-4px)}body.dark-mode .summary-cards .card.active{background:#202446;border:2px solid #5d53a6;box-shadow:0 6px 14px #5d53a666}body.dark-mode .summary-cards .card h3{color:#bbb}.dark-mode .summary-cards .card p{color:#f0f0f0}.page-title{margin:0 0 60px;position:relative;text-align:center}.page-title:after{background-color:#a0a0a04d;margin-bottom:10px}.dark-mode .page-title:after,.page-title:after{border-radius:2px;bottom:-10px;content:"";height:1.5px;left:50%;position:absolute;transform:translateX(-50%);width:90%}.dark-mode .page-title:after{background-color:#4a667a}.page-title2{margin:0 0 50px;position:relative;text-align:center}.page-title2:after{background-color:#a0a0a04d;border-radius:2px;bottom:-10px;content:"";height:1.5px;left:50%;position:absolute;transform:translateX(-50%);width:100%}.dark-mode .page-title2:after{display:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-screen-light{align-items:center;background-color:#fff;color:#333;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:background-color .3s ease;width:100vw;z-index:99999}.loading-spinner-light{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}.loading-screen-dark{align-items:center;background-color:#121212;color:#e0e0e0;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:background-color .3s ease;width:100vw;z-index:99999}.loading-spinner-dark{animation:spin 1s linear infinite;border:4px solid #333;border-radius:50%;border-top-color:#64b5f6;height:40px;width:40px}.not-found-container{align-items:center;background:radial-gradient(circle at top,#0f172a,#000);color:#e2e8f0;display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;text-align:center}.not-found-content{animation:fadeIn .8s ease-in-out;position:relative;z-index:2}.not-found-icon{animation:float 3s ease-in-out infinite;color:#38bdf8;font-size:4rem;margin-bottom:1rem}.not-found-title{color:#60a5fa;font-size:6rem;font-weight:800;margin:0}.not-found-message{color:#cbd5e1;font-size:1.8rem;margin:1rem 0}.not-found-subtext{color:#94a3b8;font-size:1rem;line-height:1.5;margin-bottom:2rem}.not-found-link-btn{background:#2563eb;border-radius:.5rem;box-shadow:0 4px 8px #2563eb40;color:#fff;display:inline-block;font-weight:600;padding:.8rem 2rem;text-decoration:none;transition:all .3s ease}.not-found-link-btn:hover{background:#1d4ed8;box-shadow:0 6px 12px #1d4ed859;transform:translateY(-2px)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.download{flex-direction:row}.download-buttons{display:flex;gap:10px;justify-content:left;margin-bottom:10px;margin-top:10px}.btn-download.pdf{background-color:#ef444426;color:#f87171}.btn-download.excel{background-color:#34d39926;color:#34d399;color:var(--status-selesai-text-dark,#34d399)}.download-button-group{display:flex;gap:10px}@media (min-width:400px) and (max-width:1023px){.not-found-container{padding:1rem}.not-found-title{font-size:4rem}.not-found-message{font-size:1.3rem}.not-found-subtext{font-size:.9rem}.page-title,.page-title2{font-size:1.8rem;margin-bottom:40px}}.report-list-mobile{display:none}.report-card-mobile{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:1rem;padding:1rem}.report-card-mobile .card-row{display:flex;justify-content:space-between;margin-bottom:.85rem}.report-card-mobile .card-row:last-child{margin-bottom:0}.report-card-mobile .data-group{display:flex;flex-basis:48%;flex-direction:column}.report-card-mobile .data-group.single{flex-basis:100%}.report-card-mobile .label{color:#6c757d;font-size:.75rem;margin-bottom:3px;text-transform:uppercase}.report-card-mobile .value{color:#212529;font-size:.9rem;font-weight:500}.report-card-mobile .value.description{font-style:italic}.report-card-mobile .value.time-duration strong{color:#007bff}.dark-mode .report-card-mobile{background-color:#111;border-color:#2d3748;box-shadow:none}.dark-mode .report-card-mobile .label{color:#a0aec0}.dark-mode .report-card-mobile .value{color:#f7fafc}.dark-mode .report-card-mobile .value.time-duration strong{color:#63b3ed}@media (max-width:1290px){.admin-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.report-header h2{font-size:1.3rem}.admin-card{align-items:center;display:flex;gap:1rem;padding:1rem}.admin-card .avatar{display:grid;flex-shrink:0;font-weight:600;height:50px;place-items:center;width:40px}.admin-card .info{flex-grow:1;overflow:hidden}.admin-card .info h3{font-size:1rem}.admin-card .info p{font-size:.8rem}.back-btn{display:block;font-size:12px;padding:6px 12px;width:100%}}.filter-group{align-items:center;display:flex;gap:1rem}.month-input{-webkit-appearance:none;appearance:none;background-color:#f4f7f9;background-color:var(--bg-color,#fff);background-image:linear-gradient(90deg,#bcbcbc 1px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right 2rem center,right .75rem center;background-repeat:no-repeat,no-repeat;background-size:1px 60%,.75em auto;border:1px solid #ced4da;border:1px solid var(--input-border,#ced4da);border-radius:8px;color:#1a202c;color:var(--text-primary,#212529);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.95rem;height:44px;line-height:1.5;padding:.5rem 2.5rem .5rem .75rem;transition:border-color .2s ease,box-shadow .2s ease}.month-input:hover{border-color:#888}.month-input:focus{border-color:#3f51b5;border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #2563eb40;outline:none}.dark-mode .month-input{background-color:#3a3f44;background-image:linear-gradient(90deg,#6b7280 1px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23d1d5db' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");border-color:#4b5563;color:#f9fafb}.dark-mode .month-input:hover{border-color:#818cf8}.dark-mode .month-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d}.btn-recover-small{align-items:center;background-color:#d1e7dd;border:1px solid #badbcc;border-radius:20px;box-shadow:0 2px 5px #0f513226;color:#0f5132;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;padding:4px 12px;transition:all .2s ease-in-out}.btn-recover-small:hover{background-color:#bce3c9;border-color:#a8d5b7;box-shadow:0 4px 8px #0f513233;transform:translateY(-2px)}body.dark-mode .btn-recover-small{background-color:#22c55e;border-color:#0000;box-shadow:0 2px 6px #22c55e40;color:#fff}body.dark-mode .btn-recover-small:hover{background-color:#16a34a;box-shadow:0 4px 10px #22c55e4d;transform:translateY(-2px)}.tool-list-mobile{box-sizing:border-box;display:none;padding:10px;width:100%}.tool-card-mobile{background-color:#fff;background-color:var(--content-bg-light);border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:15px;padding:15px}.dark-mode .tool-card-mobile{background-color:var(--content-bg-dark);border-color:var(--border-color-dark);box-shadow:0 4px 12px #0003}.tool-card-header{align-items:center;border-bottom:1px solid #ccc;border-bottom:1px solid var(--border-color-light);display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.dark-mode .tool-card-header{border-bottom-color:var(--border-color-dark)}.tool-name{font-size:1.1em;font-weight:600}.tool-stock{background-color:#007bff1a;border-radius:20px;color:#007bff;font-size:.9em;font-weight:500;padding:4px 8px}.dark-mode .tool-stock{background-color:#4299e133;color:#63b3ed}.tool-info-section{margin-bottom:15px}.tool-info-section .label{color:#6c757d;display:block;font-size:.8em;font-weight:600;margin-bottom:5px;text-transform:uppercase}.dark-mode .tool-info-section .label{color:#a0aec0}.tool-info-section .value{font-size:.95em}.tool-card-footer{border-top:1px solid #ccc;border-top:1px solid var(--border-color-light);margin-top:15px;padding-top:15px}.dark-mode .tool-card-footer{border-top-color:var(--border-color-dark)}@media (max-width:1290px){.job-list-table{display:none!important;overflow-x:auto;width:100%}.tool-list-mobile{display:block}}.item-detail-info{flex-grow:1}.info-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:.5rem 0}.history-log-item{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:15px;padding:15px}.dark-mode .info-row{border-bottom:1px solid #333}.info-row:last-child{border-bottom:none}.info-label{color:#555;font-weight:600;margin-bottom:7px}.dark-mode .info-label{color:#aaa}.detail-edit-input,.detail-edit-select,.detail-edit-textarea{background-color:#fff;border:1px solid #ccc;border-radius:4px;font-size:14px;padding:6px 10px}.detail-edit-select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(90deg,#ccc 1px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")}.dark-mode .detail-edit-select,.detail-edit-select{background-position:right 2rem center,right .75rem center;background-repeat:no-repeat,no-repeat;background-size:1px 60%,.75em auto}.dark-mode .detail-edit-select{background-image:linear-gradient(90deg,#888 1px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")}.dark-mode .detail-edit-input,.dark-mode .detail-edit-select,.dark-mode .detail-edit-textarea{background-color:#3a3f44;border-color:#fff;color:#e2e8f0}.info-row.full-width{align-items:flex-start;flex-direction:column}.info-row.full-width .info-label{margin-bottom:5px}.modal-content.user-form-modal{background:#fff;background:var(--modal-bg-light);border-radius:14px;box-shadow:0 6px 18px #00000026;max-width:450px;padding:24px;text-align:center;width:100%}.modal-content,.modal-content.user-form-modal{animation:fadeInScale .3s ease-out forwards}.modal-content.closing,.modal-content.user-form-modal.closing{animation:scaleOut .3s ease-out forwards}.modal-content.user-form-modal h3{color:#1e293b;font-size:20px;font-weight:600;margin-bottom:8px}.modal-content.user-form-modal p{word-wrap:break-word;color:#64748b;font-size:14px;margin-bottom:20px;overflow-wrap:break-word;white-space:normal;word-break:break-all}.form-group-recover{margin-bottom:18px;text-align:left}.form-group-recover label{color:#334155;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group-recover input,.form-group-recover textarea{border:1px solid #cbd5e1;border-radius:8px;font-size:14px;outline:none;padding:10px;transition:border-color .2s,background-color .2s,color .2s;width:100%}.form-group-recover input:focus,.form-group-recover textarea:focus{border-color:#3b82f6}body.dark-mode .modal-content.user-form-modal{background:var(--modal-bg-dark);box-shadow:0 6px 18px #0009;color:#e2e8f0}body.dark-mode .modal-content.user-form-modal h3{color:#f1f5f9}body.dark-mode .modal-content.user-form-modal p{color:#94a3b8}body.dark-mode .form-group-recover label{color:#cbd5e1}body.dark-mode .form-group-recover input,body.dark-mode .form-group-recover textarea{background:#3a3f44;border:1px solid #475569;color:#f1f5f9}body.dark-mode .form-group-recover input:focus,body.dark-mode .form-group-recover textarea:focus{background:#3a3f44;border-color:#3b82f6}.modal-backdrop-detail{align-items:center;animation:fadeBackdrop .3s ease-out forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:10000}.modal-backdrop-detail.closing{animation:fadeBackdropOut .3s ease-out forwards}.modal-content-detail form>div{margin-bottom:1rem!important}.modal-content-detail label{color:#333!important;display:block!important;font-size:.95rem!important;font-weight:600!important;margin-bottom:.5rem!important}.dark-mode .modal-content-detail label{color:#e2e8f0!important}.modal-content-detail{animation:fadeInScale .3s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fcfcfc;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 12px 36px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;padding:1.5rem;width:100%}.modal-content-detail input{background-color:#f5f5f5}.modal-content-detail.closing{animation:scaleOut .3s ease-out forwards}.dark-mode .modal-content-detail{background:#111;border:1px solid #94a3b840;box-shadow:0 12px 36px #0000008c}.modal-header-detail{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.modal-header-detail h3{color:var(--text-color-primary);font-size:1.5rem;font-weight:600;margin-bottom:15px}.modal-creation-date{color:#6b7280;font-size:.9rem;font-weight:500}.dark-mode .modal-creation-date{color:#94a3b8}.modal-close-button-detail{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:1.5rem}.modal-body-detail{display:flex;flex-direction:column;gap:1rem}.detail-grid-section{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.detail-item-full{background-color:#a8a29e26;border-radius:12px;box-shadow:0 4px 12px #57534e26;display:flex;flex-direction:column;padding:.75rem 1rem}.detail-item-full .label{color:#6b7280;font-size:.75rem;font-weight:500;margin-bottom:.25rem;text-transform:uppercase}.detail-item-full .value{color:#1f2937;font-size:1rem;font-weight:600;white-space:pre-wrap;word-break:break-word}.dark-mode .detail-item-full{background-color:#3a3f44;border:1px solid #94a3b833;box-shadow:none}.dark-mode .detail-item-full .label{color:#94a3b8;opacity:1}.dark-mode .detail-item-full .value{color:#e2e8f0}.dark-mode .detail-item-full .status-badge{background-color:none;box-shadow:none;color:#fff}.borrowed-items-list{list-style:none;margin-top:.5rem;padding:0}.borrowed-items-list li{display:flex;justify-content:space-between;padding:.25rem 0}.dark-mode .tool-quantity{color:#a78bfa;opacity:.7}.modal-footer{margin-top:1.5rem}.btn-whatsapp{align-items:center;background-color:#25d366;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;justify-content:center;padding:.75rem 1rem;transition:background-color .2s,transform .2s}.btn-whatsapp:hover{background-color:#1ebe57;transform:translateY(-2px)}.description-cell{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;max-width:500px;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.modal-backdrop-detail-user{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000b3;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:2000}.modal-content-detail-user{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1a2034f2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;padding:1.5rem;width:100%}.modal-header-detail-user{align-items:center;border-bottom:1px solid #ffffff1a;color:#e2e8f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.modal-header-detail-user h3{color:#e2e8f0;font-size:1.25rem;font-weight:600}.modal-close-button-detail-user{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:1.5rem}.modal-body-detail-user{display:flex;flex-direction:column;gap:1rem}.detail-grid-section-user{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.detail-item-full-user{background-color:#2d3748b3;border-radius:12px;display:flex;flex-direction:column;padding:.75rem 1rem}.detail-item-full-user .label{color:#a0aec0;font-size:.75rem;font-weight:500;margin-bottom:.25rem;text-transform:uppercase}.detail-item-full-user .value{color:#e2e8f0;font-size:1rem;font-weight:600;white-space:pre-wrap;word-break:break-word}.proof-image-container{margin-top:1rem}.proof-image-container img{border-radius:8px;max-width:100%}.borrowed-items-list-user{color:#e2e8f0;list-style:none;margin-top:.5rem;padding:0}.borrowed-items-list-user li{display:flex;justify-content:space-between;padding:.25rem 0}.tool-quantity{color:#a0aec0}.modal-footer-user{display:flex;justify-content:center;margin-top:1.5rem}.btn-tutup-user{background-color:#2d3748b3;border:1px solid #ffffff1a;border-radius:12px;color:#e2e8f0;cursor:pointer;font-weight:600;max-width:200px;padding:.75rem 1rem;transition:background-color .2s;width:100%}.btn-tutup-user:hover{background-color:#4a5568cc}.user-management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.report-filter-select__control{background-color:#fff!important;background-color:var(--input-bg,#fff)!important;border:1px solid #ccc!important;border-radius:8px!important;box-shadow:none!important;box-sizing:border-box!important;cursor:pointer!important;line-height:normal!important;min-height:40px!important;padding:0!important}.report-filter-select__control .report-filter-select__value-container{padding:0 8px!important}.report-filter-select__menu{border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden}.report-filter-select__option{background-color:#fff!important;background-color:var(--input-bg,#fff)!important;cursor:pointer!important;padding:10px 12px}.dark-mode .report-filter-select__option{background-color:#47556940!important;border:1px solid #94a3b833!important;box-shadow:none!important;color:#e2e8f0!important}.report-filter-select__option--is-focused{background-color:#f0f0f0!important;color:#333!important}.report-filter-select__option--is-selected{background-color:#d6eaf8!important;color:#154360!important}.dark-mode .report-filter-select__control{background-color:#47556940!important;border:1px solid #94a3b833!important;box-shadow:none!important;color:#e2e8f0!important}.dark-mode .report-filter-select__menu{background-color:#2d3748;box-shadow:0 4px 12px #00000080}.dark-mode .report-filter-select__option--is-focused{background-color:#4a5568!important;color:#e2e8f0!important}.dark-mode .report-filter-select__option--is-selected{background-color:#2b6cb0!important;color:#fff!important}.dark-mode .report-filter-select__single-value{color:#eee!important}.dark-mode .report-filter-select__indicator-separator{background-color:#555!important}.dark-mode .report-filter-select__dropdown-indicator svg{fill:#bbb!important}.dark-mode .report-filter-select__placeholder{color:#999!important}.filter-select-date{-webkit-appearance:none;appearance:none;background-color:#fff;background-color:var(--input-bg,#fff);border:1px solid #ced4da;border:1px solid var(--input-border,#ced4da);border-radius:8px;color:#1a202c;color:var(--text-primary,#212529);color-scheme:light;cursor:text;font-family:inherit;font-size:.9rem;height:44px;line-height:1.5;padding:.5rem 1rem;position:relative;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.filter-select-date::-webkit-datetime-edit-fields-wrapper,.filter-select-date::-webkit-datetime-edit-text{color:#1a202c;color:var(--text-primary,#212529);display:none!important}.filter-select-date:before{color:#a0a0a0;content:"dd/mm/yyyy"}.filter-select-date::-webkit-clear-button,.filter-select-date::-webkit-inner-spin-button{display:none}.filter-select-date::-webkit-calendar-picker-indicator{-webkit-appearance:none;appearance:none;background-color:#343a40!important;background-position:50%;background-repeat:no-repeat;cursor:pointer;height:16px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-calendar-event'%3E%3Cpath d='M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z'/%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1zm1-1h12a1 1 0 0 1 1 1v1H0V4a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-calendar-event'%3E%3Cpath d='M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z'/%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1zm1-1h12a1 1 0 0 1 1 1v1H0V4a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");position:absolute;right:12px;top:50%;transform:translateY(-50%);-webkit-transition:background-color .2s;transition:background-color .2s;width:16px}.filter-select-date::-webkit-calendar-picker-indicator:hover{background-color:#343a40}.filter-select-date:focus{border-color:#86b7fe;border-color:var(--input-focus-border,#86b7fe);box-shadow:0 0 0 3px #0d6efd40;outline:none}.filter-select-date:disabled{background-color:#e9ecef;background-color:var(--input-disabled-bg,#e9ecef);cursor:not-allowed;opacity:.7}.dark-mode .filter-select-date{background-color:#47556940!important;border:1px solid #94a3b833!important;color:#e2e8f0;color-scheme:dark}.dark-mode .filter-select-date:focus{border-color:#0d6efd}.dark-mode .filter-select-date:disabled{background-color:#343a40}.dark-mode .filter-select-date::-webkit-calendar-picker-indicator{background-color:#e2e8f0!important}.dark-mode .filter-select-date::-webkit-calendar-picker-indicator:hover{background-color:#e9ecef!important}.filter-select-inventory-item{flex-grow:0 1 auto;min-width:250px}.filter-select-inventory{flex-grow:1;min-width:150px}.filter-select-invent__control{background-color:#fff!important;background-color:var(--input-bg,#fff)!important;border:1px solid #ccc!important;border-radius:8px!important;box-shadow:none!important;cursor:pointer!important;min-height:40px;padding:3.4px 0 3.4px 10px!important}.filter-select-invent__control:hover{border-color:#a0a0a0!important}.filter-select-invent__control--is-focused{border-color:#4299e1!important;box-shadow:0 0 0 1px #4299e1!important}.dark-mode .filter-select-invent__control{background-color:#47556940!important;border:1px solid #94a3b833!important;box-shadow:none!important}.dark-mode .filter-select-invent__control--is-focused{border-color:#63b3ed!important;box-shadow:0 0 0 1px #63b3ed!important}.dark-mode .filter-select-invent__input-container{color:#e2e8f0!important}.filter-select-invent__menu{border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden}.dark-mode .filter-select-invent__menu{background-color:#2d3748;box-shadow:0 4px 12px #00000080}.filter-select-invent__option{background-color:#fff!important;background-color:var(--input-bg,#fff)!important;color:#333!important;cursor:pointer!important;padding:10px 12px}.dark-mode .filter-select-invent__option{background-color:#47556940!important;border:1px solid #94a3b833!important;box-shadow:none!important;color:#e2e8f0!important}.filter-select-invent__option--is-focused{background-color:#f0f0f0!important;color:#333!important}.filter-select-invent__option--is-selected{background-color:#d6eaf8!important;color:#154360!important}.dark-mode .filter-select-invent__option--is-focused{background-color:#4a5568!important;color:#e2e8f0!important}.dark-mode .filter-select-invent__option--is-selected{background-color:#2b6cb0!important;color:#fff!important}.filter-select-invent__placeholder,.filter-select-invent__single-value{color:#333!important;opacity:1!important}.dark-mode .filter-select-invent__placeholder,.dark-mode .filter-select-invent__single-value{color:#e2e8f0!important;opacity:1!important}.filter-select-invent__control--is-disabled{background-color:#f3f4f6!important;border-color:#ddd!important;cursor:not-allowed}.filter-select-invent__control--is-disabled .filter-select-invent__placeholder,.filter-select-invent__control--is-disabled .filter-select-invent__single-value{color:#a0a0a0!important;opacity:.7!important}.filter-select-invent__control--is-disabled .filter-select-invent__dropdown-indicator svg{fill:#a0a0a0!important;opacity:.7!important}.dark-mode .filter-select-invent__control--is-disabled{background-color:#3a3f44!important;border-color:#4a5568!important}.dark-mode .filter-select-invent__control--is-disabled .filter-select-invent__placeholder,.dark-mode .filter-select-invent__control--is-disabled .filter-select-invent__single-value{color:#a0aec0!important;opacity:.7!important}.dark-mode .filter-select-invent__control--is-disabled .filter-select-invent__dropdown-indicator svg{fill:#a0aec0!important;opacity:.7!important}.filter-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-color:var(--input-bg,#fff);background-image:linear-gradient(90deg,#bcbcbc 1px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 2rem center,right .5rem center;background-repeat:no-repeat,no-repeat;background-size:1px 60%,1.2em 1.2em;border:1px solid #ced4da;border:1px solid var(--input-border,#ced4da);border-radius:8px;color:#1a202c;color:var(--text-primary,#212529);cursor:pointer;font-family:inherit;font-size:1rem;height:44px;padding:.5rem 1rem;position:relative;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.filter-select:hover{border-color:#999}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d;outline:none}.filter-select:disabled{cursor:not-allowed;opacity:.6}.filter-select:disabled:hover{border-color:#ced4da;border-color:var(--input-border,#ced4da)}.dark-mode .filter-select{background-color:#3a3f44;background-image:linear-gradient(90deg,#6b7280 1px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23e2e8f0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");border-color:#4a5568;color:#e2e8f0}.dark-mode .filter-select:hover{border-color:#818cf8}.dark-mode .filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d}.dark-mode .filter-select:disabled{background-color:#2a313d}.dark-mode .filter-select:disabled:hover{border-color:#4a5568}.qr-scanner-modal #qr-reader{border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:8px;overflow:hidden}.qr-scanner-modal #qr-reader span{color:var(--text-color-secondary)!important}#print-area{display:none}.qr-scanner-modal #qr-reader a{color:var(--link-color);font-weight:500}.qr-scanner-modal #qr-reader button,.qr-scanner-modal #qr-reader select{background-color:var(--bg-modal);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;color:#1a202c;color:var(--text-primary);max-width:250px;padding:8px 12px;text-align:center}.qr-scanner-modal #qr-reader select{cursor:pointer}.qr-scanner-modal #qr-reader #html5-qrcode-status-span{color:#718096;color:var(--text-secondary);font-size:.9rem}[data-theme=dark] .qr-scanner-modal #qr-reader img{filter:invert(1)}@media print{body>#root{display:none}#print-area{display:block;left:0;position:absolute;top:0;width:100%}.print-sheet{display:flex;flex-wrap:wrap;gap:10px;padding:10mm}.qr-print-item{align-items:center;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:flex;gap:8px;padding:5px;width:calc(50% - 5px)}.qr-print-details{display:flex;flex-direction:column}.item-name{font-size:10pt;font-weight:700}.item-code{color:#555;font-size:8pt}}.filter-select-invent{-webkit-appearance:none;appearance:none;background-color:#fff;background-color:var(--input-bg,#fff);background-image:linear-gradient(90deg,#ccc 1px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right 2rem center,right .75rem center;background-repeat:no-repeat,no-repeat;background-size:1px 60%,.75em auto;border:1px solid #ced4da;border:1px solid var(--input-border,#ced4da);border-radius:8px;color:#1a202c;color:var(--text-primary,#212529);cursor:pointer;font-size:.9rem;height:44px;line-height:1.5;padding:.5rem 2.5rem .5rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:200px}.filter-select-invent:focus{border-color:#86b7fe;border-color:var(--input-focus-border,#86b7fe);box-shadow:0 0 0 3px #0d6efd40;outline:none}.filter-select-invent:hover{border-color:#999}.filter-select-invent:disabled{background-color:#e9ecef;background-color:var(--input-disabled-bg,#e9ecef);cursor:not-allowed;opacity:.7}.dark-mode .filter-select-invent{background-color:#3a3f44;background-image:linear-gradient(90deg,#888 1px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right 2rem center,right .75rem center;background-repeat:no-repeat,no-repeat;background-size:1px 60%,.75em auto;border:1px solid #495057;border:1px solid var(--input-border,#495057);color:#1a202c;color:var(--text-primary,#fff)}.dark-mode .filter-select-invent:focus{border-color:#0d6efd;border-color:var(--input-focus-border,#0d6efd);box-shadow:0 0 0 3px #0d6efd40}.dark-mode .filter-select-invent:disabled{background-color:#343a40;background-color:var(--input-disabled-bg,#343a40);cursor:not-allowed;opacity:.7}.modal-backdrop-centered{align-items:center;animation:fadeBackdrop .3s ease-out forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:2000}.modal-backdrop-centered.closing{animation:fadeBackdropOut .3s ease-out forwards}.modal-content-large{animation:fadeInScale .3s ease-out forwards;border-radius:12px;max-height:90vh;max-width:650px;overflow-y:auto;padding:2rem;position:relative;width:100%}.modal-content-large.closing{animation:scaleOut .3s ease-out forwards}.modal-content-large h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;margin-top:0;padding-bottom:1rem}.custom-select-return__control{background-color:#f9f9f9!important;border:1px solid #ccc!important;border-radius:8px!important;box-shadow:none!important;cursor:pointer!important;min-height:none!important;padding:0 8px!important;width:100%!important}.dark-mode .custom-select-return__input-container{color:#fff!important}.custom-select-return__menu{border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden}.custom-select-return__option{cursor:pointer!important;padding:none!important;width:100%!important}.custom-select-return__option--is-focused{background-color:#f0f0f0!important;color:#333!important}.custom-select-return__option--is-selected{background-color:#d6eaf8!important;color:#154360!important}.dark-mode .custom-select-return__control{background-color:#3a3f44!important;border-color:#4b5563!important;color:#f9fafb!important}.dark-mode .custom-select-return__menu{background-color:#2c2f33!important;border:1px solid #495057!important}.dark-mode .custom-select-return__option{color:#e2e8f0}.dark-mode .custom-select-return__option--is-focused{background-color:#4a5568!important;color:#e2e8f0!important}.dark-mode .custom-select-return__option--is-selected{background-color:#2b6cb0!important;color:#fff!important}.dark-mode .custom-select-return__single-value{color:#eee!important}.dark-mode .custom-select-return__indicator-separator{background-color:#555!important}.dark-mode .custom-select-return__dropdown-indicator svg{fill:#bbb!important}.dark-mode .custom-select-return__placeholder{color:#999!important}.items-to-return-list{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:1.5rem}.return-item-row{background-color:#f5f5f5;border:1px solid #ccc;border:1px solid var(--border-color-light,#e5e7eb);border-radius:10px;box-shadow:0 1px 2px #0000000d;padding:1rem 1.25rem}body.dark-mode .return-item-row{background-color:#0f0f0f;border-color:#3b3b3b}.item-controls{display:flex;flex-direction:column;gap:.75rem}.form-group-inline2{align-items:center;display:flex;gap:.5rem}.form-group-inline2 label{color:#333;color:var(--text-color,#333);font-size:.9rem;min-width:110px;white-space:nowrap}.form-group-inline2 select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(90deg,#ccc 1px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-image:linear-gradient(to right,var(--border-color-light,#ccc) 1px,#0000 1px),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right 2rem center,right .75rem center;background-repeat:no-repeat,no-repeat;background-size:1px 60%,.75em auto;cursor:pointer}.form-group-inline2 select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #3b82f64d;outline:none}body.dark-mode .form-group-inline2 select{background-image:linear-gradient(90deg,#6b7280 1px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23d1d5db' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")}.select-kondisi{-webkit-appearance:none;appearance:none;background-image:linear-gradient(90deg,#ccc 1px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-image:linear-gradient(to right,var(--border-color-light,#ccc) 1px,#0000 1px),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right 2rem center,right .75rem center;background-repeat:no-repeat,no-repeat;background-size:1px 60%,.75em auto}body.dark-mode .select-kondisi{background-image:linear-gradient(90deg,#6b7280 1px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23d1d5db' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")}.form-group,.form-group-half,.form-group.full{display:flex;flex-direction:column;margin-bottom:1.25rem}.form-row2{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}label{font-size:.9rem;font-weight:500;margin-bottom:.5rem}.confirmation-modal-actions,.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.assigned-item-row-scan{align-items:center;background-color:#fff;background-color:var(--body-bg,#fff);border:1px solid #ddd;border:1px solid var(--input-border,#ddd);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem .75rem}.assigned-item-row-scan:last-child{margin-bottom:0}body.dark-mode .assigned-items-list-scan{background-color:#0003;border-color:#4a5568;border-color:var(--input-border-dark,#4a5568)}body.dark-mode .assigned-item-row-scan{background-color:#2d3748;background-color:var(--card-bg-dark,#2d3748);border-color:#4a5568;border-color:var(--input-border-dark,#4a5568)}.serial-number-container{background-color:#fff;background-color:var(--input-bg-light);border:1px solid #ccc;border:1px solid var(--border-color-light);border-radius:8px;display:flex;flex-direction:column;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:300px;overflow-y:auto;padding:10px 8px 10px 10px}.dark-mode .serial-number-container{background-color:#111;border-color:var(--border-color-dark)}.item-detail-container{display:flex;flex-wrap:wrap;gap:2rem;padding:1rem}.item-detail-qr-top{align-items:center;border-bottom:1px solid #e9ecef;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.5rem 0;width:100%}.item-detail-qr-top strong{color:#718096;color:var(--text-secondary,#6c757d);font-size:1.25rem;font-weight:600;letter-spacing:1.5px}.dark-mode .item-detail-qr-top strong{color:#718096;color:var(--text-secondary,#adb5bd)}.status-display-qr{margin-top:1rem;text-align:center;width:100%}.status-display-qr .info-label{margin:0 auto .25rem}.item-detail-qr{align-items:center;border-right:1px solid #eee;display:flex;flex:0 0 180px;flex-direction:column;font-weight:700;gap:.5rem;padding:1rem;text-align:center}.item-detail-info{grid-gap:1rem;align-content:flex-start;display:grid;flex:1 1;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-row{background-color:#e9ecef;border-radius:6px;display:flex;flex-direction:column;padding:.75rem}.detail-edit-input,.detail-edit-select,.detail-edit-textarea{width:100%}.stock-color-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.item-detail-bottom-section .form-row2{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.stock-item{align-items:center;display:flex;font-size:.9rem;gap:1rem;justify-content:space-between;padding:.35rem 0;width:100%}.dark-mode .stock-item{border-bottom:1px dashed #495057}.stock-color-name{font-weight:500}.stock-color-qty{font-weight:700}.info-value-info{font-weight:600;margin-top:.25rem;text-align:right}.modal-backdrop-centered{background-color:#00000080}.modal-content-large{background-color:#fcfcfc;box-shadow:0 5px 15px #0003;color:#212529}.modal-content-large h3{border-bottom:1px solid #e0e0e0}label{color:#6c757d}input,select,textarea{background-color:#f5f5f5;border:1px solid #ced4da;color:#212529}input::placeholder,textarea::placeholder{color:#6c757d}input:focus,select:focus,textarea:focus{border-color:#86b7fe;box-shadow:0 0 0 3px #0d6efd40}input:disabled{background-color:#e9ecef}.info-box.warning{background-color:#ffc1071a;border:1px solid #ffc107;border-radius:8px;color:#664d03;font-size:.9rem;margin-top:1rem;padding:1rem}.item-detail-qr{color:#6c757d}.custom-select-kondisi__control{background-color:#f5f5f5!important;border:1px solid #ced4da!important;border-radius:8px!important;box-shadow:none!important;box-sizing:border-box!important;cursor:pointer!important;line-height:normal!important;min-height:40px!important;padding:0!important;transition:border-color .2s ease,box-shadow .2s ease}.custom-select-kondisi__control .custom-select-kondisi__value-container{padding:0 8px!important}.custom-select-kondisi__control--is-focused{border-color:#86b7fe!important;box-shadow:0 0 0 3px #0d6efd40!important}.custom-select-kondisi__value-container{padding:2px 12px!important}.custom-select-kondisi__menu{background-color:#f5f5f5!important;border:1px solid #e0e0e0!important;border-radius:8px!important;box-shadow:0 5px 15px #00000080;z-index:10}.custom-select-kondisi__option{color:#212529!important;cursor:pointer!important}.custom-select-kondisi__option--is-focused{background-color:#0d6efd26!important}.custom-select-kondisi__option--is-selected{background-color:#0d6efd!important;color:#fff!important}.custom-select-kondisi__placeholder{color:#6c757d!important;font-size:1rem!important}.custom-select-kondisi__input-container,.custom-select-kondisi__single-value{color:#212529!important}.dark-mode .custom-select-kondisi__control{background-color:#3a3f44!important;border:1px solid #495057!important}.dark-mode .custom-select-kondisi__control--is-focused{border-color:#0d6efd!important;box-shadow:0 0 0 3px #0d6efd40!important}.dark-mode .custom-select-kondisi__menu{background-color:#2c2f33!important;border:1px solid #495057!important}.dark-mode .custom-select-kondisi__option{color:#fff!important}.dark-mode .custom-select-kondisi__option--is-focused{background-color:#0d6efd26!important}.dark-mode .custom-select-kondisi__option--is-selected{background-color:#0d6efd!important;color:#fff!important}.dark-mode .custom-select-kondisi__input-container,.dark-mode .custom-select-kondisi__placeholder,.dark-mode .custom-select-kondisi__single-value{color:#fff!important}.creatable-select__control{background-color:#f5f5f5!important;border:1px solid #ced4da!important;border-radius:8px!important;box-shadow:none!important;box-sizing:border-box!important;cursor:pointer!important;line-height:normal!important;min-height:40px!important;padding:3.58px!important;transition:border-color .2s ease,box-shadow .2s ease}.creatable-select__control .creatable-select__value-container{padding:0 8px!important}.creatable-select__control--is-focused{border-color:#86b7fe!important;box-shadow:0 0 0 3px #0d6efd40!important}.creatable-select__value-container{padding:2px 12px!important}.creatable-select__menu{background-color:#f5f5f5!important;border:1px solid #e0e0e0!important;border-radius:8px!important;box-shadow:0 5px 15px #0000001a;z-index:10}.creatable-select__option{color:#212529!important;cursor:pointer!important}.creatable-select__option--is-focused{background-color:#0d6efd26!important}.creatable-select__option--is-selected{background-color:#0d6efd!important;color:#fff!important}.creatable-select__placeholder{color:#6c757d!important;font-size:1rem!important}.creatable-select__input-container,.creatable-select__single-value{color:#212529!important}.dark-mode .modal-backdrop-centered{background-color:#0a0a0ab3}.dark-mode .modal-content-large{background-color:#111;box-shadow:0 5px 20px #0006;color:#fff}.dark-mode .modal-content-large h3{border-bottom:1px solid #495057}.dark-mode label{color:#adb5bd}.dark-mode input,.dark-mode select,.dark-mode textarea{background-color:#3a3f44;border:1px solid #495057;color:#fff}.dark-mode input::placeholder,.dark-mode textarea::placeholder{color:#868e96}.dark-mode input:focus,.dark-mode select:focus,.dark-mode textarea:focus{border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd40}.dark-mode input:disabled{background-color:#343a40}.dark-mode .info-box.warning{background-color:#ffc10726;border:1px solid #ffc107;color:#ffca2c}.dark-mode .info-row{background-color:#3a3f44}.dark-mode .item-detail-qr{color:#adb5bd}.dark-mode .creatable-select__control{background-color:#3a3f44!important;border:1px solid #495057!important}.dark-mode .creatable-select__control--is-focused{border-color:#0d6efd!important;box-shadow:0 0 0 3px #0d6efd40!important}.dark-mode .creatable-select__menu{background-color:#2c2f33!important;border:1px solid #495057!important}.dark-mode .creatable-select__option{color:#fff!important}.dark-mode .creatable-select__option--is-focused{background-color:#0d6efd26!important}.dark-mode .creatable-select__option--is-selected{background-color:#0d6efd!important;color:#fff!important}.dark-mode .creatable-select__input-container,.dark-mode .creatable-select__placeholder,.dark-mode .creatable-select__single-value{color:#fff!important}.modal-close-btn{background:#0000;border:none;color:#adb5bd;cursor:pointer;font-size:2.2rem;font-weight:300;line-height:1;padding:0;position:absolute;right:1.5rem;top:1rem;transition:color .2s ease}.modal-close-btn:hover{color:#212529}.dark-mode .modal-close-btn:hover{color:#fff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.modal-content-qr{animation:fadeInScale .3s ease-out forwards;background-color:#fff;border-radius:16px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;padding:28px 32px;text-align:center;transform:scale(.95);width:90%}.modal-content-qr.closing{animation:scaleOut .3s ease-out forwards}.dark-mode .modal-content-qr{background-color:#111;box-shadow:0 10px 25px -5px #0000004d,0 10px 10px -5px #0003;color:#f1f5f9}@keyframes fadeIn{to{opacity:1;transform:scale(1)}}.modal-content-qr h3{color:#1e293b;font-size:23px;font-weight:600;margin-bottom:35px;margin-top:0}.qr-container{align-items:center;display:flex;flex-direction:column}.qr-container img{border-radius:12px;height:auto;margin-bottom:40px;max-width:100%}.item-name{color:#0f172a;font-size:20px;font-weight:700;margin:15px 0 0}.item-serial{color:#64748b;font-size:5px}.btn-remove-item{border:none;color:#111827;font-size:20px;transition:background-color .2s ease}.dark-mode .btn-remove-item{color:#f1f5f9}.btn-detail{border-color:#b6d4fe;color:#084298}.btn-detail:hover{border-color:#a3c7fe}body.dark-mode .btn-detail{color:#93c5fd}body.dark-mode .btn-detail:hover{border-color:#2563eb}.btn-qr{color:#1ebe57}.btn-qr:hover{border-color:#16a34a}body.dark-mode .btn-qr{color:#d1fae5}body.dark-mode .btn-qr:hover{border-color:#16a34a}.btn-dlt{color:#c70000}.btn-dlt:hover{border-color:#16a34a}body.dark-mode .btn-dlt{color:#c70000}body.dark-mode .btn-dlt:hover{border-color:#16a34a}.clickable-row{cursor:pointer;transition:box-shadow .25s ease,transform .25s ease}.clickable-row:hover{box-shadow:0 6px 18px #0000001a;cursor:pointer;transform:translateY(-3px)}.card-header{border-bottom:1px solid #6c757d;padding-bottom:1rem;width:100%}.card-header,.ticket-card-mobile .card-body .card-item-row{align-items:center;display:flex;justify-content:space-between}.ticket-card-mobile .card-body .card-item-row{font-size:.95rem;padding:.6rem 0}.ticket-card-mobile .action-row{display:flex;gap:1rem}.ticket-card-mobile .card-header h4{color:#343a40;font-size:1.2rem;font-weight:600;margin:0}.ticket-card-mobile .card-header small{color:#6c757d;font-size:.9rem;font-weight:500}.ticket-card-mobile .card-item-row .label{color:#6c757d;font-weight:600}.ticket-card-mobile .card-item-row .value{color:#212529;font-weight:500;text-align:right}.card-separator{background-color:#00000040;height:1px}.dark-mode .ticket-card-mobile .card-header h4{color:#f1f5f9}.dark-mode .ticket-card-mobile .card-header small,.dark-mode .ticket-card-mobile .card-item-row .label{color:#94a3b8}.dark-mode .ticket-card-mobile .card-item-row .value{color:#e2e8f0}.dark-mode .card-separator{background-color:#2d3748}@media (max-width:1200px){.user-management-header-report h1,.welcome-header h1{font-size:1.5rem}.welcome-header p{font-size:1rem}.adminselect-card h1{font-size:1.2rem}.user-management-container h1{font-size:1.5rem;margin-bottom:1.2rem}.user-management-container h2,.user-management-container h3{font-size:1.5rem}.summary-cards{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:repeat(2,1fr)!important}.summary-cards .card{border-radius:12px;padding:1rem;text-align:left;transition:all .2s ease}.summary-cards .card h3{font-size:.85rem;font-weight:600;margin:0;text-transform:none}.summary-cards .card p{font-size:1.75rem;font-weight:700}.summary-cards .card.active{border-color:#3b82f6}.user-management-header .btn-primary{font-size:.9rem;padding:.5rem 1rem}.filter-select-invent{width:100%}}.report-page-container{padding:1rem}.user-management-header-report h1{text-align:center}.navigation-cards-grid-report{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.nav-card-report{align-items:center;background-color:#f5f5f5;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;box-shadow:0 4px 6px #0000000d;color:inherit;cursor:pointer;display:flex;gap:1.5rem;padding:1.5rem;text-decoration:none;transition:all .2s ease-in-out}.nav-card-report:hover{background-color:#f9f9f9;background-color:var(--hover-color,#f9f9f9);box-shadow:0 8px 15px #00000014;transform:translateY(-5px)}.nav-card-report-icon{color:#0056b3;color:var(--primary-color-dark,#0056b3);flex-shrink:0;font-size:2.5rem;text-align:center;width:60px}.nav-card-report-content{align-items:flex-start;text-align:left}.nav-card-report-content h4{color:var(--text-color-primary);font-size:1.2rem;font-weight:700;margin:0 0 .5rem;text-align:left}.nav-card-report-content p{color:var(--text-color-secondary);font-size:.9rem;line-height:1.5;margin:0;text-align:left}.dark-mode .nav-card-report{background-color:#2c2c2c;background-color:var(--background-color-dark-accent,#2c2c2c);border-color:#444;border-color:var(--border-color-dark,#444)}.dark-mode .nav-card-report:hover{background-color:#383838;background-color:var(--hover-color-dark,#383838)}.card-trend{font-size:.8rem;font-weight:500;margin-top:5px}.card-trend .fas{margin-right:4px}.trend-up{color:#4caf50}.trend-down{color:#f44336}.trend-stable{color:var(--text-color-secondary)}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.chart-header h4{margin:0}.year-filter{background-color:var(--background-color-light);border:1px solid #e2e8f0;border:1px solid var(--border-color,#ccc);border-radius:6px;color:var(--text-color-primary);cursor:pointer;padding:6px 10px;width:100px!important}.dark-mode .year-filter{background-color:var(--background-color-dark-accent);border-color:#555}.most-active-widget{margin-top:2rem}.active-items-list{list-style:none;margin:0;padding:0}.active-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#eee);display:flex;justify-content:space-between;padding:12px 0}.active-items-list li:last-child .active-item{border-bottom:none}.item-info{align-items:center;display:flex;gap:15px;margin-bottom:10px}.item-rank{color:var(--text-color-secondary);font-size:1rem;font-weight:700;text-align:center;width:20px}.active-items-list .item-name{color:var(--text-color-primary);font-weight:500}.item-count{background-color:var(--hover-color);border-radius:15px;font-size:1.1rem;font-weight:700;padding:4px 10px}.dark-mode .active-item{border-color:#444}.dark-mode .item-count{background-color:#383838}.filters-container.report-filters{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter-search-input{background-color:#f5f5f5;min-width:250px;width:100%}.filter-search-input,.filter-search-input-invReport{border:1px solid #ced4da;border:1px solid var(--input-border,#ced4da);border-radius:6px;color:#1a202c;color:var(--text-primary,#212529);flex-grow:1;padding:8px 12px}.filter-search-input-invReport{background-color:#fff;background-color:var(--input-bg,#fff);display:flex;max-height:45px;width:50%!important}.dark-mode .filter-search-input,.dark-mode .filter-search-input-invReport{background-color:#47556940;border:1px solid #94a3b833;box-shadow:none}.filter-row-bottom{width:100%}.filter-row-bottom,.pagination-container{align-items:center;display:flex;justify-content:space-between}.pagination-container{flex-wrap:wrap;gap:1rem;margin-top:1rem}.pagination-summary{align-self:center;color:var(--text-color-secondary);font-size:.9rem;margin-right:auto}.pagination-summary strong{color:var(--text-color-primary);font-weight:600}.filter-select-cal{-webkit-appearance:none;appearance:none;border-radius:8px;cursor:text;font-family:inherit;font-size:.9rem;height:44px;line-height:1.5;margin-bottom:10px;padding:.5rem 1rem;position:relative;transition:border-color .2s ease,box-shadow .2s ease;width:170px}.strip{margin-left:10px;margin-right:10px}.filter-select-cal::-webkit-calendar-picker-indicator{-webkit-appearance:none;appearance:none;background-color:#6c757d;background-position:50%;background-repeat:no-repeat;cursor:pointer;height:16px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-calendar-event'%3E%3Cpath d='M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z'/%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1zm1-1h12a1 1 0 0 1 1 1v1H0V4a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-calendar-event'%3E%3Cpath d='M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z'/%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1zm1-1h12a1 1 0 0 1 1 1v1H0V4a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");position:absolute;right:12px;top:50%;transform:translateY(-50%);-webkit-transition:background-color .2s;transition:background-color .2s;width:16px}.filter-select-cal::-webkit-calendar-picker-indicator:hover{background-color:#343a40}.filter-select-cal::-webkit-clear-button,.filter-select-cal::-webkit-inner-spin-button{display:none}.filter-select-cal{background-color:#fff;background-color:var(--input-bg,#fff);border:1px solid #ced4da;border:1px solid var(--input-border,#ced4da);color:#1a202c;color:var(--text-primary,#212529)}.filter-select-cal:focus{border-color:#86b7fe;border-color:var(--input-focus-border,#86b7fe);box-shadow:0 0 0 3px #0d6efd40;outline:none}.filter-select-cal:disabled{background-color:#e9ecef;background-color:var(--input-disabled-bg,#e9ecef);cursor:not-allowed;opacity:.7}.dark-mode .filter-select-cal{background-color:#111!important;border:1px solid #495057;border:1px solid var(--input-border,#495057);color:#1a202c;color:var(--text-primary,#fff);color-scheme:dark}.dark-mode .filter-select-cal:focus{border-color:#0d6efd;border-color:var(--input-focus-border,#0d6efd)}.dark-mode .filter-select-cal:disabled{background-color:#343a40;background-color:var(--input-disabled-bg,#343a40)}.dark-mode .filter-select-cal::-webkit-calendar-picker-indicator{background-color:#adb5bd!important}.dark-mode .filter-select-cal::-webkit-calendar-picker-indicator:hover{background-color:#e9ecef!important}.dashboard-container-financial{margin-top:2rem;width:100%}.dashboard-row-financial{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr}.dark-mode .nilai-card{background-color:var(--bg-color-dark-accent);border:1px solid var(--border-color-dark)}.nilai-card{background-color:var(--bg-color-light);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;padding:1.5rem}.nilai-card h4{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:var(--text-color-dark);flex-shrink:0;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;margin-top:0;padding-bottom:.75rem}.chart-canvas-container{flex-grow:1;height:300px;min-height:250px;position:relative;width:100%}.loading-text{color:#1a1a1a;color:var(--text-color-light);font-style:italic;padding:3rem 1rem;text-align:center}.komposisi-card .chart-canvas-container{align-items:center;display:flex;justify-content:center}.search-input-cari{background-color:#fff;background-color:var(--input-bg,#fff);border:1px solid #ced4da;border:1px solid var(--input-border,#ced4da);color:#1a202c;color:var(--text-primary,#212529)}.dark-mode .search-input-cari{background-color:#111;border:1px solid #495057;border:1px solid var(--input-border,#495057);color:#1a202c;color:var(--text-primary,#fff)}@media (max-width:1290px){.filter-search-input-invReport{min-width:50%}.filter-search-input{margin-bottom:10px;width:100%}.dashboard-container-financial{margin-top:30px}.dashboard-row-financial{display:flex;flex-direction:column;grid-template-columns:1fr}.nilai-card{padding:20px 15px;width:100%}.nilai-card h4{font-size:1.1rem}.chart-canvas-container{height:280px}.navigation-section{margin-top:40px}.report-navigation-cards{gap:15px;grid-template-columns:1fr}.nav-card-report{align-items:center;flex-direction:row;padding:15px}.nav-card-report-icon{font-size:1.5rem;margin-bottom:0;margin-right:15px}.btn-download,.nav-card-report-content h4{font-size:1rem}.btn-download{justify-content:center;padding:10px;width:100%}.btn-download.excel,.btn-download.pdf{margin-bottom:10px}.download-button-group{width:100%}.download-button-group .btn-download{flex:1 1;margin-bottom:0!important;width:auto}.filter-select-cal{width:100%}.filter-row-bottom{align-items:stretch;flex-direction:column}.most-active-widget{display:none}.chart-header{align-items:flex-start;flex-direction:column;gap:.75rem}.year-filter{padding:.6rem;width:100%}.most-active-widget h4{font-size:1.1rem}.active-item{align-items:flex-start;flex-direction:column;gap:.25rem}.item-info .item-name{font-size:.95rem}.item-count{background-color:#f0f2f5;border-radius:10px;font-size:.85rem;padding:2px 8px}.info-card .card-value{font-size:1.5rem}.user-management-container p{font-size:.9rem}.report-filters{align-items:flex-start;flex-wrap:wrap;gap:.5rem 1rem}.strip{display:none}.filter-select,.filter-select-date{flex-basis:calc(50% - 0.5rem);max-width:100%;min-width:100px;width:-webkit-fit-content;width:fit-content}.filter-select{padding-right:25px}.filter-select option{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-action-bar{margin-bottom:25px}}.page-description{line-height:1.6;margin-bottom:1.5rem}.keyword-form{align-items:stretch;display:flex;gap:1rem}.btn-keyword{background:#d6eaf8;border:#0000;border-radius:8px;color:#154360;cursor:pointer;font-weight:600;margin:0;padding:10px 16px;white-space:nowrap}.keyword-form-inputs{display:flex;flex-grow:1;gap:1rem}.keyword-input{flex-grow:1}.keyword-input,.score-input{background-color:#fff;background-color:var(--input-bg,#fff);border:1px solid #ced4da;border:1px solid var(--input-border,#ced4da);color:#1a202c;color:var(--text-primary,#212529)}.keyword-form-inputs input[type=text]{border:1px solid #ccc;border-radius:8px;flex-grow:1;padding:.75rem}.btn-keyword:hover{background-color:#aed6f1;box-shadow:0 4px 10px #15406033;transform:translateY(-2px)}.btn-keyword:disabled{cursor:not-allowed;opacity:.6}.dark-mode .btn-keyword{background-color:#4f46e5;border-color:#0000;color:#fff}.dark-mode .btn-keyword:hover{background-color:#4338ca;transform:translateY(-2px)}.keyword-form input{border:1px solid #ccc;border-radius:8px;display:flex;flex-grow:1;gap:1rem}.keyword-list-container{padding:1rem}.keyword-list{list-style:none;margin:0;padding:0}.keyword-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:background-color .2s}.keyword-item:last-child{border-bottom:none}.keyword-item:hover{background-color:#f9f9f9}.dark-mode .keyword-item{border-bottom:1px solid #333}.dark-mode .keyword-item:hover{background-color:#333}.score-badge{border-radius:12px;color:#fff;font-size:.9rem;font-weight:700;padding:.25rem .6rem}.score-badge.positive{background-color:#10b981}.score-badge.negative{background-color:#ef4444}.score-badge.neutral{background-color:#6b7280}.btn-delete-icon{align-items:center;background:none;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:background-color .2s}.btn-delete-icon:hover{background-color:#fee2e2}.dark-mode .btn-delete-icon:hover{background-color:#4b1d1d}@media (max-width:1920px){.keyword-form{align-items:stretch;flex-direction:column}.keyword-form-inputs{flex-direction:column;gap:.75rem}.score-input{flex-grow:1;width:100%}.keyword-input{width:100%}.keyword-list-container{padding:.5rem}}.stok-summary-table{border-collapse:collapse;border-spacing:0;width:100%}.stok-summary-table thead th{background-color:#f8f9fa;background-color:var(--table-header-bg,#f8f9fa);border-bottom:2px solid #3f51b5;border-bottom:2px solid var(--primary-color,#007bff);color:#000111;color:var(--table-header-text,#000111);padding:.75rem 1rem;text-align:center;vertical-align:middle}.summary-row{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--table-border-color,#dee2e6);cursor:pointer;transition:background-color .15s ease-in-out}.summary-row:hover{background-color:#f1f3f5;background-color:var(--table-hover-bg,#f1f3f5)}.summary-row td{padding:.75rem 1rem;text-align:center;vertical-align:middle}.summary-row td:nth-child(2),.summary-row td:nth-child(3),.summary-row td:nth-child(4){text-align:left}.summary-row.expanded{background-color:#eef3ff;background-color:var(--table-expanded-bg,#eef3ff)}.detail-rows-container td{border:none!important;padding:0!important}.detail-list-wrapper{background-color:#f8f9fa;background-color:var(--detail-bg,#f8f9fa);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--detail-border-color,#dee2e6);padding-bottom:.5rem;padding-left:1rem;padding-top:.5rem}.detail-list-header{background-color:#b3bac6;border-top:1px solid #4a5568;color:#495057;color:var(--detail-header-text,#495057);display:flex;font-size:.8em;font-weight:600;margin-bottom:.25rem;padding:.6rem 1rem;text-align:center}body.dark-mode .detail-list-header{background-color:#374151;border-top:1px solid #9ca3af;color:#d1d5db;color:var(--detail-header-text-dark,#d1d5db)}.detail-list-header .detail-cell{align-items:center;box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;padding:0 .5rem;text-align:center}.detail-row-div{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--detail-border-color,#e9ecef);cursor:pointer;display:flex;font-size:.85em;padding:.6rem 1rem}.detail-row-div:last-child{border-bottom:none}.detail-row-div:hover{background-color:#e9ecef;background-color:var(--detail-hover-bg,#e9ecef)}.detail-cell{align-items:center;box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;padding:0 .5rem;text-align:center}.cell-select,.header-select{flex-basis:4%;padding:0 8px}.cell-kode,.cell-select,.header-kode,.header-select{flex-grow:0;flex-shrink:0;justify-content:center;text-align:center}.cell-kode,.header-kode{flex-basis:14%;padding-left:1rem}.cell-sn,.header-sn{flex-basis:7%;flex-grow:0;flex-shrink:0}.cell-kondisi,.header-kondisi{flex-basis:6%;flex-grow:0;flex-shrink:0}.cell-status,.header-status{flex-basis:8%;flex-grow:0;flex-shrink:0}.cell-jumlah,.header-jumlah{text-align:center}.cell-jumlah,.cell-warna,.header-jumlah,.header-warna{flex-basis:5%;flex-grow:0;flex-shrink:0;justify-content:center}.cell-harga,.header-harga{flex-basis:10%;flex-grow:0;flex-shrink:0;justify-content:center;text-align:center}.cell-tanggal,.cell-tglbeli,.header-tanggal,.header-tglbeli{flex-basis:11%;flex-grow:0;flex-shrink:0;text-align:center}.cell-creator,.header-creator{flex-basis:8%;flex-grow:0;flex-shrink:0;text-align:center}.cell-aksi,.header-aksi{flex-basis:11%;flex-grow:0;flex-shrink:0;justify-content:center}.cell-warna .color-swatch{align-items:center;border:1px solid #ccc;border:1px solid var(--detail-border-color,#ccc);border-radius:3px;display:inline-block;height:16px;vertical-align:middle;width:16px}.cell-aksi.action-buttons-group{gap:.5rem}.detail-loading,.detail-nodata{background-color:#f8f9fa;background-color:var(--detail-bg,#f8f9fa);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--detail-border-color,#dee2e6);color:#6c757d;color:var(--text-color-secondary,#6c757d);font-style:italic;padding:1rem;text-align:center}body.dark-mode .stok-summary-table thead th{background-color:#1f1f1f;color:#e5e7eb}body.dark-mode .summary-row{border-bottom-color:#1f1f1f}.dark-mode .summary-row:hover{background-color:#111}body.dark-mode .summary-row.expanded{background-color:#1f1f1f}body.dark-mode .detail-list-wrapper,body.dark-mode .detail-loading,body.dark-mode .detail-nodata{background-color:#1f1f1f;border-bottom-color:#374151;color:#d1d5db}body.dark-mode .detail-row-div{border-bottom-color:#374151}.dark-mode .detail-row-div:hover{background-color:#374151}body.dark-mode .cell-warna .color-swatch{border-color:#374151}.summary-card{cursor:pointer}.summary-card.expanded{background-color:#eef3ff;background-color:var(--card-expanded-bg,#eef3ff);border-left:3px solid #3f51b5;border-left:3px solid var(--primary-color,#007bff)}body.dark-mode .summary-card.expanded{background-color:#111;border-left-color:#3b82f6}.sku-detail-list-wrapper{background-color:#f8f9fa;background-color:var(--detail-bg,#f8f9fa);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--detail-border-color,#dee2e6);padding:.5rem 1rem}.dark-mode .sku-detail-list-wrapper{background-color:#1f1f1f;border-bottom-color:#374151}.sku-detail-list-header{background-color:#e9ecef;background-color:var(--detail-header-bg,#e9ecef);border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--detail-border-color,#dee2e6);color:#495057;color:var(--detail-header-text,#495057);display:flex;font-size:.8em;font-weight:600;margin-bottom:.25rem;padding:.6rem .5rem;text-align:center}.dark-mode .sku-detail-list-header{background-color:#374151;border-bottom-color:#374151;color:#d1d5db}.sku-detail-row-div{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--detail-border-color,#e9ecef);cursor:pointer;display:flex;font-size:.85em;padding:.6rem .5rem}.sku-detail-row-div:last-child{border-bottom:none}.dark-mode .sku-detail-row-div{border-bottom-color:#374151}.sku-detail-row-div:hover{background-color:#e9ecef;background-color:var(--detail-hover-bg,#e9ecef)}.dark-mode .sku-detail-row-div:hover{background-color:#374151}.sku-detail-list-header .detail-cell,.sku-detail-row-div .detail-cell{align-items:center;box-sizing:border-box;display:flex;padding:0 .5rem}.sku-detail-list-header .header-select,.sku-detail-row-div .cell-select{flex-basis:40px;flex-grow:0;flex-shrink:0;justify-content:center}.sku-detail-list-header .header-kode,.sku-detail-row-div .cell-kode{flex:1 1;justify-content:flex-start;min-width:150px;padding-left:1rem;text-align:left}.sku-detail-list-header .header-stok{flex-basis:90px;flex-grow:0;flex-shrink:0;justify-content:center;text-align:center}.sku-detail-row-div .cell-stok{flex-basis:120px;flex-grow:0;flex-shrink:0;justify-content:center;text-align:center}.sku-detail-list-header .header-aksi{flex-basis:180px;flex-grow:0;flex-shrink:0;justify-content:center}.sku-detail-row-div .cell-aksi{flex-basis:150px;flex-grow:0;flex-shrink:0;justify-content:center}.sku-detail-row-div .cell-aksi .action-buttons-group{justify-content:center}.split-view-container{align-items:stretch;display:flex;gap:1.5rem;margin-top:1.5rem;transition:all .4s ease-out}.list-panel{display:flex;flex-direction:column;transition:width .4s ease-out;width:100%}.split-view-active .list-panel{flex-shrink:0;width:30%}.list-panel .job-list-container,.list-panel .table-scroll-container{display:flex;flex-direction:column;flex-grow:1}.list-panel .table-scroll-container{height:65vh;max-height:none;overflow:hidden}.list-panel .table-scroll-container>div:last-child{flex-grow:1;overflow-y:auto}.split-view-active .list-panel .hide-on-narrow{display:none}.history-panel{background-color:#fff;background-color:var(--card-bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 6px 16px #0000001a;display:flex;flex-direction:column;flex-grow:1;height:65vh;max-height:65vh;overflow:hidden;position:relative;width:70%}.dark-mode .history-panel{background-color:#111;border-color:var(--border-color-dark)}.history-panel-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.dark-mode .history-panel-header{border-bottom-color:var(--border-color-dark)}.history-panel-header h4{color:var(--text-color-dark);font-size:1.1rem;font-weight:600;margin:0}.history-panel-controls{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.dark-mode .history-panel-controls{border-bottom-color:var(--border-color-dark)}.history-list-scroll{flex-grow:1;overflow-y:auto;padding:1rem 1.5rem}.history-panel-controls .date-filters{align-items:center;display:flex;gap:.5rem;width:500px}.close-button,.modal-close-button{background:#0000;border:none;cursor:pointer;font-size:2.2rem;font-weight:300;line-height:1;padding:0;position:absolute;right:20px;top:10px;transition:color .2s ease}.close-button{color:#000}.dark-mode .close-button{color:#fff}@media (max-width:900px){.split-view-container{flex-direction:column}.split-view-active .list-panel{height:auto;max-height:50vh;width:100%}.list-panel .hide-on-narrow{display:none}}.btn-scan-qr-history{background:#0000;border:none;color:#00b341;font-size:1.2em;font-weight:400;padding:0}.btn-scan-qr-history .fa-inverse{color:#0d0d0d}.dark-mode .btn-scan-qr-history{color:#4ade80}.dark-mode .btn-scan-qr-history .fa-inverse{color:#fff}.btn-scan-qr-history{transition:color .3s ease,transform .2s ease,text-shadow .3s ease}.btn-scan-qr-history:hover{color:#22c55e;transform:scale(1.05)}.btn-primary-outline{background:#d6eaf8;border:#0000;border-radius:8px;color:#154360;cursor:pointer;display:inline-block;font-weight:600;padding:10px 16px;transition:all .2s ease-in-out}.btn-primary-outline:hover:not(:disabled){background-color:#aed6f1;color:#154360;transform:translateY(-2px)}.btn-primary-outline:disabled{background-color:#d3d3d3;border-color:#f3f4f6;color:#a9a9a9;cursor:not-allowed;opacity:.8}body.dark-mode .btn-primary-outline{background-color:#4f46e5;border-color:#0000;box-shadow:0 2px 6px #4f46e540;color:#fff}body.dark-mode .btn-primary-outline:hover:not(:disabled){background-color:#4338ca;box-shadow:0 4px 10px #4f46e54d;color:#fff;transform:translateY(-2px)}body.dark-mode .btn-primary-outline:disabled{background-color:#dcdcdc;border-color:#374151;color:#a9a9a9;opacity:.7}.btn-soft-grey{border:#0000;border-radius:8px;color:#4b5563;cursor:pointer;display:inline-block;font-weight:600;line-height:1.25;padding:10px 12px;transition:all .2s ease-in-out}.btn-soft-grey:hover:not(:disabled){color:#1f2937;transform:translateY(-2px)}body.dark-mode .btn-soft-grey{background-color:#374151;border-color:#0000;box-shadow:0 2px 6px #37415140;color:#d1d5db}body.dark-mode .btn-soft-grey:hover:not(:disabled){background-color:#4b5563;box-shadow:0 4px 10px #4b55634d;color:#f3f4f6;transform:translateY(-2px)}.detail-list-footer-centered{background-color:#b3bac6;color:#495057;display:flex;font-size:.8em;font-weight:600;justify-content:center;margin-bottom:.25rem;padding:.6rem 1rem;text-align:center}body.dark-mode .detail-list-footer-centered{background-color:#374151;color:#d1d5db;color:var(--detail-header-text-dark,#d1d5db)}@media (max-width:1290px){.btn-scan-qr-history{align-items:center;align-self:center;display:inline-flex;justify-content:center}.list-panel .table-scroll-container{display:none}.history-panel{display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.history-panel .history-list-scroll{flex-grow:1;overflow-y:auto}.split-view-active{overflow:hidden}.history-list-scroll,.history-panel-header{padding-left:1rem;padding-right:1rem}.history-panel-header h4{font-size:1rem}.history-panel-controls{align-items:stretch;display:flex;flex-direction:column;gap:1rem;padding:1rem}.history-panel-controls .date-filters{display:flex;flex-direction:column;gap:.75rem;width:100%}.history-panel-controls .download-buttons{display:flex;flex-direction:column;gap:.5rem}.history-panel-controls .download-buttons .btn-download{text-align:center;width:100%}.history-log-item .form-row2{display:block}.history-log-item .info-row{margin-bottom:.75rem;width:100%}.history-log-item .info-row.full-width{margin-bottom:.75rem}}.mobile-footer-nav,.mobile-nav-card,.mobile-nav-overlay{display:none}@media (max-width:1290px){.content-overlay,.hamburger-menu-button,.sidebar{display:none!important}.main-content{margin-left:0!important;width:100%!important}.content-area{padding-bottom:100px}.mobile-footer-nav{backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);background:#ffffff40;border:1px solid #ffffff4d;border-radius:24px;bottom:1rem;box-shadow:0 4px 12px #0000001a;display:grid;grid-template-columns:repeat(4,1fr);left:1rem;padding:.5rem 0;position:fixed;right:1rem;z-index:1030}.mobile-footer-nav button{align-items:center;background:none;border:none;color:#2c2c2c;cursor:pointer;display:flex;flex-direction:column;font-size:.75rem;font-weight:500;justify-content:center;transition:all .2s ease-in-out}.mobile-footer-nav button svg{stroke-width:2;height:24px;margin-bottom:2px;width:24px}.mobile-footer-nav button.active{color:#005bff;transform:scale(1.1)}.dark-mode .mobile-footer-nav{background:#14141466;border:1px solid #ffffff26}.dark-mode .mobile-footer-nav button{color:#e5e5e5}.dark-mode .mobile-footer-nav button.active{color:#589bff}.mobile-nav-overlay{background:#0006;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:1010}.mobile-nav-card{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffff4d;border:1px solid #fff6;border-radius:24px;bottom:110px;box-shadow:0 4px 12px #0000001a;display:block;left:1rem;max-height:70vh;overflow-y:auto;padding:1rem;position:fixed;right:1rem;z-index:1020}.mobile-nav-card-header{align-items:center;border-bottom:none;display:flex;justify-content:space-between;margin-bottom:8px;padding:4px 4px 12px}.mobile-nav-card-header h3{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin:0;text-transform:capitalize}.mobile-nav-card-header button{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#555;cursor:pointer;display:flex;font-size:1.25rem;font-weight:600;height:32px;justify-content:center;transition:background .2s ease;width:32px}.mobile-nav-card-header button:hover{background:#0000001a}.mobile-nav-card-links{display:flex;flex-direction:column}.mobile-nav-card .sidebar-button{align-items:center;border-radius:12px;color:#2c2c2c;display:flex;font-size:1rem;font-weight:500;margin-bottom:5px;padding:12px 16px;transition:background .2s ease,color .2s ease;width:100%}.mobile-nav-card .sidebar-button i{color:#4a4a4a;font-size:1.25rem;margin-right:16px;text-align:center;transition:color .2s ease;width:24px}.mobile-nav-card .sidebar-button:hover{background:#0000000d}.mobile-nav-card .sidebar-button.active{background-color:#005bff;color:#fff;font-weight:600}.mobile-nav-card .sidebar-button.active i{color:#fff}.dark-mode .mobile-nav-card{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#1e1e1e66;border:1px solid #ffffff26}.dark-mode .mobile-nav-card-header h3{color:#f0f0f0}.dark-mode .mobile-nav-card-header button{background:#ffffff1a;color:#bbb}.dark-mode .mobile-nav-card-header button:hover{background:#fff3}.dark-mode .mobile-nav-card .sidebar-button{color:#e0e0e0}.dark-mode .mobile-nav-card .sidebar-button i{color:#b0b0b0}.dark-mode .mobile-nav-card .sidebar-button:hover{background:#ffffff14}.dark-mode .mobile-nav-card .sidebar-button.active{background-color:#589bff;color:#111;font-weight:600}.dark-mode .mobile-nav-card .sidebar-button.active i{color:#111}.main-header .admin-user-info-container{display:none}.main-header .header-left-group{width:100%}.main-header h1.dashboard-header-title{padding-right:16px}.mobile-modal-divider{background-color:#0000001a;height:1px;margin:12px 4px}.dark-mode .mobile-modal-divider{background-color:#ffffff1a}.mobile-modal-setting-item{align-items:center;color:#2c2c2c;display:flex;font-size:1rem;font-weight:500;height:54px;justify-content:space-between;padding:12px 16px}.dark-mode .mobile-modal-setting-item{color:#e0e0e0}.mobile-modal-setting-item.user-profile-item{gap:12px;justify-content:flex-start}.mobile-modal-setting-item .user-avatar{align-items:center;background:#eee;border-radius:50%;color:#555;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.dark-mode .mobile-modal-setting-item .user-avatar{background:#333;color:#bbb}.mobile-logout-button{align-items:center;background:#d9534f1a;border:none;border-radius:50%;color:#d9534f;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:36px;justify-content:center;margin-left:auto;width:36px}.dark-mode .mobile-logout-button{background:#f0808033;color:#f08080}.mobile-switch{display:inline-block;flex-shrink:0;height:28px;position:relative;width:50px}.mobile-switch input{height:0;opacity:0;width:0}.mobile-slider{background-color:#ccc;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.mobile-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:20px;left:4px;position:absolute;transition:.4s;width:20px}input:checked+.mobile-slider{background-color:#005bff}input:checked+.mobile-slider:before{transform:translateX(22px)}}@media (max-width:400px){.mobile-footer-nav{bottom:.75rem;column-gap:2px;left:.5rem;padding:.4rem 0;right:.5rem}.mobile-footer-nav button span{font-size:.65rem;letter-spacing:-.2px;margin-top:2px}.mobile-footer-nav button svg{height:20px;margin-bottom:4px;width:20px}.mobile-footer-nav button.active{transform:none}.mobile-footer-nav button.active svg{color:#005bff;transform:scale(1.15)}}.mobile-footer-nav-user,.mobile-nav-card-drag-handle-user,.mobile-nav-card-links-user,.mobile-nav-card-user,.mobile-nav-overlay-user{display:none}@media screen and (max-width:1290px){.desktop-only{display:none!important}.mobile-footer-nav-user{align-items:center;background-color:#1a2236;border-top:1px solid #2e3b55;bottom:0;box-shadow:0 -4px 20px #0000004d;display:flex;height:70px;justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;width:100%;z-index:1000}.mobile-footer-nav-user button{align-items:center;background:none;border:none;color:#8a9ab5;cursor:pointer;display:flex;flex-direction:column;font-size:.75rem;gap:4px;height:100%;justify-content:center;transition:all .3s ease;width:100%}.mobile-footer-nav-user button svg{font-size:1.5rem;margin-bottom:2px}.mobile-footer-nav-user button.active{color:#60a5fa}.mobile-footer-nav-user button.active svg{filter:drop-shadow(0 0 5px rgba(96,165,250,.5));transform:translateY(-2px)}.mobile-nav-card-drag-handle-user{display:block}.mobile-nav-overlay-user{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:998}.mobile-nav-card-user{background:linear-gradient(180deg,#1e293b,#1a2236);border-top:1px solid #334155;box-shadow:0 -10px 25px #00000080;color:#fff;display:block}.mobile-nav-card-header-user h3{color:#f1f5f9;font-size:1.1rem;font-weight:600}.mobile-nav-card-links-user{display:flex;flex-direction:column;gap:8px}.header-mobile-user{cursor:grab;flex-shrink:0;padding:15px 20px 5px;touch-action:none;width:100%}.mobile-nav-card-links-user .sidebar-button{border-radius:12px;color:#cbd5e1;padding:15px;transition:background .2s}.mobile-nav-card-links-user .sidebar-button:active{background-color:#ffffff1a!important}.mobile-nav-card-links-user .sidebar-button.active{background-color:#60a5fa26!important;color:#60a5fa!important;font-weight:600}.mobile-notifications-user{display:flex;flex-direction:column;gap:10px}.notification-item-user{background:#252f46;border:1px solid #334155;border-radius:10px;display:flex;flex-direction:column;padding:15px;position:relative}.notification-content-user strong{color:#e2e8f0;font-size:.95rem;margin-bottom:4px}.notification-content-user p{color:#94a3b8;font-size:.85rem;line-height:1.4}.notification-delete-btn{align-self:flex-end;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;margin-top:8px;padding:5px 10px}.notification-delete-btn:active{background-color:#ff6b6b1a}}.filters-container{display:block;gap:1rem;margin-bottom:1rem;overflow:visible;transition:all .3s ease-in-out}.filters-content-wrapper{display:flex;flex-direction:row;gap:1rem;margin-bottom:0;margin-top:0}.btn-toggle-filters{display:none}.date-range-container{align-items:center;display:flex;flex:1 1;gap:.75rem}.date-range-container .filter-select-date{flex:1 1;width:auto}.date-separator{flex-shrink:0}@media (max-width:768px){.btn-toggle-filters{background:none;border:none;color:#94a3b8;cursor:pointer;display:block;font-size:.9rem;font-weight:500;margin-bottom:1rem;padding:12px 8px;transition:color .2s ease,background-color .2s ease;width:100%}body.dark-mode .btn-toggle-filters{color:#64748b}.filters-container{flex-direction:column;gap:.75rem;margin-bottom:1rem}.filters-content-wrapper{display:flex;flex-direction:column;gap:.75rem}.date-range-container{align-items:center;display:flex;gap:.75rem;width:100%}.date-range-container .filter-select-date{flex:1 1;width:auto}.sku-add-button-container{margin-bottom:0}.download-button-group .btn-download{margin-top:10px}.bulk-action-bar .btn-primary-outline,.bulk-action-bar .btn-soft-grey{flex:1 1}.btn-user-action .btn-detail,.bulk-action-bar .btn-clear{flex-grow:1;justify-content:center;width:100%}.history{margin-top:10px}.nav-card-report-content p{font-size:.8rem}}.ticket-card-mobile.card-with-select,.ticket-card-mobile.detail-card{align-items:stretch;display:flex;flex-direction:row;gap:0;padding:0}.card-select-col{align-items:center;border-right:1px solid #ccc;border-right:1px solid var(--border-color-light);display:flex;flex-shrink:0;justify-content:center;padding:15px 10px 15px 15px;transition:background-color .2s}.data-group.horizontal{align-items:baseline;flex-direction:row;justify-content:space-between;width:100%}.data-group.horizontal .value{text-align:right;white-space:normal}.dark-mode .card-select-col{border-right:1px solid var(--border-color-dark)}.card-content-col.hoverable-row:hover+.card-select-col,.card-select-col:hover{background-color:#00000005}.dark-mode .card-content-col.hoverable-row:hover+.card-select-col,.dark-mode .card-select-col:hover{background-color:#ffffff05}.card-content-col{display:flex;flex-direction:column;flex-grow:1;gap:12px;min-width:0;padding:15px}.card-select-col input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:20px;width:20px}.card-header-detail{align-items:center;display:flex;gap:10px;justify-content:space-between;width:100%}.card-header-detail span{font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-header-detail small{color:#94a3b8;flex-shrink:0;font-size:.8rem;font-weight:500}body:not(.dark-mode) .card-header-detail small{color:#6c757d}.stok-barang{width:30px}.leaflet-popup-content-wrapper{color:#333!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background-color:#fff!important}.custom-popup-content h4{color:#333;margin:0 0 5px}.custom-popup-content p{color:#555;font-size:14px;margin:0 0 10px}.custom-popup-content button{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;font-weight:700;padding:0;text-decoration:none}.custom-popup-stat{border-radius:4px;cursor:pointer;font-weight:700;margin:3px 0;padding:3px 0;transition:background-color .15s ease-in-out,transform .1s ease-out}.custom-popup-stat:hover{background-color:#0000000d;transform:translateX(3px)}.dark-mode .custom-popup-stat:hover{background-color:#ffffff0d}.dark-mode .leaflet-popup-content-wrapper{background-color:#363636!important;color:#f0f0f0!important}.dark-mode .leaflet-popup-tip{background-color:#363636!important}.dark-mode .custom-popup-content h4{color:#f0f0f0!important}.dark-mode .custom-popup-content p{color:#b0b0b0!important}.dark-mode .custom-popup-content button{color:#90caf9!important}.dark-mode .leaflet-control-container .leaflet-control-zoom{filter:invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%)}.dark-mode .leaflet-control-container .leaflet-control-zoom a{background-color:#36393f!important;color:#f0f0f0!important}body.dark-mode .leaflet-container{filter:invert(100%) hue-rotate(180deg) brightness(85%) contrast(100%)}.custom-div-icon div{cursor:pointer;transform-origin:bottom;transition:transform .2s ease-out,box-shadow .2s ease}.custom-div-icon:hover div{box-shadow:0 5px 15px #0006;transform:scale(1.2) translateY(-5px)}.dark-mode .custom-div-icon,.dark-mode .leaflet-marker-icon{filter:invert(100%) hue-rotate(180deg)}.dark-mode .custom-div-icon:hover div{box-shadow:0 5px 20px #fff3}@keyframes pulse-yellow{0%{box-shadow:0 0 0 0 #ffb30066}70%{box-shadow:0 0 0 10px #ffb30000}to{box-shadow:0 0 0 0 #ffb30000}}.marker-pulse{animation:pulse-yellow 1.5s infinite}.toast-container{flex-direction:column;gap:10px;left:50%;position:fixed;top:20px;transform:translateX(-50%);z-index:100000000}.toast,.toast-container{align-items:center;display:flex}.toast{border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:15px;max-width:500px;min-width:300px;padding:12px 20px}.toast-icon{align-items:center;display:flex;font-size:20px;margin-right:12px}.toast.success{background-color:#28a745}.toast.error{background-color:#dc3545}.toast.info{background-color:#17a2b8}.toast.warning{background-color:#ffc107!important;color:#333!important}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}