*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#fff;--text-primary:#333;--text-secondary:#666;--text-tertiary:#999;--border-color:#ddd;--navbar-bg:#2c3e50;--navbar-text:#fff;--card-bg:#fff;--table-hover:#f8f9fa;--shadow:#0000001a;--shadow-hover:#00000026;--input-bg:#fff;--modal-overlay:#00000080}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#121212;--bg-tertiary:#2d2d2d;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--text-tertiary:grey;--border-color:#404040;--navbar-bg:#1a1a1a;--navbar-text:#e0e0e0;--card-bg:#2d2d2d;--table-hover:#383838;--shadow:#0000004d;--shadow-hover:#00000080;--input-bg:#2d2d2d;--modal-overlay:#000000b3}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background-color:var(--bg-secondary);color:#333;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1400px;overflow-x:auto;padding:20px}.btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;overflow:hidden;padding:8px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn:after{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:active:after{height:300px;width:300px}.btn:hover{box-shadow:0 4px 12px #00000026;box-shadow:0 4px 12px var(--shadow-hover);transform:translateY(-2px)}.btn:active{box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow);transform:translateY(0)}.btn:focus-visible{box-shadow:0 0 0 3px #007bff40;outline:none}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-info{background-color:#17a2b8;color:#fff}.btn-info:hover{background-color:#138496}.btn-sm{font-size:12px;padding:5px 10px}.card{background:#fff;background:var(--card-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow);margin-bottom:20px;padding:20px;transition:background-color .3s ease,box-shadow .3s ease}.form-group{margin-bottom:15px}.form-group label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{background-color:#fff;background-color:var(--input-bg);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;color:#333;color:var(--text-primary);font-size:14px;padding:10px;transition:all .3s ease;width:100%}table{animation:fadeInUp .4s ease-out .3s both;background:#fff;background:var(--card-bg);border-collapse:collapse;table-layout:auto;width:100%}table td,table th{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);color:#333;color:var(--text-primary);padding:12px;text-align:left}table td:first-child,table th:first-child{width:8%}table td:nth-child(2),table th:nth-child(2){width:15%}table td:nth-child(3),table th:nth-child(3){width:20%}table td:nth-child(4),table th:nth-child(4){width:8%}table td:nth-child(5),table td:nth-child(6),table th:nth-child(5),table th:nth-child(6){width:10%}table td:nth-child(7),table th:nth-child(7){width:8%}table td:nth-child(8),table th:nth-child(8){width:21%}table th{background-color:#f8f9fa;background-color:var(--table-hover);color:#333;color:var(--text-primary);font-weight:600}table th.sortable{cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}table th.sortable:hover{background-color:#0000001a;background-color:var(--shadow);color:#333;color:var(--text-primary)}table th.sortable:active{transform:translateY(1px)}.sort-icon{color:#666;color:var(--text-secondary);font-size:12px;margin-left:6px;transition:color .2s ease}table th.sortable:hover .sort-icon{color:#333;color:var(--text-primary)}table tbody tr{transition:all .2s ease}table tbody tr:hover{background-color:#f8f9fa;background-color:var(--table-hover);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}table.table-refreshing{opacity:.6;pointer-events:none;position:relative;transition:opacity .2s ease}table.table-refreshing:after{animation:tableRefreshSlide 1s ease-in-out infinite;background:linear-gradient(90deg,#0000,#2c3e50,#0000);background:linear-gradient(90deg,#0000,var(--navbar-bg),#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes tableRefreshSlide{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes successPulse{0%,to{box-shadow:0 2px 8px #28a7454d}50%{box-shadow:0 2px 12px #28a74580}}.badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;transition:all .3s ease}.badge-pending{background-color:#ffc107;box-shadow:0 2px 8px #ffc1074d;color:#000}.badge-batched{background-color:#17a2b8;box-shadow:0 2px 8px #17a2b84d;color:#fff}.badge-shipped{animation:successPulse 2s ease-in-out infinite;background-color:#28a745;box-shadow:0 2px 8px #28a7454d;color:#fff}.badge-draft{background-color:#6c757d;color:#fff}.badge-finalized{background-color:#007bff;color:#fff}.loading{color:#666;color:var(--text-secondary);padding:40px;text-align:center}.error{background-color:#f8d7da;color:#721c24}.error,.success{border-radius:4px;margin-bottom:15px;padding:12px}.success{background-color:#d4edda;color:#155724}table td:last-child{min-width:400px;white-space:nowrap}table td:last-child .btn{margin:2px}.bulk-import-container{background-color:#fff;background-color:var(--card-bg);color:#333;color:var(--text-primary);padding:20px}.bulk-import-container h3{color:#333;color:var(--text-primary);margin-bottom:20px}.import-instructions{background-color:#f8f9fa;background-color:var(--table-hover);border-left:4px solid #17a2b8;border-radius:4px;margin-bottom:20px;padding:15px;transition:background-color .3s ease}.import-instructions ul{margin:10px 0;padding-left:20px}.import-instructions li{color:#666;color:var(--text-secondary);margin:5px 0}.file-upload-section{background-color:#fff;background-color:var(--card-bg);border:2px dashed #ddd;border:2px dashed var(--border-color);border-radius:4px;margin:20px 0;padding:20px;text-align:center;transition:all .3s ease}.file-upload-section input[type=file]{margin-bottom:15px;padding:10px}.file-info{background-color:#e3f2fd;border-radius:4px;color:#1976d2;margin:10px 0;padding:10px}.import-results{margin-top:20px}.results-summary{background-color:#f8f9fa;background-color:var(--table-hover);border-radius:4px;margin:15px 0;padding:15px;transition:background-color .3s ease}.results-summary h4{color:#333;color:var(--text-primary);margin-bottom:10px}.results-summary p{color:#666;color:var(--text-secondary);margin:5px 0}.text-success{color:#28a745}.text-danger{color:#dc3545}.text-muted{color:#666;color:var(--text-secondary);font-style:italic}.import-errors{background-color:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;margin-top:20px;padding:15px}.import-errors h4{color:#856404;margin-bottom:10px}.error-list{max-height:300px;overflow-y:auto}.error-item{background-color:#fff;background-color:var(--card-bg);border:1px solid #ffecb5;border-radius:4px;margin:10px 0;padding:10px;transition:background-color .3s ease}.error-item ul{margin:5px 0;padding-left:20px}.error-item li{color:#dc3545;margin:3px 0}.created-shipments{background-color:#d4edda;border-left:4px solid #28a745;border-radius:4px;margin-top:20px;padding:15px}.created-shipments h4{color:#155724;margin-bottom:10px}.shipment-list{max-height:200px;overflow-y:auto}.shipment-item{background-color:#fff;background-color:var(--card-bg);border-radius:4px;color:#333;color:var(--text-primary);margin:5px 0;padding:8px;transition:background-color .3s ease}.modal-large{max-width:800px}.header-buttons{display:flex;gap:10px}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;margin:20px 0;padding:15px}.pagination-info{color:#666;color:var(--text-secondary);font-size:14px;font-weight:500}.pagination .btn{min-width:80px}.pagination .btn:disabled{cursor:not-allowed;opacity:.5}.pagination-limit-select{background-color:#fff;background-color:var(--input-bg);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;color:#333;color:var(--text-primary);cursor:pointer;font-size:14px;padding:6px 12px;transition:all .3s ease}.pagination-limit-select:hover{border-color:#999}.pagination-limit-select:focus{border-color:#007bff;outline:none}*,:after,:before{transition-duration:.3s;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:ease}.btn,.card,.modal,table tr{transition-property:all}.preload *{transition:none!important}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-loader{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#f8f9fa,#ddd 50%,#f8f9fa);background:linear-gradient(90deg,var(--table-hover) 0,var(--border-color) 50%,var(--table-hover) 100%);background-size:1000px 100%}.skeleton-header{padding:30px 0}.skeleton-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.skeleton-title{border-radius:4px;height:32px;width:200px}.skeleton-buttons{display:flex;gap:10px}.skeleton-button{border-radius:4px;height:38px;width:120px}.skeleton-search-bar{display:flex;gap:10px;margin-bottom:20px}.skeleton-search-input{border-radius:4px;flex:1 1;height:42px}.skeleton-filter-buttons{display:flex;gap:10px;margin-bottom:20px}.skeleton-filter-btn{border-radius:4px;height:38px;width:80px}.skeleton-table{background:#fff;background:var(--card-bg);border-radius:8px;overflow:hidden}.skeleton-table-header{grid-gap:12px;background-color:#f8f9fa;background-color:var(--table-hover);display:grid;gap:12px;grid-template-columns:1fr 2fr 2fr 1fr 1fr 1fr 1fr 3fr;padding:12px}.skeleton-table-header-cell{border-radius:4px;height:20px}.skeleton-table-row{grid-gap:12px;border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);display:grid;gap:12px;grid-template-columns:1fr 2fr 2fr 1fr 1fr 1fr 1fr 3fr;padding:12px}.skeleton-table-cell{border-radius:4px;height:16px}.skeleton-table-cell.large{height:20px}.skeleton-table-actions{display:flex;gap:8px}.skeleton-action-btn{border-radius:4px;height:32px;width:70px}.skeleton-pagination{align-items:center;display:flex;gap:15px;justify-content:center;padding:20px}.skeleton-page-btn{border-radius:4px;height:36px;width:80px}.skeleton-page-info{border-radius:4px;height:20px;width:150px}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.form-group input.error,.form-group select.error,.form-group textarea.error{animation:shake .4s ease;border-color:#dc3545}.form-group input.success,.form-group select.success,.form-group textarea.success{border-color:#28a745}.error-message{color:#dc3545}.error-message,.success-message{animation:fadeInUp .3s ease;font-size:12px;margin-top:4px}.success-message{color:#28a745}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}@media (max-width:768px){.page-header{flex-direction:column;gap:15px}.header-buttons{flex-direction:column;width:100%}.btn{width:100%}table{font-size:12px}.modal{max-height:90vh;overflow-y:auto;width:95%}.pagination{flex-wrap:wrap}.skeleton-table-header,.skeleton-table-row{grid-template-columns:repeat(4,1fr)}}@media (hover:none){.btn,.pagination .btn{min-height:44px;min-width:44px}table td{padding:16px 12px}}:focus-visible{outline:2px solid #007bff;outline-offset:2px}.animated-element{will-change:transform,opacity}.App{background-color:var(--bg-secondary);min-height:100vh;transition:background-color .3s ease}.navbar{background-color:var(--navbar-bg);box-shadow:0 2px 4px var(--shadow);color:var(--navbar-text);padding:15px 0;transition:all .3s ease}.navbar .container{justify-content:space-between}.nav-right,.navbar .container{align-items:center;display:flex}.nav-right{gap:20px}.logo{color:var(--navbar-text);font-size:24px;font-weight:700;margin:0}.nav-links{display:flex;gap:30px;list-style:none;margin:0}.nav-links a{color:var(--navbar-text);font-weight:500;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#3498db}.user-info{align-items:center;background:#ffffff1a;border-radius:20px;display:flex;gap:12px;padding:8px 16px}.logout-button,.username{color:var(--navbar-text);font-size:14px;font-weight:500}.logout-button{background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;cursor:pointer;padding:6px 14px;transition:all .3s ease}.logout-button:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}.logout-button:active{transform:translateY(0)}.theme-toggle{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;color:var(--navbar-text);cursor:pointer;display:flex;font-size:18px;height:42px;justify-content:center;line-height:1;padding:0;position:relative;transition:all .3s ease;width:42px}.theme-toggle:hover{background-color:#ffffff26;border-color:#fff6;transform:rotate(180deg) scale(1.03)}.theme-toggle:active{transform:rotate(180deg) scale(.95)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-header{align-items:center;animation:fadeInUp .4s ease-out;display:flex;justify-content:space-between;margin:30px 0 20px}.page-header h2{color:var(--text-primary);margin:0}.search-bar{animation:fadeInUp .4s ease-out .1s both;display:flex;gap:10px;margin-bottom:20px}.search-bar input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);flex:1 1;padding:10px;transition:all .3s ease}.filter-buttons{animation:fadeInUp .4s ease-out .2s both;margin-bottom:20px}.actions,.filter-buttons{display:flex;gap:10px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-section{margin-bottom:30px}.form-section h3{border-bottom:2px solid #3498db;color:var(--text-primary);margin-bottom:15px;padding-bottom:10px}.hawb-display{background-color:var(--table-hover);border-left:4px solid #3498db;border-radius:4px;color:var(--text-primary);font-size:15px;margin-bottom:20px;padding:12px 16px;transition:background-color .3s ease}.hawb-display strong{color:var(--text-primary);font-weight:600}.items-list{margin-top:20px}.item-row{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:2fr 1fr 1fr 1fr 60px;margin-bottom:10px}.item-row .btn,.item-row .form-group{margin-bottom:0}.item-row .btn{align-self:end;height:42px}.summary-box{background-color:var(--table-hover);border-radius:8px;margin-top:20px;padding:20px;transition:background-color .3s ease}.summary-row{border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;justify-content:space-between;padding:10px 0}.summary-row:last-child{border-bottom:none;font-size:18px;font-weight:700}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-overlay{align-items:center;animation:overlayFadeIn .2s ease-out;background-color:var(--modal-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{animation:modalFadeIn .3s cubic-bezier(.34,1.56,.64,1);background:var(--card-bg);border-radius:8px;max-height:90vh;max-width:800px;overflow-y:auto;padding:30px;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-header h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.close-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:24px;transition:color .3s ease}.close-btn:hover,.shipment-checkbox{color:var(--text-primary)}.shipment-checkbox{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;gap:10px;margin-bottom:10px;padding:10px;transition:all .3s ease}.shipment-checkbox:hover{background-color:var(--table-hover)}.shipment-checkbox input[type=checkbox]{margin:0;width:auto}.empty-state{color:var(--text-tertiary);padding:60px 20px;text-align:center}.empty-state h3{color:var(--text-secondary);margin-bottom:10px}.drop-zone{background:var(--card-bg);border:2px dashed var(--border-color);border-radius:8px;padding:40px;text-align:center;transition:all .3s ease}.drop-zone:hover{background-color:var(--table-hover);border-color:#007bff}.drop-zone.drag-over{background-color:#007bff0d;border-color:#007bff;box-shadow:0 4px 12px #007bff33;transform:scale(1.02)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.drop-zone.drag-over .upload-icon{animation:bounce .6s ease infinite}.search-container{flex:1 1;position:relative}.search-icon{color:var(--text-tertiary);font-size:16px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease}.search-bar input:focus~.search-icon{color:#007bff}.clear-search-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:18px;opacity:0;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:opacity .3s ease}.search-bar input:not(:placeholder-shown)~.clear-search-btn{opacity:1}.clear-search-btn:hover{color:var(--text-primary)}@keyframes spin{to{transform:rotate(1turn)}}.btn.btn-loading{opacity:.7;pointer-events:none;position:relative}.btn.btn-loading:before{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px;z-index:1}.row-selected{animation:rowHighlight .3s ease;background-color:#007bff1a!important}@keyframes rowHighlight{0%{background-color:#007bff00}50%{background-color:#007bff33}to{background-color:#007bff1a}}.bulk-action-bar{background:var(--card-bg);bottom:0;box-shadow:0 -2px 10px var(--shadow);left:0;padding:15px;position:fixed;right:0;transform:translateY(100%);transition:transform .3s ease;z-index:100}.bulk-action-bar.active{transform:translateY(0)}@keyframes checkmark{0%{opacity:0;transform:scale(0) rotate(45deg)}50%{opacity:1;transform:scale(1.2) rotate(45deg)}to{opacity:1;transform:scale(1) rotate(45deg)}}.btn-success-animation:after{animation:checkmark .5s ease;content:"✓";font-size:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.container{padding:15px}.navbar .container{flex-wrap:wrap}.nav-links{font-size:14px;gap:15px}.nav-right{gap:15px}.logo{font-size:20px}.page-header{align-items:flex-start;flex-direction:column;gap:15px}.page-header h2{font-size:22px}.search-bar{flex-direction:column}.filter-buttons{flex-wrap:wrap}.filter-buttons .btn{flex:1 1 auto;min-width:80px}.form-row,.item-row{grid-template-columns:1fr}.item-row{gap:10px}.item-row .btn{height:auto}.modal{max-height:95vh;padding:20px;width:95%}.modal-header h3{font-size:18px}.table-wrapper{-webkit-overflow-scrolling:touch;margin:0 -15px;overflow-x:auto;padding:0 15px}table{font-size:13px;min-width:800px}table td,table th{padding:8px 6px;white-space:nowrap}.actions{flex-direction:column;gap:6px}.actions .btn{font-size:11px;padding:6px 8px;width:100%}}@media (max-width:480px){.container{padding:10px}.navbar .container{padding:0 15px}.nav-links{flex-direction:column;gap:10px;margin-top:10px;width:100%}.nav-right{justify-content:space-between;width:100%}.logo{font-size:18px}.theme-toggle{font-size:16px;height:38px;width:38px}.page-header h2{font-size:20px}.btn{font-size:12px;padding:8px 12px}.btn-sm{font-size:11px;padding:5px 8px}.modal,.page-header .btn{width:100%}.modal{border-radius:0;height:100%;max-height:100vh;padding:15px}.modal-header{margin-bottom:15px}.modal-header h3{font-size:16px}.close-btn{font-size:28px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:12px}.form-group label{font-size:14px}.summary-box{padding:15px}.summary-row{font-size:14px;padding:8px 0}.summary-row:last-child{font-size:16px}.pagination{flex-direction:column;gap:10px}.pagination .btn{width:100%}.pagination-limit-select{font-size:14px;padding:10px;width:100%}.drop-zone{font-size:14px;padding:25px 15px}.mobile-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px var(--shadow);margin-bottom:15px;padding:15px}.mobile-card-row{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:8px 0}.mobile-card-row:last-child{border-bottom:none}.mobile-card-label{color:var(--text-secondary);font-size:12px;font-weight:600}.mobile-card-value{color:var(--text-primary);font-size:14px;text-align:right}.mobile-card-actions{grid-gap:8px;border-top:1px solid var(--border-color);display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:12px;padding-top:12px}.mobile-card-actions .btn{font-size:12px;width:100%}.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}.toast-container{left:10px;right:10px;top:70px}.toast{font-size:13px;padding:12px;width:calc(100% - 20px)}.hawb-display{font-size:14px;padding:10px 12px}.shipment-checkbox{font-size:13px;padding:12px}.empty-state{padding:40px 15px}.empty-state h3{font-size:16px}.empty-state p{font-size:13px}}@media (min-width:769px) and (max-width:1024px){.container{max-width:95%}table{font-size:13px}table td,table th{padding:10px 8px}.actions .btn{font-size:12px;padding:6px 10px}.form-row{gap:12px}.modal{max-width:700px}}@media (max-width:768px) and (orientation:landscape){.modal{max-height:95vh}.navbar .nav-links{flex-direction:row;margin-top:0}}@media print{.actions,.filter-buttons,.navbar,.page-header .btn,.pagination,.search-bar,.theme-toggle{display:none!important}.container{max-width:100%;padding:0}table{page-break-inside:auto}table tr{page-break-after:auto;page-break-inside:avoid}.modal-overlay{background:#0000;position:relative}.modal{box-shadow:none;max-height:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(400px)}}.toast-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.toast{align-items:center;animation:slideInRight .3s ease-out;background:var(--card-bg);border-radius:8px;box-shadow:0 4px 12px var(--shadow-hover);display:flex;gap:12px;min-width:300px;padding:16px 20px;pointer-events:auto;transition:all .3s ease}.toast.closing{animation:slideOutRight .3s ease-out forwards}.toast-success{border-left:4px solid #28a745}.toast-error{border-left:4px solid #dc3545}.toast-info{border-left:4px solid #007bff}.toast-warning{border-left:4px solid #ffc107}.toast-icon{flex-shrink:0;font-size:20px;font-weight:700}.toast-success .toast-icon{color:#28a745}.toast-error .toast-icon{color:#dc3545}.toast-info .toast-icon{color:#007bff}.toast-warning .toast-icon{color:#ffc107}.toast-message{color:var(--text-primary);flex:1 1;font-size:14px;line-height:1.4}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.toast-close:hover{background-color:var(--table-hover);color:var(--text-primary)}@media (max-width:768px){.toast-container{left:10px;right:10px;top:10px}.toast{min-width:auto;width:100%}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{animation:fadeIn .3s ease-in;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:420px;padding:40px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#333;font-size:28px;margin:0 0 10px}.login-header p{color:#666;font-size:16px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.error-message{align-items:center;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;font-size:14px;gap:8px;padding:12px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input{border:2px solid #e1e8ed;border-radius:8px;font-size:16px;outline:none;padding:12px 16px;transition:all .3s ease}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px 24px;transition:all .3s ease}.login-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-footer{border-top:1px solid #e1e8ed;margin-top:24px;padding-top:24px;text-align:center}.login-footer p{color:#666;font-size:14px;margin:0}@media (max-width:480px){.login-box{padding:30px 20px}.login-header h1{font-size:24px}.login-header p{font-size:14px}}
/*# sourceMappingURL=main.1da97bba.css.map*/