:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#e5e5e5}.dashboard{display:flex;height:100vh;width:100vw;overflow:hidden;position:relative}.mobile-menu-btn{display:none;position:fixed;top:15px;left:15px;z-index:1001;background:#1e88e5;color:#fff;border:none;padding:10px;border-radius:8px;cursor:pointer;box-shadow:0 2px 8px #0003}.sidebar{width:240px;background:linear-gradient(180deg,#1e88e5,#1565c0);color:#fff;display:flex;flex-direction:column;padding:20px 0;box-shadow:2px 0 10px #0003;transition:transform .3s ease;z-index:1000}.sidebar-header{padding:0 20px 20px;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:20px}.sidebar-header svg{margin-bottom:10px}.sidebar-header h1{font-size:32px;font-weight:600;margin-bottom:8px;font-style:italic}.sidebar-header p{font-size:13px;opacity:.9}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:14px 20px;background:transparent;border:none;color:#fff;cursor:pointer;font-size:16px;transition:all .2s;text-align:left;width:100%;position:relative}.nav-item:hover{background:#ffffff1a}.nav-item.active{background:#fff3;border-left:4px solid white;padding-left:16px}.nav-item svg{flex-shrink:0}.submenu-icon{margin-left:auto;display:flex;align-items:center}.submenu{background:#0000001a;padding:5px 0}.submenu-item{display:flex;align-items:center;gap:12px;padding:12px 20px 12px 45px;background:transparent;border:none;color:#fff;cursor:pointer;font-size:14px;transition:all .2s;text-align:left;width:100%}.submenu-item:hover{background:#ffffff1a}.submenu-item.active{background:#ffffff26}.overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999}.main-content{flex:1;width:100%;display:flex;flex-direction:column;overflow:auto}.content-area{flex:1;overflow-y:auto;padding:0}.top-bar{background:#fff;padding:15px 30px;display:flex;gap:15px;box-shadow:0 2px 5px #0000001a;flex-wrap:wrap}.add-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#1e88e5;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s;white-space:nowrap}.add-btn:hover{background:#1565c0}.add-btn:disabled{background:#ccc;cursor:not-allowed}.dashboard-grid{padding:30px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-content:start}.card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #00000026;color:#333;display:flex;flex-direction:column;max-height:400px;width:100%}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e0e0e0;flex-shrink:0}.card-header h2{font-size:22px;font-weight:500;color:#333}.badge{background:#2196f3;color:#fff;padding:4px 12px;border-radius:12px;font-size:18px;font-weight:600}.badge-warning{background:#ff9800}.badge-danger{background:#f44336}.card-list{list-style:none;overflow-y:auto;flex:1;padding-right:5px}.card-list::-webkit-scrollbar{width:6px}.card-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.card-list::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.card-list::-webkit-scrollbar-thumb:hover{background:#555}.card-list li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:15px;color:#333}.card-list li span:first-child{flex:1}.days,.quantity,.date{font-size:14px;color:#666}.list-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:#fff;border-bottom:1px solid #e0e0e0}.list-title{font-size:28px;font-weight:600;color:#333}.add-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#1e88e5;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.add-button:hover{background:#1565c0}.add-button:disabled{background:#ccc;cursor:not-allowed}.add-button-icon{width:16px;height:16px}.list-container{padding:20px 30px}.search-filter{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.filter-select{padding:10px 15px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:14px;min-width:120px}.import-export{display:flex;gap:10px}.import-button,.export-button{display:flex;align-items:center;justify-content:center;padding:10px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;transition:background .2s}.import-button:hover,.export-button:hover{background:#f5f5f5}.list-item{display:flex;align-items:center;background:#fff;border-radius:8px;padding:15px 20px;margin-bottom:10px;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s}.list-item:hover{box-shadow:0 2px 6px #00000026}.safety-indicator{width:4px;height:40px;border-radius:2px;margin-right:15px;flex-shrink:0}.safety-indicator.safe{background:#4caf50}.safety-indicator.toxic{background:#f44336}.safety-indicator.corrosive{background:#ff9800}.safety-indicator.reactive{background:#9c27b0}.safety-indicator.flammable{background:#ff5722}.item-details{flex:1}.item-name{font-size:18px;font-weight:600;color:#333;margin-bottom:4px}.item-meta{font-size:14px;color:#666;margin-bottom:2px}.ghs-symbols{display:flex;gap:5px;margin-top:8px}.ghs-symbol-image{width:24px;height:24px;border-radius:2px}.item-status{margin-left:15px}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.view-button{display:flex;align-items:center;justify-content:center;padding:8px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#666;transition:all .2s;margin-left:10px}.view-button:hover{background:#f5f5f5;color:#333}.view-button:disabled{opacity:.5;cursor:not-allowed}.view-icon{width:18px;height:18px}.detail-header{display:flex;align-items:center;padding:20px 30px;background:#fff;border-bottom:1px solid #e0e0e0;gap:15px}.back-button{display:flex;align-items:center;justify-content:center;padding:8px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#666;transition:background .2s}.back-button:hover{background:#f5f5f5}.back-button:disabled{opacity:.5;cursor:not-allowed}.back-icon{width:20px;height:20px}.detail-title{font-size:24px;font-weight:600;color:#333;display:flex;align-items:center;gap:8px}.detail-container{padding:30px;background:#f5f5f5}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.detail-grid>div{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.detail-section-title{font-size:20px;font-weight:600;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e0e0e0}.detail-properties{display:flex;flex-direction:column;gap:15px}.detail-property{display:flex;align-items:flex-start;gap:15px}.property-label{font-weight:600;color:#333;min-width:140px;padding-top:8px}.property-value{color:#666;flex:1;padding-top:8px}.form-label{font-weight:600;color:#333;font-size:14px;display:flex;align-items:center;gap:4px}.form-input,.form-select{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s;width:100%}.form-input:focus,.form-select:focus{outline:none;border-color:#1e88e5}.form-input:disabled,.form-select:disabled{background:#f5f5f5;cursor:not-allowed}.form-button{padding:12px 24px;background:#1e88e5;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.form-button:hover:not(:disabled){background:#1565c0}.form-button:disabled{background:#ccc;cursor:not-allowed}.login-section{margin-bottom:24px}.login-section-header{margin-bottom:16px}.login-section-header h3{font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.login-divider{display:flex;align-items:center;margin:24px 0;color:#666}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#e0e0e0}.login-divider span{padding:0 16px;font-size:14px;color:#666}.credentials-form{display:flex;flex-direction:column;gap:16px;margin-bottom:0}.google-login-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;color:#333;margin-bottom:0}@media(max-width:480px){.login-section{margin-bottom:20px}.login-divider{margin:20px 0}}.usage-form{padding:0 30px}.error-message{padding:12px 16px;background:#ffebee;color:#c62828;border:1px solid #ffcdd2;border-radius:4px;font-size:14px}.loading-container{display:flex;justify-content:center;align-items:center;padding:40px;color:#666}.no-data{text-align:center;color:#666;padding:40px;font-style:italic}.audit-log-container{padding:20px 30px}.audit-log-item{background:#fff;border-radius:8px;padding:16px 20px;margin-bottom:10px;box-shadow:0 1px 3px #0000001a}.audit-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.audit-log-action{font-weight:600;text-transform:capitalize}.audit-log-timestamp{font-size:12px;color:#666;display:flex;align-items:center;gap:4px}.audit-log-details{font-size:14px;color:#666;display:flex;align-items:center;gap:4px}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0000004d;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.modal-title{font-size:20px;font-weight:600;color:#1f2937;margin:0}.modal-close-button{background:none;border:none;padding:8px;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background:#f3f4f6;color:#374151}.modal-close-icon{width:20px;height:20px}.modal-content{padding:24px;overflow-y:auto;flex:1}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:768px){.mobile-menu-btn{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.overlay{display:block}.main-content{width:100%}.top-bar{padding:60px 15px 15px;flex-wrap:wrap}.add-btn{flex:1;justify-content:center;min-width:150px}.dashboard-grid{padding:15px}.card{max-height:350px}.list-header{padding:15px 20px;flex-direction:column;gap:15px;align-items:flex-start}.list-container{padding:15px 20px}.search-filter{flex-direction:column;align-items:stretch}.autocomplete-container{min-width:auto}.filter-select{width:100%}.import-export{justify-content:center}.detail-header{padding:15px 20px;flex-wrap:wrap;width:100vw}.detail-container{padding:20px}.detail-property{flex-direction:column;align-items:flex-start;gap:5px}.property-label{min-width:auto;padding-top:0}.usage-form{padding:0 20px}.audit-log-container{padding:15px 20px}.form-grid{grid-template-columns:1fr}}@media(max-width:480px){.modal-overlay{padding:10px}.modal-header{padding:12px 16px}.modal-content{padding:16px}.list-item{flex-direction:column;align-items:flex-start;gap:15px}.view-button{align-self:flex-end;margin-left:0}}.login-container{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:440px}.login-header{text-align:center;margin-bottom:30px}.logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.logo-icon{width:32px;height:32px;color:#1e88e5}.logo h1{font-size:28px;font-weight:700;color:#1e88e5;font-style:italic}.login-header h2{font-size:24px;font-weight:600;color:#333;margin-bottom:8px}.login-header p{color:#666;font-size:14px}.login-method-tabs{display:flex;background:#f8f9fa;border-radius:8px;padding:4px;margin-bottom:24px}.tab-button{flex:1;padding:12px 16px;border:none;background:transparent;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;color:#666}.tab-button.active{background:#fff;color:#1e88e5;box-shadow:0 2px 4px #0000001a}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;padding:12px 16px;margin-bottom:20px}.error-message p{color:#c33;font-size:14px;margin:0;text-align:center}.login-loading{text-align:center;padding:40px 20px}.spinner{width:40px;height:40px;border:4px solid #e3e3e3;border-top:4px solid #1e88e5;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.google-login-section{margin-bottom:20px}.google-login-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;color:#333}.google-login-button:hover{border-color:silver;background:#f8f9fa}.google-icon{width:20px;height:20px}.credentials-form{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-weight:500;color:#333;font-size:14px}.login-input{padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .2s}.login-input:focus{outline:none;border-color:#1e88e5}.password-input-container{position:relative}.password-input{padding-right:50px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px}.password-toggle:hover{background:#f0f0f0}.login-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:#1e88e5;color:#fff;border:none;border-radius:8px;font-weight:500;font-size:16px;cursor:pointer;transition:background .2s;margin-top:10px}.login-button:hover:not(:disabled){background:#1565c0}.login-button:disabled{background:#ccc;cursor:not-allowed}.login-footer{text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid #e0e0e0}.login-footer p{color:#666;font-size:14px;margin:0}.footer-link{color:#1e88e5;text-decoration:none;font-weight:500}.footer-link:hover{text-decoration:underline}@media(max-width:480px){.login-container{padding:10px}.login-card{padding:30px 20px}.logo h1{font-size:24px}.login-header h2{font-size:20px}}.app-loading{display:flex;width:100vw;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.app-loading .spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.app-loading p{font-size:18px;font-weight:500}.status-badge{padding:6px 14px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.equipment-list{display:flex;flex-direction:column;gap:10px}.equipment-card{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:8px;padding:16px 20px;box-shadow:0 1px 3px #0000001a;transition:all .2s;cursor:pointer}.equipment-card:hover{box-shadow:0 3px 8px #00000026;transform:translateY(-1px);background:#f8f9fa}.equipment-card:active{transform:translateY(0)}.equipment-info{flex:1}.equipment-name{font-size:18px;font-weight:600;color:#333;margin-bottom:4px}.equipment-meta{font-size:14px;color:#666;margin:0}.equipment-status{display:flex;align-items:center}.status-badge{padding:6px 14px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-badge.status-available{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.status-broken{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-badge.status-maintenance{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}@media(max-width:768px){.filter-sort-row{flex-direction:column;align-items:stretch}.filter-sort-row .filter-select{width:100%}.sort-direction-button{width:100%;justify-content:center}.import-export-buttons{margin-left:0;width:100%}.import-button,.export-button{flex:1}.equipment-card{flex-direction:column;align-items:flex-start;gap:12px}.equipment-status{align-self:flex-end}}@media(max-width:480px){.equipment-card{padding:12px 16px}.equipment-name{font-size:16px}.equipment-meta{font-size:13px}}.chemicals-list{display:flex;flex-direction:column;gap:10px}.chemical-card{display:flex;align-items:center;background:#fff;border-radius:8px;padding:16px 20px;box-shadow:0 1px 3px #0000001a;transition:all .2s;cursor:pointer;gap:15px}.chemical-card:hover{box-shadow:0 3px 8px #00000026;transform:translateY(-1px);background:#f8f9fa}.chemical-card:active{transform:translateY(0)}.chemical-card.out-of-stock{background:#ffebee;border:2px solid #ef5350}.chemical-card.out-of-stock:hover{background:#ffcdd2}.chemical-safety-indicator{width:8px;height:60px;border-radius:4px;flex-shrink:0}.chemical-safety-indicator.safety-moderate-hazard{background:#9e9e9e}.chemical-safety-indicator.safety-toxic{background:#2196f3}.chemical-safety-indicator.safety-corrosive{background:#fff;border:2px solid #757575}.chemical-safety-indicator.safety-reactive{background:#ffd54f}.chemical-safety-indicator.safety-flammable{background:#f44336}.chemical-main-info{flex:1;min-width:0}.chemical-name{font-size:18px;font-weight:600;color:#333;margin-bottom:4px}.chemical-meta{font-size:14px;color:#666;margin:0 0 8px}.ghs-symbols{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.ghs-symbol-image{width:28px;height:28px;border-radius:2px}.chemical-details{display:flex;flex-direction:column;gap:6px;min-width:140px;text-align:right}.chemical-detail-item{display:flex;justify-content:space-between;align-items:center;margin:0;font-size:14px;gap:8px}.detail-label{font-weight:600;color:#666;min-width:35px}.detail-value{color:#333;font-weight:500}.text-green-600{color:#4caf50!important}.text-blue-600{color:#2196f3!important}.text-purple-600{color:#9c27b0!important}.text-orange-600{color:#ff9800!important}.text-indigo-600{color:#3f51b5!important}.text-pink-600{color:#e91e63!important}.text-red-600{color:#dc2626!important}.text-gray-600{color:#666!important}.font-bold{font-weight:700!important}.font-semibold{font-weight:600!important}.safety-indicator.safety-moderate-hazard{background:#9e9e9e}.safety-indicator.safety-toxic{background:#2196f3}.safety-indicator.safety-corrosive{background:#fff;border:2px solid #757575}.safety-indicator.safety-reactive{background:#ffd54f}.safety-indicator.safety-flammable{background:#f44336}@media(max-width:768px){.chemical-card{flex-direction:column;align-items:flex-start;gap:12px}.chemical-safety-indicator{width:100%;height:6px}.chemical-details{width:100%;text-align:left}.chemical-detail-item{justify-content:flex-start}}@media(max-width:480px){.chemical-card{padding:12px 16px}.chemical-name{font-size:16px}.chemical-meta{font-size:13px}.ghs-symbol-image{width:24px;height:24px}}.refresh-button-icon{background-color:#3b82f6;color:#fff;padding:.5rem;border-radius:.375rem;border:none;cursor:pointer;transition:background-color .2s}.refresh-button-icon:hover:not(:disabled){background-color:#2563eb}.refresh-button-icon:disabled{opacity:.5;cursor:not-allowed}.p-6{padding:30px;background:#f5f5f5;min-height:100vh}.flex.justify-between.items-center.mb-6{margin-bottom:24px}.text-2xl.font-bold{font-size:28px;font-weight:600;color:#333}.bg-red-100.border.border-red-400.text-red-700{background:#ffebee;border:1px solid #ffcdd2;color:#c62828;padding:16px 20px;border-radius:6px;margin-bottom:20px;font-size:14px;box-shadow:0 1px 3px #0000001a}.border-b.border-gray-200{border-bottom:2px solid #e0e0e0;background:#fff;border-radius:8px 8px 0 0;box-shadow:0 1px 3px #0000000d}.-mb-px.flex.space-x-8{display:flex;gap:32px;padding:0 24px}.py-2.px-1.border-b-2{padding:16px 8px;border-bottom:3px solid transparent;background:transparent;cursor:pointer;font-size:15px;font-weight:500;transition:all .2s;position:relative;bottom:-2px}.bg-white.rounded-lg.shadow.overflow-hidden{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;margin-top:20px}.min-w-full{width:100%;border-collapse:collapse}.bg-gray-50 th{padding:16px 24px;text-align:left;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e0e0e0}.px-6.py-4{padding:16px 24px;font-size:14px;color:#333}.px-2.inline-flex.text-xs.leading-5.font-semibold.rounded-full{display:inline-flex;align-items:center;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ml-2.px-2.py-1.text-xs.bg-red-100.text-red-800.rounded-full{margin-left:8px;padding:4px 10px;font-size:11px;background:#ffebee;color:#c62828;border-radius:12px;font-weight:600;text-transform:uppercase}.border.rounded.p-1{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:14px;cursor:pointer;transition:all .2s}.flex.space-x-2{display:flex;gap:8px}.bg-red-100.text-red-600{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.bg-red-500.text-white{background:#f44336;color:#fff}.bg-green-500.text-white{background:#4caf50;color:#fff}.px-3.py-1.rounded.text-sm.font-medium,.p-2.rounded.text-sm.font-medium{padding:8px 16px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.p-2.rounded.text-sm.font-medium{padding:8px}.text-center.text-gray-500.py-8{text-align:center;color:#666;padding:60px 20px;font-size:16px;font-style:italic}.detail-header{padding:20px 30px;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 3px #0000000d}.detail-title{font-size:28px;font-weight:600;color:#333}.flex.border-b.border-gray-200.mb-6{border-bottom:2px solid #e0e0e0;background:#fff;margin-bottom:20px;padding:0 30px;border-radius:8px 8px 0 0;box-shadow:0 1px 3px #0000000d}.px-6.py-3.font-medium{padding:16px 24px;font-size:15px;font-weight:500;border:none;background:transparent;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;position:relative;bottom:-2px}.px-6.py-3.font-medium.border-b-2.border-blue-500.text-blue-600{color:#1e88e5!important;border-bottom-color:#1e88e5!important}.px-6.py-3.font-medium.text-gray-500{color:#666}.px-6.py-3.font-medium.text-gray-500:hover{color:#1e88e5;background:#1e88e50d;border-radius:4px 4px 0 0}.usage-form{padding:0 30px 30px}.space-y-6>*+*{margin-top:24px}.bg-gray-50.p-4.rounded-lg{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0}.bg-gray-50.p-4.rounded-lg h3{font-size:18px;font-weight:600;color:#333;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e0e0e0;display:flex;align-items:center;gap:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-weight:600;color:#333;font-size:14px;display:flex;align-items:center;gap:6px}.form-input,.form-select{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:all .2s;background:#fff}.form-input:focus,.form-select:focus{outline:none;border-color:#1e88e5;box-shadow:0 0 0 3px #1e88e51a}.form-input:disabled,.form-select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.p-4.bg-white.rounded.border.mb-4{background:#f8f9fa;padding:20px;border-radius:8px;border:2px solid #e0e0e0;margin-bottom:16px;transition:all .2s}.p-4.bg-white.rounded.border.mb-4:hover{border-color:#1e88e5;box-shadow:0 2px 8px #1e88e51a}.flex.items-center.text-blue-600{color:#1e88e5;font-weight:500;transition:all .2s;padding:8px 16px;border-radius:4px}.flex.items-center.text-blue-600:hover:not(:disabled){background:#e3f2fd;color:#1565c0}.text-red-600.hover\:text-red-800{color:#f44336;transition:all .2s;border-radius:4px;padding:8px}.text-red-600.hover\:text-red-800:hover:not(:disabled){color:#d32f2f;background:#ffebee}.border-t.pt-4{border-top:1px solid #e0e0e0;padding-top:16px;margin-top:16px}.form-button{padding:14px 32px;background:#1e88e5;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #1e88e54d}.form-button:hover:not(:disabled){background:#1565c0;transform:translateY(-1px);box-shadow:0 4px 12px #1e88e566}.form-button:active:not(:disabled){transform:translateY(0)}.form-button:disabled{background:#ccc;cursor:not-allowed;box-shadow:none;opacity:.6}.space-y-4>*+*{margin-top:16px}.text-lg.font-medium{font-size:20px;font-weight:600;color:#333;margin-bottom:20px}.bg-white.border.rounded-lg.p-4{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;transition:all .2s}.bg-white.border.rounded-lg.p-4:hover{box-shadow:0 3px 8px #00000026;border-color:#1e88e5}.text-blue-600.hover\:text-blue-800,.text-green-600.hover\:text-green-800,.text-gray-600.hover\:text-gray-800{padding:6px;border-radius:4px;transition:all .2s}.text-blue-600.hover\:text-blue-800{color:#1e88e5}.text-blue-600.hover\:text-blue-800:hover:not(:disabled){background:#e3f2fd;color:#1565c0}.text-green-600.hover\:text-green-800{color:#4caf50}.text-green-600.hover\:text-green-800:hover:not(:disabled){background:#e8f5e9;color:#388e3c}.text-gray-600.hover\:text-gray-800{color:#666}.text-gray-600.hover\:text-gray-800:hover:not(:disabled){background:#f5f5f5;color:#333}.text-gray-500.text-center.py-8{text-align:center;color:#666;padding:60px 20px;font-size:16px;font-style:italic}.grid.grid-cols-2.gap-4{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:768px){.form-grid,.grid.grid-cols-2.gap-4{grid-template-columns:1fr}.detail-header,.usage-form,.flex.border-b.border-gray-200.mb-6{padding-left:20px;padding-right:20px}.p-6{padding:20px}.min-w-full{min-width:800px}.bg-white.rounded-lg.shadow.overflow-hidden{overflow-x:auto}}@media(max-width:480px){.text-2xl.font-bold,.detail-title{font-size:22px}.px-6.py-3.font-medium{padding:12px 16px;font-size:14px}.p-4.bg-white.rounded.border.mb-4{padding:16px}}.p-6{padding:20px;background:#f5f5f5;min-height:100vh;width:100%;overflow-x:hidden}.flex.justify-between.items-center.mb-6{margin-bottom:20px;flex-direction:column;gap:15px;align-items:flex-start}.text-2xl.font-bold{font-size:24px;font-weight:600;color:#333;width:100%}.bg-red-100.border.border-red-400.text-red-700{background:#ffebee;border:1px solid #ffcdd2;color:#c62828;padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px;box-shadow:0 1px 3px #0000001a;width:100%}.border-b.border-gray-200{border-bottom:2px solid #e0e0e0;background:#fff;border-radius:8px 8px 0 0;box-shadow:0 1px 3px #0000000d;width:100%;overflow-x:auto}.-mb-px.flex.space-x-8{display:flex;gap:20px;padding:0 16px;min-width:max-content}.py-2.px-1.border-b-2{padding:12px 8px;border-bottom:3px solid transparent;background:transparent;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;position:relative;bottom:-2px;white-space:nowrap}.border-blue-500.text-blue-600{border-bottom-color:#1e88e5!important;color:#1e88e5!important}.border-transparent.text-gray-500{color:#666}.border-transparent.text-gray-500:hover{color:#1e88e5;background:#1e88e50d;border-radius:4px 4px 0 0}.bg-white.rounded-lg.shadow.overflow-hidden{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto;margin-top:20px;width:100%}.min-w-full{width:100%;border-collapse:collapse;min-width:800px}.bg-gray-50{background:#f8f9fa}.bg-gray-50 th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e0e0e0;white-space:nowrap}.bg-white.divide-y.divide-gray-200 tr{border-bottom:1px solid #f0f0f0;transition:background .2s}.bg-white.divide-y.divide-gray-200 tr:hover{background:#f8f9fa}.bg-white.divide-y.divide-gray-200 tr:last-child{border-bottom:none}.px-6.py-4{padding:12px 16px;font-size:14px;color:#333;white-space:nowrap}.px-2.inline-flex.text-xs.leading-5.font-semibold.rounded-full{display:inline-flex;align-items:center;padding:6px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.bg-green-100.text-green-800{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.bg-red-100.text-red-800{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}.bg-orange-100.text-orange-800{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.bg-gray-100.text-gray-800{background:#f5f5f5;color:#666;border:1px solid #e0e0e0}.ml-2.px-2.py-1.text-xs.bg-red-100.text-red-800.rounded-full{margin-left:8px;padding:4px 10px;font-size:10px;background:#ffebee;color:#c62828;border-radius:12px;font-weight:600;text-transform:uppercase;white-space:nowrap}.border.rounded.p-1{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:14px;cursor:pointer;transition:all .2s;width:100%;max-width:120px}.border.rounded.p-1:hover:not(:disabled){border-color:#1e88e5;box-shadow:0 0 0 3px #1e88e51a}.border.rounded.p-1:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.flex.space-x-2{display:flex;gap:6px;flex-wrap:wrap}.bg-red-100.text-red-600{background:#fff3cd;color:#856404;border:1px solid #ffeaa7;padding:6px 12px;font-size:12px}.bg-red-100.text-red-600:hover:not(:disabled){background:#ffe8a1;border-color:#ffd54f}.bg-red-500.text-white{background:#f44336;color:#fff;padding:8px}.bg-red-500.text-white:hover:not(:disabled){background:#d32f2f;transform:translateY(-1px);box-shadow:0 2px 6px #f443364d}.bg-green-500.text-white{background:#4caf50;color:#fff;padding:8px 16px;font-size:12px}.bg-green-500.text-white:hover:not(:disabled){background:#388e3c;transform:translateY(-1px);box-shadow:0 2px 6px #4caf504d}.px-3.py-1.rounded.text-sm.font-medium,.p-2.rounded.text-sm.font-medium{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;border:none;white-space:nowrap}.p-2.rounded.text-sm.font-medium{padding:6px}.disabled\:opacity-50:disabled{opacity:.5;cursor:not-allowed}.text-center.text-gray-500.py-8{text-align:center;color:#666;padding:40px 20px;font-size:14px;font-style:italic}@media(max-width:480px){.p-6{padding:15px 10px}.text-2xl.font-bold{font-size:20px}.-mb-px.flex.space-x-8{gap:10px;padding:0 10px}.py-2.px-1.border-b-2{padding:10px 6px;font-size:12px}.px-6.py-4{padding:8px 10px;font-size:12px}.bg-gray-50 th{padding:10px 12px;font-size:10px}.border.rounded.p-1{max-width:90px;font-size:12px;padding:6px 8px}.flex.space-x-2{flex-direction:column;gap:4px}.px-3.py-1.rounded.text-sm.font-medium,.p-2.rounded.text-sm.font-medium{font-size:11px;padding:4px 8px}.bg-green-500.text-white{padding:6px 12px}}@media(max-width:768px){.flex.justify-between.items-center.mb-6{flex-direction:column;align-items:flex-start;gap:15px}.bg-white.rounded-lg.shadow.overflow-hidden{border-radius:6px}.min-w-full{min-width:700px}.px-6.py-4{padding:10px 12px}.bg-gray-50 th{padding:12px 14px}.flex.space-x-2{flex-wrap:wrap}}@media(max-width:1024px){.p-6{padding:20px 15px}.min-w-full{min-width:750px}}@media(min-width:1200px){.p-6{padding:30px}.min-w-full{min-width:100%}}@media(max-width:767px){.user-management-mobile-view{display:block}.user-management-table-view{display:none}.user-card{background:#fff;border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px #0000001a;border-left:4px solid #1e88e5}.user-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;flex-wrap:wrap;gap:8px}.user-card-name{font-weight:600;font-size:16px;color:#333}.user-card-email{font-size:14px;color:#666;width:100%}.user-card-details{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.user-card-detail{display:flex;justify-content:space-between;font-size:14px}.user-card-label{font-weight:600;color:#666}.user-card-value{color:#333}.user-card-actions{display:flex;gap:8px;flex-wrap:wrap}}.user-management-mobile-view{display:none}.user-management-table-view{display:block}.loading-container{display:flex;justify-content:center;align-items:center;padding:40px 20px;color:#666;font-size:16px}.loading-spinner{width:30px;height:30px;border:3px solid #e3e3e3;border-top:3px solid #1e88e5;border-radius:50%;animation:spin 1s linear infinite;margin-right:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.delete-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.delete-modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:480px;padding:32px}.modal-step-content{text-align:center;margin-bottom:24px}.modal-icon-container{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;margin:0 auto 20px}.modal-icon-warning{background:#ffebee}.modal-icon-danger{background:#ffcdd2}.modal-icon{width:32px;height:32px;color:#f44336}.modal-step-title{font-size:22px;font-weight:600;color:#333;margin-bottom:12px}.modal-step-description{font-size:15px;color:#666;line-height:1.6;margin-bottom:20px}.modal-warning-box{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:16px;margin-bottom:20px}.modal-warning-text{font-size:14px;color:#856404;margin:0}.modal-input-group{margin-top:20px;text-align:left}.modal-input-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.modal-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .2s;font-family:monospace}.modal-input:focus{outline:none;border-color:#f44336;box-shadow:0 0 0 3px #f443361a}.modal-actions{display:flex;gap:12px;margin-bottom:20px}.modal-button{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.modal-button-cancel{background:#f5f5f5;color:#666}.modal-button-cancel:hover:not(:disabled){background:#e0e0e0}.modal-button-danger{background:#f44336;color:#fff}.modal-button-danger:hover:not(:disabled){background:#d32f2f;transform:translateY(-1px);box-shadow:0 4px 12px #f443364d}.modal-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.modal-progress{text-align:center}.modal-progress-dots{display:flex;justify-content:center;gap:8px;margin-bottom:8px}.modal-progress-dot{width:10px;height:10px;border-radius:50%;background:#e0e0e0;transition:all .3s}.modal-progress-dot-active{background:#f44336;transform:scale(1.2)}.modal-progress-dot-complete{background:#4caf50}.modal-progress-text{font-size:13px;color:#666;margin:0}@media(max-width:480px){.delete-modal-container{padding:24px 20px}.modal-step-title{font-size:20px}.modal-step-description{font-size:14px}.modal-icon-container{width:56px;height:56px}.modal-icon{width:28px;height:28px}}.ghs-symbols-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.ghs-checkbox-label{display:flex;align-items:center;cursor:pointer;padding:8px;border-radius:4px;transition:background .2s}.ghs-checkbox-label:hover{background:#f5f5f5}.ghs-checkbox{margin-right:8px;cursor:pointer;width:16px;height:16px}.ghs-checkbox-text{font-size:14px;color:#333;-webkit-user-select:none;user-select:none}@media(max-width:480px){.ghs-symbols-grid{grid-template-columns:1fr;gap:8px}}.physical-state-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.physical-state-option{display:flex;align-items:center;justify-content:center;padding:14px 20px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;position:relative}.physical-state-option:hover{border-color:#1e88e5;background:#f8f9fa}.physical-state-option.active{border-color:#1e88e5;background:#e3f2fd;box-shadow:0 2px 8px #1e88e533}.physical-state-radio{margin-right:10px;cursor:pointer;width:18px;height:18px;accent-color:#1e88e5}.physical-state-label{font-size:15px;font-weight:500;color:#333;-webkit-user-select:none;user-select:none}.physical-state-option.active .physical-state-label{color:#1e88e5;font-weight:600}@media(max-width:480px){.physical-state-options{grid-template-columns:1fr}}.audit-log-container{padding:20px 30px;background:#f5f5f5;min-height:calc(100vh - 200px)}.audit-log-item{background:#fff;border-radius:8px;padding:16px 20px;margin-bottom:10px;box-shadow:0 1px 3px #0000001a;transition:all .2s;border-left:4px solid transparent}.audit-log-item:hover{box-shadow:0 3px 8px #00000026;transform:translateY(-1px)}.audit-log-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;flex-wrap:wrap;gap:10px}.audit-log-action{font-weight:600;text-transform:capitalize;font-size:14px}.audit-log-timestamp{font-size:12px;color:#666;display:flex;align-items:center;gap:4px;background:#f8f9fa;padding:4px 8px;border-radius:4px}.audit-log-details{font-size:14px;color:#666;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.audit-log-item[data-action=add]{border-left-color:#4caf50}.audit-log-item[data-action=update]{border-left-color:#2196f3}.audit-log-item[data-action=delete]{border-left-color:#f44336}.audit-log-item[data-action=usage]{border-left-color:#9c27b0}.audit-log-item[data-action=checkout]{border-left-color:#ff9800}.audit-log-item[data-action=checkin]{border-left-color:#4caf50}.audit-log-item[data-action=import]{border-left-color:#3f51b5}.audit-log-item[data-action=export]{border-left-color:#e91e63}@media(max-width:768px){.audit-log-container{padding:15px 20px}.audit-log-header{flex-direction:column;align-items:flex-start;gap:8px}.audit-log-timestamp{align-self:flex-start}.audit-log-item{padding:12px 16px}}@media(max-width:480px){.audit-log-container{padding:10px 15px}.audit-log-details{flex-direction:column;align-items:flex-start;gap:4px}}.filter-sort-row{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.filter-sort-row .filter-select{flex:0 0 auto;min-width:150px}.sort-direction-button{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:14px;font-weight:500;color:#333;transition:all .2s}.sort-direction-button:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}.sort-direction-button:disabled{opacity:.5;cursor:not-allowed}.sort-arrow{width:18px;height:18px;color:#1e88e5}.import-export-buttons{display:flex;gap:10px;margin-left:auto}.import-button,.export-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500;color:#333}.import-button:hover:not(.opacity-50),.export-button:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}.import-export-icon{width:18px;height:18px;color:#666}.search-row{margin-bottom:15px}.search-row .autocomplete-container{width:100%;min-width:auto}.autocomplete-container{position:relative;flex:1;min-width:250px}.search-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#666;width:18px;height:18px}.search-input{width:100%;padding:10px 10px 10px 40px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s}.search-input:focus{outline:none;border-color:#1e88e5}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 2px 8px #0000001a;z-index:100;max-height:200px;overflow-y:auto}.autocomplete-item{padding:10px 15px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .2s}.autocomplete-item:hover{background:#f5f5f5}.autocomplete-item:last-child{border-bottom:none}@media(max-width:768px){.filter-sort-row{flex-direction:column;align-items:stretch}.filter-sort-row .filter-select{width:100%}.sort-direction-button{width:100%;justify-content:center}.import-export-buttons{margin-left:0;width:100%}.import-button,.export-button{flex:1}}.pagination-info{font-size:.875rem;color:#6b7280;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-button{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.pagination-button:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;gap:.25rem}.pagination-number{padding:.5rem .75rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;min-width:2.5rem}.pagination-number:hover{background-color:#f9fafb;border-color:#9ca3af}.pagination-number.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-size{display:flex;align-items:center}.pagination-select{padding:.5rem .75rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;color:#374151;cursor:pointer;transition:border-color .2s}.pagination-select:hover{border-color:#9ca3af}.pagination-select:focus{outline:none;border-color:#3b82f6}@media(max-width:768px){.pagination-container{flex-direction:column;gap:1rem;text-align:center}.pagination-controls{order:2}.pagination-info{order:1}.pagination-size{order:3}.pagination-numbers{display:none}}.verification-pending-container{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.verification-card{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;padding:48px 40px;width:100%;max-width:520px;text-align:center;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.verification-icon-container{width:80px;height:80px;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 4px 12px #ffc10733}.verification-icon{color:#856404}.verification-title{font-size:28px;font-weight:600;color:#333;margin-bottom:20px;line-height:1.3}.verification-user-info{margin-bottom:28px}.verification-greeting{font-size:16px;color:#666;margin-bottom:8px}.verification-email{font-weight:600;color:#1e88e5;word-break:break-all}.verification-message{font-size:15px;color:#888;line-height:1.5}.verification-status-box{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffd54f;border-radius:8px;padding:20px;margin-bottom:32px;display:flex;align-items:flex-start;gap:16px;text-align:left;box-shadow:0 2px 8px #ffc10726}.verification-status-icon{flex-shrink:0;width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#856404;box-shadow:0 2px 6px #0000001a}.verification-status-text{flex:1}.verification-status-title{font-size:16px;font-weight:600;color:#856404;margin-bottom:6px}.verification-status-description{font-size:14px;color:#856404;line-height:1.6;margin:0}.verification-actions{display:flex;flex-direction:column;gap:16px}.verification-logout-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,#666,#555);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0003}.verification-logout-button:hover{background:linear-gradient(135deg,#555,#444);transform:translateY(-1px);box-shadow:0 4px 12px #00000040}.verification-logout-button:active{transform:translateY(0)}.verification-help-text{font-size:13px;color:#999;margin:0;padding-top:8px;border-top:1px solid #e0e0e0}@media(max-width:768px){.verification-card{padding:40px 32px}.verification-title{font-size:24px}.verification-icon-container{width:70px;height:70px}.verification-icon{width:40px;height:40px}}@media(max-width:480px){.verification-pending-container{padding:15px}.verification-card{padding:32px 24px}.verification-title{font-size:22px}.verification-icon-container{width:64px;height:64px;margin-bottom:20px}.verification-icon{width:36px;height:36px}.verification-status-box{flex-direction:column;align-items:center;text-align:center}.verification-status-icon{margin-bottom:8px}.verification-greeting,.verification-message{font-size:14px}.verification-logout-button{padding:12px 20px;font-size:15px}}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-top:1px solid #e5e7eb;background-color:#f9fafb;margin-top:1rem;border-radius:0 0 .5rem .5rem}.log-container{display:flex;flex-direction:column;gap:16px;margin-top:16px}.log-item{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;border:1px solid #e0e0e0;transition:all .3s ease;position:relative;overflow:hidden}.log-item:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px);border-color:#1e88e5}.log-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#1e88e5,#1565c0);border-radius:2px 0 0 2px}.log-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.log-user{font-size:16px;font-weight:600;color:#333;margin-bottom:6px;display:flex;align-items:center;gap:6px}.log-location{font-size:14px;color:#666;display:flex;align-items:center;gap:6px;margin:0}.log-date{font-size:14px;font-weight:600;color:#1e88e5;display:flex;align-items:center;gap:6px;margin:0;background:#e3f2fd;padding:6px 12px;border-radius:20px}.log-details{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:12px;background:#f8f9fa;border-radius:8px}.log-quantity{font-size:15px;font-weight:600;color:#333;padding:6px 12px;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.log-tag{font-size:13px;font-weight:500;color:#666;padding:4px 10px;background:#fff;border-radius:6px;border:1px solid #e0e0e0;display:inline-flex;align-items:center;gap:4px}.chemical-tag{font-size:12px;font-weight:500;color:#1e88e5;padding:4px 10px;background:#e3f2fd;border-radius:6px;border:1px solid #bbdefb;display:inline-flex;align-items:center;gap:4px}.log-item[data-log-type=chemical]:before{background:linear-gradient(135deg,#4caf50,#388e3c)}.log-item[data-log-type=equipment]:before{background:linear-gradient(135deg,#ff9800,#f57c00)}.log-item[data-log-type=maintenance]:before{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}@media(max-width:768px){.log-header{flex-direction:column;gap:12px;align-items:flex-start}.log-date{align-self:flex-start}.log-details{flex-direction:column;align-items:flex-start;gap:8px}.log-item{padding:16px}}@media(max-width:480px){.log-container{gap:12px}.log-item{padding:14px;border-radius:8px}.log-user{font-size:15px}.log-location,.log-date{font-size:13px}.log-quantity{font-size:14px}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.log-item{animation:slideIn .3s ease-out}.no-data{text-align:center;color:#666;padding:60px 20px;font-style:italic;background:#fff;border-radius:12px;border:2px dashed #e0e0e0}.log-loading{display:flex;justify-content:center;align-items:center;padding:40px 20px;color:#666;font-style:italic}.chemical-log .log-details{background:#e8f5e8;border:1px solid #c8e6c9}.equipment-log .log-details{background:#fff3e0;border:1px solid #ffe0b2}.usage-log-item{display:flex;align-items:flex-start;justify-content:space-between;background:#fff;border-radius:8px;padding:16px 20px;margin-bottom:10px;box-shadow:0 1px 3px #0000001a;transition:all .2s;cursor:pointer;gap:20px}.usage-log-item:hover{box-shadow:0 3px 8px #00000026;transform:translateY(-1px);background:#f8f9fa}.usage-log-item:active{transform:translateY(0)}.usage-log-content{flex:1;min-width:0}.usage-log-user{font-size:18px;font-weight:600;color:#333;margin-bottom:8px}.usage-log-location{display:flex;align-items:center;font-size:14px;color:#666;margin-bottom:8px}.usage-log-location svg{margin-right:6px;flex-shrink:0}.usage-log-chemicals,.usage-log-equipment{display:flex;align-items:flex-start;font-size:14px;color:#666;margin-bottom:8px}.usage-log-chemicals svg,.usage-log-equipment svg{margin-right:6px;margin-top:2px;flex-shrink:0}.usage-log-chemicals strong,.usage-log-equipment strong{font-weight:600;color:#333}.usage-log-notes{font-size:14px;color:#666;margin-top:8px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.usage-log-notes strong{font-weight:600;color:#333}.usage-log-datetime{text-align:right;flex-shrink:0;min-width:100px;display:flex;flex-direction:column;align-items:flex-end}.usage-log-date{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.usage-log-time{font-size:14px;color:#666}.usage-detail-chemical-card{background:#fff;border:2px solid #e8f5e9;border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #00000014;transition:all .2s}.usage-detail-chemical-card:hover{box-shadow:0 2px 6px #0000001f;border-color:#c8e6c9}.usage-detail-chemical-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.usage-detail-chemical-name{font-size:18px;font-weight:600;color:#2e7d32;margin-bottom:8px}.usage-detail-chemical-info{display:flex;flex-direction:column;gap:6px}.usage-detail-chemical-detail{font-size:14px;color:#666;line-height:1.5}.usage-detail-chemical-detail strong{font-weight:600;color:#333;margin-right:4px}.usage-detail-chemical-badge{background:#e3f2fd;color:#1565c0;font-size:12px;font-weight:600;padding:6px 12px;border-radius:12px;white-space:nowrap}.usage-detail-equipment-card{background:#fff;border:2px solid #fff3e0;border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #00000014;transition:all .2s}.usage-detail-equipment-card:hover{box-shadow:0 2px 6px #0000001f;border-color:#ffe0b2}.usage-detail-equipment-name{font-size:18px;font-weight:600;color:#ef6c00;margin-bottom:8px}.usage-detail-equipment-info{display:flex;flex-direction:column;gap:6px}.usage-detail-equipment-detail{font-size:14px;color:#666;line-height:1.5;display:flex;align-items:center}.usage-detail-equipment-detail strong{font-weight:600;color:#333;margin-right:4px}.usage-detail-equipment-detail svg{margin-right:4px;flex-shrink:0}.usage-detail-empty{text-align:center;color:#999;font-style:italic;padding:32px 20px;background:#fafafa;border-radius:8px;border:2px dashed #e0e0e0}.usage-detail-section{margin-bottom:32px}.usage-detail-section-title{font-size:20px;font-weight:600;color:#333;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e0e0e0;display:flex;align-items:center}.usage-detail-section-title svg{margin-right:8px}.usage-detail-notes{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px;min-height:120px;color:#666;line-height:1.6;font-size:14px}.usage-detail-notes-empty{color:#999;font-style:italic}@media(max-width:768px){.usage-log-item{flex-direction:column;gap:12px}.usage-log-datetime{align-self:flex-start;flex-direction:row;gap:12px;align-items:center}.usage-log-date{margin-bottom:0}.usage-detail-chemical-header{flex-direction:column;gap:8px}.usage-detail-chemical-badge{align-self:flex-start}}@media(max-width:480px){.usage-log-item{padding:12px 16px}.usage-log-user{font-size:16px}.usage-log-location,.usage-log-chemicals,.usage-log-equipment,.usage-log-notes{font-size:13px}.usage-detail-chemical-card,.usage-detail-equipment-card{padding:12px}.usage-detail-chemical-name,.usage-detail-equipment-name{font-size:16px}.usage-detail-chemical-detail,.usage-detail-equipment-detail{font-size:13px}}.opened-chemical-card{position:relative;transition:all .2s ease}.log-chemical-button{position:absolute;top:10px;right:10px;background:#3b82f6;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .2s ease}.log-chemical-button:hover{background:#2563eb}.opened-chemical-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.radio-grid{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 16px}.radio-grid{display:flex;gap:10px;flex-direction:column;margin:10px 0 16px}.radio-option{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:all .12s ease,box-shadow .12s ease;background:#fff;box-shadow:0 1px 2px #00000008;position:relative;width:100%;justify-content:flex-start}.radio-option input[type=radio]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.radio-option .radio-color{width:18px;height:18px;border-radius:4px;box-shadow:inset 0 0 0 1px #0000000d;flex:none;position:relative;display:inline-block;opacity:.95}.radio-option:hover{transform:translateY(-2px);border-color:#0000000f}.radio-option input[type=radio]:checked+.radio-color,.radio-option input[type=radio]:checked~.radio-color{transform:none;box-shadow:0 0 0 3px #3b82f629 inset;border:1px solid rgba(0,0,0,.06)}.radio-color .radio-check{position:absolute;left:50%;top:50%;width:14px;height:14px;transform:translate(-40%,-40%) scale(.85);opacity:0;transition:opacity .12s ease,transform .12s ease,color .12s ease;color:#fff}.radio-option input[type=radio]:checked+.radio-color .radio-check,.radio-option input[type=radio]:checked~.radio-color .radio-check{opacity:1;transform:translate(-40%,-40%) scale(1.08)}.radio-option.corrosive input[type=radio]:checked+.radio-color .radio-check,.radio-option.corrosive input[type=radio]:checked~.radio-color .radio-check{color:#333}.radio-option input[type=radio]:checked+.radio-color+span,.radio-option input[type=radio]:checked~.radio-color+span{font-weight:600;color:#111}.radio-option input[type=radio]:focus+.radio-color{outline:2px solid rgba(59,130,246,.18);outline-offset:2px}.radio-color.flammable{background:#ef4444}.radio-color.health{background:#3b82f6}.radio-color.reactive{background:#facc15}.radio-color.corrosive{background:#fff;border:1px solid #ddd}.radio-color.moderate{background:#9ca3af}@supports (selector(:has(*))){.radio-option.flammable:has(input:checked){background:#ef444438;border-color:#ef444457}.radio-option.health:has(input:checked){background:#3b82f62e;border-color:#3b82f64d}.radio-option.reactive:has(input:checked){background:#facc152e;border-color:#facc154d}.radio-option.corrosive:has(input:checked){background:#fffffff2;border-color:#0000001a}.radio-option.moderate:has(input:checked){background:#9ca3af2e;border-color:#9ca3af4d}.radio-option:has(input:checked){transform:translateY(-3px);box-shadow:0 6px 12px #0000000f}}