:root{--main-color:#f5f5f5;--secondary-color:#193a63;--accent-color:#f2a93c;--primary-color:#193a63;--white:#fff;--text-dark:#333;--text-light:#666;--text-muted:#999;--light-gray:#f8f9fa;--border-color:#e0e0e0;--settings-color:#7172a6}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background-color:var(--main-color);color:#333;color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn-primary{background-color:#193a63}.btn-primary:hover,.btn-secondary{background-color:#f2a93c}.btn-secondary:hover{background-color:#193a63;background-color:var(--secondary-color)}.input{border:2px solid #e0e0e0;transition:border-color .3s ease}.input:focus{border-color:#193a63}.dropdown{display:inline-block;position:relative}.dropdown-content{background-color:#fff;background-color:var(--white);border-radius:6px;box-shadow:0 8px 16px 0 #0003;display:none;min-width:200px;overflow:hidden;position:absolute;z-index:1}.dropdown-content.show{display:block}.dropdown-item{color:#333;color:var(--text-dark);display:block;padding:12px 16px;text-decoration:none;transition:background-color .3s ease}.dropdown-item:hover{background-color:#f5f5f5;background-color:var(--main-color)}.login-container{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.login-container:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.05'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='%23fff' opacity='.05'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='%23fff' opacity='.05'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.login-box{background-color:var(--white);border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:450px;overflow:hidden;position:relative;width:100%;z-index:1}.login-header{background-color:var(--secondary-color);padding:32px 24px 24px;text-align:center}.login-logo{height:60px;margin-bottom:8px;width:auto}.company-subtitle{color:var(--white);font-size:14px;font-weight:500;margin:0;opacity:.9}.login-content{padding:40px 32px 32px}.login-title{color:var(--text-dark);font-size:28px;font-weight:600;margin:0 0 16px;text-align:center}.login-title-underline{background-color:var(--text-dark);border-radius:2px;height:3px;margin:0 auto 32px;width:60px}.login-form{display:flex;flex-direction:column;gap:24px}.login-options{align-items:center;display:flex;justify-content:center;margin-bottom:24px}.login-button{border-radius:8px;font-size:16px;font-weight:600;min-width:120px;padding:16px 32px;transition:all .3s ease}.login-button:hover{background-color:var(--accent-color);box-shadow:0 4px 12px #193a634d;transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.login-button.loading{cursor:not-allowed;opacity:.7}.forgot-password{margin-top:8px;text-align:center}.forgot-link{background:none;border:none;color:var(--text-dark);cursor:pointer;font-size:14px;text-decoration:none;transition:color .3s ease}.forgot-link:hover{color:var(--secondary-color);text-decoration:underline}@media (max-width:480px){.login-container{padding:16px}.login-content{padding:32px 24px 24px}.login-button{max-width:200px;width:100%}}.forgot-password-container{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.forgot-password-container:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.05'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='%23fff' opacity='.05'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='%23fff' opacity='.05'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.forgot-password-box{background-color:var(--white);border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:450px;overflow:hidden;position:relative;width:100%;z-index:1}.forgot-password-header{background-color:var(--secondary-color);padding:32px 24px 24px;text-align:center}.forgot-password-logo{height:60px;width:auto}.forgot-password-content{padding:40px 32px 32px;text-align:center}.forgot-password-title{color:var(--text-dark);font-size:28px;font-weight:600;margin:0 0 16px}.forgot-password-subtitle{color:var(--text-light);font-size:16px;line-height:1.5;margin:0 0 32px}.forgot-password-form{display:flex;flex-direction:column;gap:24px}.forgot-password-options{align-items:center;display:flex;justify-content:center;margin-bottom:24px}.forgot-password-button{border-radius:8px;font-size:16px;font-weight:600;min-width:200px;padding:16px 32px;transition:all .3s ease}.forgot-password-button:hover{background-color:var(--accent-color);box-shadow:0 4px 12px #193a634d;transform:translateY(-1px)}.forgot-password-button:active{transform:translateY(0)}.forgot-password-button.loading{cursor:not-allowed;opacity:.7}.back-to-login{margin-top:8px}.back-link{color:var(--text-dark);text-decoration:none}.back-link:hover{color:var(--secondary-color);text-decoration:underline}.success-icon{align-items:center;background-color:var(--accent-color);border-radius:50%;color:var(--white);display:flex;font-size:40px;font-weight:700;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.success-message{color:var(--text-light);font-size:16px;line-height:1.5;margin:0 0 32px}.back-to-login-button{border-radius:8px;font-size:16px;font-weight:600;min-width:200px;padding:16px 32px;transition:all .3s ease}.back-to-login-button:hover{background-color:var(--accent-color);box-shadow:0 4px 12px #193a634d;transform:translateY(-1px)}.back-to-login-button:active{transform:translateY(0)}@media (max-width:480px){.forgot-password-container{padding:16px}.forgot-password-content{padding:32px 24px 24px}.forgot-password-title{font-size:24px}.forgot-password-subtitle{font-size:14px}.back-to-login-button,.forgot-password-button{max-width:200px;width:100%}.success-icon{font-size:30px;height:60px;width:60px}}.reset-password-container{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.reset-password-container:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.05'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='%23fff' opacity='.05'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='%23fff' opacity='.05'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.reset-password-box{background-color:var(--white);border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:500px;overflow:hidden;position:relative;width:100%;z-index:1}.reset-password-header{background-color:var(--secondary-color);padding:32px 24px 24px;text-align:center}.reset-password-logo{height:60px;width:auto}.reset-password-content{padding:40px 32px 32px;text-align:center}.reset-password-title{color:var(--text-dark);font-size:28px;font-weight:600;margin:0 0 16px}.reset-password-subtitle{color:var(--text-light);font-size:16px;line-height:1.5;margin:0 0 32px}.reset-password-form{gap:24px;text-align:left}.input-group,.reset-password-form{display:flex;flex-direction:column}.input-label{color:var(--text-dark);font-size:14px;font-weight:500;margin-bottom:8px}.input{border-radius:8px;padding:16px 20px}.input:focus{box-shadow:0 0 0 3px #007bff1a}.input:disabled{background-color:var(--background-light);color:var(--text-light)}.input.error{border-color:var(--error-color)}.field-error{color:var(--error-color);font-size:12px;margin-top:4px}.password-requirements{background-color:var(--background-light);border-radius:8px;margin:8px 0;padding:16px}.requirements-title{color:var(--text-dark);font-size:14px;font-weight:500;margin:0 0 8px}.requirements-list{color:var(--text-light);font-size:13px;line-height:1.4;margin:0;padding-left:20px}.requirements-list li{margin-bottom:4px}.reset-password-options{display:flex;flex-direction:column;gap:16px}.reset-password-button{background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s ease;width:100%}.reset-password-button:hover:not(:disabled){background-color:var(--primary-dark);box-shadow:0 8px 25px #007bff4d;transform:translateY(-2px)}.reset-password-button:disabled{background-color:var(--text-light);box-shadow:none;cursor:not-allowed;transform:none}.reset-password-button.loading{color:#0000}.reset-password-button.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.back-to-login{margin-top:16px;text-align:center}.back-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:14px;text-decoration:underline;transition:color .3s ease}.back-link:hover{color:var(--primary-dark)}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;font-size:14px;margin-bottom:16px;padding:12px 16px}.success-icon{color:#28a745}.error-icon,.success-icon{font-size:48px;margin-bottom:16px}.error-icon{color:#dc3545}.loading-spinner{border-top:4px solid var(--border-color);border:4px solid var(--border-color);margin:0 auto 16px}@media (max-width:768px){.reset-password-container{padding:16px}.reset-password-box{max-width:100%}.reset-password-content{padding:24px 20px 20px}.reset-password-title{font-size:24px}.reset-password-subtitle{font-size:14px}}.tenant-selection{align-items:center;background:var(--main-color);display:flex;justify-content:center;min-height:100vh;padding:20px}.tenant-selection-container{background:var(--white);border-radius:12px;box-shadow:0 8px 32px #0000001a;max-width:600px;overflow:hidden;width:100%}.tenant-selection-header{background:var(--secondary-color);color:var(--white);padding:40px;text-align:center}.tenant-selection-logo{height:60px;margin-bottom:20px}.tenant-selection-header h1{font-size:28px;font-weight:600;margin:0 0 10px}.tenant-selection-subtitle{font-size:16px;margin:0;opacity:.9}.tenant-selection-content{padding:40px}.tenant-selection-content h2{color:var(--text-dark);font-size:24px;font-weight:600;margin:0 0 10px}.tenant-selection-description{color:var(--text-dark);line-height:1.5;margin:0 0 30px;opacity:.8}.tenant-list{margin-bottom:30px}.tenant-card{align-items:center;background:var(--white);border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;padding:20px;transition:all .2s ease}.tenant-card:hover{border-color:var(--secondary-color);box-shadow:0 4px 12px #193a631a}.tenant-card.selected{background:#193a630d;border-color:var(--secondary-color);box-shadow:0 4px 12px #193a6326}.tenant-info{flex:1 1}.tenant-name{color:var(--text-dark);font-size:18px;font-weight:600;margin:0 0 5px}.tenant-code{color:var(--text-dark);font-family:monospace;font-size:14px;margin:0 0 8px;opacity:.7}.tenant-role{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.role-admin{background:var(--accent-color);color:var(--white)}.role-user{background:#e5e7eb;color:var(--text-dark)}.tenant-selector{margin-left:20px}.radio-button{align-items:center;border:2px solid #d1d5db;border-radius:50%;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.tenant-card.selected .radio-button{background:var(--secondary-color);border-color:var(--secondary-color)}.radio-dot{background:var(--white);border-radius:50%;height:8px;width:8px}.tenant-selection-actions{display:flex;gap:16px;justify-content:flex-end}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px;margin-bottom:20px;padding:12px 16px}@media (max-width:640px){.tenant-selection{padding:10px}.tenant-selection-content,.tenant-selection-header{padding:30px 20px}.tenant-card{padding:16px}.tenant-selection-actions{flex-direction:column}.tenant-selection-actions .btn{width:100%}}.navigation-container{box-shadow:0 2px 4px #0000001a;margin:0;padding:0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.top-row{background-color:var(--secondary-color);color:var(--white);height:64px;justify-content:space-between;margin:0;padding:0 24px;width:100%}.logo-section,.top-row{align-items:center;display:flex}.logo{height:40px;width:auto}.top-actions{gap:16px}.settings-button,.top-actions{align-items:center;display:flex}.settings-button{background:none;border:none;border-radius:4px;color:var(--white);cursor:pointer;font-size:20px;height:40px;justify-content:center;padding:8px;transition:all .3s ease;width:40px}.settings-button:hover{background-color:#ffffff1a;transform:rotate(90deg)}.settings-dropdown{display:inline-block;position:relative}.settings-dropdown-menu{background-color:var(--white);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 6px #0000001a;margin-top:4px;min-width:160px;position:absolute;right:0;top:100%;z-index:1001}.settings-dropdown-item{background:none;border:none;border-bottom:1px solid var(--border-color);color:var(--text-dark);cursor:pointer;display:block;font-size:14px;font-weight:500;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.settings-dropdown-item:last-child{border-bottom:none}.settings-dropdown-item:hover{background-color:var(--main-color);color:var(--text-dark)}.logout-button{background:none;border:1px solid var(--white);border-radius:4px;color:var(--white);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.logout-button:hover{background-color:var(--white);color:var(--secondary-color)}.main-nav-row{align-items:center;background-color:#1a3d66;color:var(--white);display:flex;height:48px;justify-content:space-between;margin:0;padding:0 24px;width:100%}.main-nav-container{align-items:center;display:flex;gap:0}.main-nav-item{background:none;border:none;border-radius:0;color:var(--white);cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 24px;position:relative;text-align:center;transition:all .3s ease}.main-nav-item:hover{background-color:#ffffff1a}.main-nav-item.active{background-color:var(--white);color:var(--secondary-color);position:relative}.main-nav-item.active:after{background-color:var(--white);bottom:0;content:"";height:2px;left:0;position:absolute;right:0;z-index:1}.register-dropdown{display:inline-block;position:relative}.register-button{align-items:center;background:none;border:none;border-radius:0;color:var(--white);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;position:relative;text-align:center;transition:all .3s ease}.register-button:hover{background-color:#ffffff1a}.dropdown-arrow{transition:transform .3s ease}.register-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.register-dropdown-menu{background-color:var(--white);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 6px #0000001a;margin-top:4px;min-width:160px;position:absolute;right:0;top:100%;z-index:1001}.register-dropdown-item{background:none;border:none;border-bottom:1px solid var(--border-color);color:var(--text-dark);cursor:pointer;display:block;font-size:14px;font-weight:500;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.register-dropdown-item:last-child{border-bottom:none}.register-dropdown-item:hover{background-color:var(--main-color);color:var(--text-dark)}.sub-nav-row{align-items:center;background-color:var(--white);border-bottom:1px solid var(--border-color);color:var(--text-dark);display:flex;height:40px;margin:0;padding:0 24px;position:relative;width:100%}.sub-nav-row:before{background-color:var(--white);content:"";height:1px;left:0;position:absolute;right:0;top:0}.sub-nav-container{align-items:center;display:flex;gap:0}.sub-nav-item{background:none;border:none;border-radius:0;color:var(--text-dark);cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:8px 20px;position:relative;text-align:center;transition:all .3s ease}.sub-nav-item:hover{background-color:var(--main-color);color:var(--text-dark)}.sub-nav-item.active{background-color:var(--accent-color);color:var(--white)}.register-sub-nav{align-items:center;display:flex;margin-left:auto}.register-sub-nav-item{margin-left:0}@media (max-width:768px){.main-nav-row,.sub-nav-row,.top-row{padding:0 16px;width:100%}.main-nav-item,.register-button,.sub-nav-item{font-size:14px;min-width:100px;padding:8px 16px}.top-actions{gap:12px}.logout-button{font-size:12px;padding:6px 12px}}.customers-page{background-color:var(--main-color);min-height:100vh}.customers-main{padding:16px 0}.customers-container{margin:0 auto;max-width:1400px;padding:0 24px}.search-container{position:relative;width:300px}.search-input{box-sizing:border-box;height:40px}.search-input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 2px #193a631a}.search-btn{background-color:var(--secondary-color);flex-shrink:0;float:none!important;height:40px;margin:0!important;position:static!important;transform:none!important;width:40px}.search-btn:hover{background-color:#1a3d66!important;box-shadow:none!important;transform:none!important}.create-btn{background-color:var(--secondary-color)}.create-btn:hover{background-color:#1a3d66}.filter-buttons-row{margin-bottom:8px;padding:12px 20px}.filter-btn:hover{background-color:var(--main-color);border-color:var(--secondary-color)}.filter-btn.active{background-color:var(--secondary-color);border-color:var(--secondary-color)}.pagination-controls-row{margin-bottom:8px;padding:12px 20px}.pagination-left{flex:0 0 auto}.pagination-center{flex:1 1}.pagination-right{flex:0 0 auto}.nav-btn:hover:not(:disabled),.page-btn:hover{background-color:var(--main-color);border-color:var(--secondary-color)}.page-btn.active{background-color:var(--accent-color);border-color:var(--accent-color)}.page-size-select:focus{border-color:var(--secondary-color)}.customers-table-container{background-color:var(--white);border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.customers-table{border-collapse:collapse;width:100%}.customers-table th{background-color:var(--main-color);border-bottom:2px solid var(--border-color);color:var(--text-dark);font-size:14px;font-weight:600;padding:16px 12px;text-align:left}.customers-table th:first-child{text-align:center;width:40px}.customers-table th:nth-child(2){background-color:#f0f0f0;font-weight:700}.customers-table td{border-bottom:1px solid var(--border-color);color:var(--text-dark);font-size:14px;padding:12px}.customers-table td:first-child{text-align:center}.customers-table td.customer-number{color:var(--text-dark);font-family:inherit;font-size:14px;font-weight:400}.customers-table tbody tr:hover{background-color:var(--main-color)}.action-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;margin-right:8px;padding:6px 12px;transition:all .3s ease}.view-btn{background-color:var(--secondary-color);color:var(--white)}.view-btn:hover{background-color:#1a3d66}.loading-spinner{border-top:4px solid var(--main-color);border:4px solid var(--main-color);border-top-color:var(--secondary-color)}.error-text,.loading-text{color:var(--text-muted);font-size:16px;margin-bottom:16px}.retry-btn{background-color:var(--secondary-color);border:none;border-radius:6px;color:var(--white);cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease}.retry-btn:hover{background-color:#1a3d66}@media (max-width:768px){.customers-container{padding:0 16px}.page-header-row{padding:12px}.header-left,.page-header-row{flex-direction:column;gap:12px}.header-left{align-items:flex-start}.search-container{flex-wrap:nowrap;max-width:none;width:100%}.filter-buttons{flex-wrap:wrap}.pagination-controls-row{flex-direction:column;gap:16px}.pagination-center{order:1}.pagination-left{order:2}.pagination-right{order:3}.customers-table{font-size:12px}.customers-table td,.customers-table th{padding:8px 6px}}.warehouse-list-page{background-color:var(--main-color);min-height:100vh}.warehouse-list-main{padding:16px 0}.warehouse-list-container{margin:0 auto;max-width:1400px;padding:0 24px}.filter-btn:hover{border-color:var(--primary-color)}.warehouse-list-table-container{background-color:var(--white);border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.warehouse-list-table{border-collapse:collapse;width:100%}.warehouse-list-table th{background-color:var(--light-gray);border-bottom:1px solid var(--border-color);color:var(--text-dark);font-size:14px;font-weight:600;padding:16px 20px;text-align:left;vertical-align:top}.warehouse-list-table th:not(.table-header){vertical-align:middle}.warehouse-list-table .header-content{display:flex;flex-direction:column;gap:8px;padding:0}.warehouse-list-table .sortable-header{align-items:center;background:none;border:none;cursor:default;display:flex;gap:4px;height:100%;padding:0;text-align:left;width:100%}.warehouse-list-table .header-content>span:first-child,.warehouse-list-table .sortable-header{color:var(--text-dark);font-size:14px;font-weight:600}.header-search-field .customer-search-input,.header-search-field .project-search-field{font-size:12px;height:32px}.header-search-field .search-input{font-size:12px;height:30px;padding:4px 8px}.carrier-dropdown-container{flex:1 1;min-width:100px;position:relative}.carrier-dropdown-btn{align-items:center;background-color:var(--white);border:1px solid var(--border-color);border-radius:4px;color:var(--text-dark);cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:space-between;padding:4px 8px;transition:all .2s ease;width:100%}.carrier-dropdown-btn:hover{background-color:var(--light-gray);border-color:var(--primary-color)}.carrier-dropdown-menu{background-color:var(--white);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px #00000026;left:0;margin-top:2px;position:absolute;right:0;top:100%;z-index:1000}.carrier-dropdown-item{align-items:center;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:8px 12px;transition:background-color .2s ease}.carrier-dropdown-item:hover{background-color:var(--light-gray)}.carrier-dropdown-item input[type=checkbox]{height:14px;margin:0;width:14px}.sort-indicator{color:var(--primary-color);font-size:16px;font-weight:700}.warehouse-list-table td{border-bottom:1px solid var(--border-color);color:var(--text-dark);font-size:14px;padding:16px 20px}.warehouse-list-table tbody tr:hover{background-color:var(--light-gray)}.warehouse-list-table tbody tr:last-child td{border-bottom:none}.goods-id{color:var(--primary-color)}.carrier-badge{background-color:var(--light-gray);border-radius:4px;color:var(--text-dark);display:inline-block;font-size:12px;font-weight:600;padding:4px 8px}.order-number-link{font-size:14px;font-weight:500;transition:color .2s ease}.order-number-link:hover{color:var(--primary-dark)}@media (max-width:768px){.warehouse-list-container{padding:0 16px}.page-header-row{align-items:stretch}.header-left,.page-header-row{flex-direction:column;gap:16px}.search-container{max-width:none}.filter-buttons-row{align-items:stretch;flex-direction:column;gap:16px}.filter-buttons{flex-wrap:wrap}.pagination-controls-row{align-items:stretch;flex-direction:column;gap:16px}.pagination-center{order:-1}.warehouse-list-table-container{overflow-x:auto}.warehouse-list-table{min-width:800px}.warehouse-list-table .header-content{padding:12px 16px}.header-search-field{min-width:100px}.carrier-dropdown-container{min-width:80px}}.view-customer-page{background-color:var(--main-color);min-height:100vh}.view-customer-main{padding:16px 0}.view-customer-container{margin:0 auto;max-width:1300px;padding:0 24px}.customer-details{background-color:var(--white);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;overflow:hidden}.detail-section{border-bottom:1px solid var(--border-color);padding:24px}.detail-section:last-child{border-bottom:none}.section-title{margin:0 0 24px}.detail-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-item{display:flex;flex-direction:column;gap:8px}.detail-label{font-size:14px}.detail-value{font-size:16px;margin:0}.notes-content{background-color:var(--main-color);border-radius:8px;font-style:italic;line-height:1.5;padding:16px}.customer-number{color:var(--secondary-color);font-family:Courier New,monospace;font-size:16px;font-weight:600}.future-sections{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.coming-soon-section{background-color:var(--white);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:32px}.coming-soon{color:var(--text-light);padding:40px 20px;text-align:center}.coming-soon-icon{font-size:48px;margin-bottom:16px}.coming-soon p{font-size:16px;font-style:italic;margin:0}.error-message{background-color:var(--white);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:80px 20px;text-align:center}.error-message h2{color:var(--text-dark);margin-bottom:16px}.error-message p{color:var(--text-light);margin-bottom:24px}@media (max-width:768px){.view-customer-main{padding:24px 0}.view-customer-container{padding:0 16px}.header-left,.page-header{align-items:stretch;flex-direction:column}.header-left{gap:12px}.page-title{font-size:24px;text-align:center}.header-actions{justify-content:center}.detail-section{padding:24px}.detail-grid{gap:16px}.detail-grid,.future-sections{grid-template-columns:1fr}.coming-soon-section{padding:24px}}@media (max-width:480px){.detail-section{padding:20px}.section-title{font-size:18px}.coming-soon{padding:32px 16px}.coming-soon-icon{font-size:36px}}.settings-tabs{border-bottom:2px solid var(--border-color);display:flex;margin-bottom:24px}.settings-tab{background:none;border:none;border-radius:0;color:var(--text-medium);cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 24px;position:relative;text-align:center;transition:all .3s ease}.settings-tab:hover{background-color:var(--background-light);color:var(--text-dark)}.settings-tab.active{background-color:var(--white);color:var(--primary-color);position:relative}.settings-tab.active:after{background-color:var(--primary-color);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0;z-index:1}.settings-content{min-height:400px}.invoice-settings{display:flex;flex-direction:column;gap:32px}.setting-group{background-color:var(--background-light);border:1px solid var(--border-color);border-radius:8px;padding:24px}.setting-group-title{border-bottom:2px solid var(--primary-color);color:var(--text-dark);font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.setting-options{display:flex;flex-wrap:wrap;gap:12px}.setting-option{background-color:var(--white);border:2px solid var(--border-color);border-radius:6px;color:var(--text-dark);cursor:pointer;font-size:14px;font-weight:500;min-width:150px;padding:12px 24px;text-align:center;transition:all .3s ease}.setting-option:hover{border-color:var(--primary-color);color:var(--primary-color)}.setting-option.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.warehouse-settings{display:flex;flex-direction:column;gap:32px}.warehouse-table-section{background-color:var(--background-light);border:1px solid var(--border-color);border-radius:8px;padding:24px}.warehouse-table-title{border-bottom:2px solid var(--primary-color);color:var(--text-dark);font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.warehouse-table-container{overflow-x:auto}.warehouse-table{background-color:var(--white);border-collapse:collapse;border-radius:6px;box-shadow:0 2px 4px #0000000d;overflow:hidden;width:100%}.warehouse-table th{background-color:var(--primary-color);color:var(--white);font-size:14px;font-weight:600;padding:12px 16px;text-align:left}.warehouse-table td{border-bottom:1px solid var(--border-color);color:var(--text-dark);font-size:14px;padding:12px 16px}.warehouse-table tr:last-child td{border-bottom:none}.warehouse-table tr:hover{background-color:var(--background-light)}.no-data{color:var(--text-light);font-style:italic;padding:24px!important;text-align:center}.price-input{border:1px solid var(--border-color);border-radius:4px;font-size:14px;padding:4px 8px;width:100px}.customer-price{color:var(--text-dark);font-weight:500}.action-buttons{align-items:center}.btn-sm{font-size:12px;min-width:60px;padding:4px 8px}.btn-outline{background-color:initial;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:#fff}.settings-actions{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:16px;margin-top:24px;padding-top:24px}.settings-actions .btn{min-width:120px}.settings-actions .btn:disabled{cursor:not-allowed;opacity:.6}.settings-actions .btn.loading{position:relative}.settings-actions .btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:16px}.unsaved-indicator{color:#f39c12;color:var(--warning-color,#f39c12);font-size:14px;font-style:italic;font-weight:500}.status-badge{border-radius:12px;display:inline-block;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.status-badge.active{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.inactive{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.goods-list-settings{display:flex;flex-direction:column;gap:24px}.goods-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.goods-list-title{color:var(--text-dark);font-size:18px;font-weight:600;margin:0}.create-customer-page{background-color:var(--main-color);min-height:100vh}.create-customer-main{padding:16px 0}.create-customer-container{margin:0 auto;max-width:800px;padding:0 24px}.form-container{background-color:var(--white);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.customer-form{padding:24px}.form-section{margin-bottom:24px}.form-section:last-of-type{margin-bottom:0}.section-title{border-bottom:2px solid var(--main-color);margin-bottom:24px;padding-bottom:8px}.form-row{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.form-label{font-size:14px}.input{border:2px solid var(--border-color);font-size:16px;padding:12px 16px;transition:all .3s ease}.input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #193a631a}.input::placeholder{color:var(--text-light)}.textarea{font-family:inherit;min-height:100px}.form-actions{gap:16px;margin-top:40px;padding-top:24px}.btn-primary{background-color:var(--secondary-color);color:var(--white)}.btn-primary:hover{background-color:var(--accent-color);box-shadow:0 4px 12px #193a634d;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary.loading{cursor:not-allowed;opacity:.7;transform:none}.btn-secondary{background-color:var(--text-light)}.btn-secondary:hover{background-color:var(--text-dark);box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}@media (max-width:768px){.create-customer-main{padding:24px 0}.create-customer-container{padding:0 16px}.page-header{align-items:stretch;flex-direction:column;gap:16px}.page-title{font-size:24px;text-align:center}.customer-form{padding:24px}.form-row{gap:16px;grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column}.btn{width:100%}}@media (max-width:480px){.customer-form{padding:16px}.form-section{margin-bottom:32px}.section-title{font-size:18px;margin-bottom:16px}.form-actions{margin-top:32px;padding-top:16px}}.import-customer-page{background-color:var(--main-color);min-height:100vh}.import-customer-main{padding:16px 0}.import-customer-container{margin:0 auto;max-width:1200px;padding:0 24px}.page-header{flex-wrap:wrap;gap:12px;margin-bottom:20px}.back-button{align-items:center;display:flex;gap:8px;padding:8px 16px}.integration-section{background-color:var(--white);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:32px;padding:32px}.integration-selector{display:flex;flex-direction:column;gap:12px}.integration-label{color:var(--text-dark);font-size:16px;font-weight:600;margin:0}.integration-dropdown{background-color:var(--white);border:2px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:16px;max-width:500px;padding:12px 16px;transition:border-color .3s ease;width:100%}.integration-dropdown:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #193a631a;outline:none}.loading-integrations{align-items:center;color:var(--text-light);display:flex;font-size:16px;gap:12px}.spinner.small{border-width:2px;height:20px;width:20px}.search-section{background-color:var(--white);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:32px;padding:32px}.search-form{margin-bottom:16px}.search-input-group{align-items:center;display:flex;gap:12px}.search-input{max-width:500px}.search-button{font-size:14px;padding:12px 24px;white-space:nowrap}.search-description{color:var(--text-light);font-size:14px;font-style:italic;margin:0}.loading-section{background-color:var(--white);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:32px}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--secondary-color);height:40px;margin-bottom:16px;width:40px}.customers-section{background-color:var(--white);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.section-header{background-color:var(--main-color);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:16px;padding:24px 32px}.section-title{color:var(--text-dark);font-size:20px;font-weight:600;margin:0}.selected-info{align-items:center;display:flex}.selected-text{background-color:var(--secondary-color);border-radius:20px;color:var(--white);font-size:14px;font-weight:500;padding:6px 12px}.customers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:32px}.customer-card{background-color:var(--white);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;padding:20px;position:relative;transition:all .3s ease}.customer-card:hover{border-color:var(--secondary-color);box-shadow:0 4px 12px #193a6326;transform:translateY(-2px)}.customer-card.selected{background-color:#193a630d;border-color:var(--secondary-color);box-shadow:0 4px 12px #193a6333}.customer-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.customer-name{color:var(--text-dark);flex:1 1;font-size:18px;font-weight:600;margin:0}.customer-source{background-color:var(--accent-color);border-radius:12px;color:var(--white);font-size:12px;font-weight:500;margin-left:12px;padding:4px 8px;white-space:nowrap}.customer-details{display:flex;flex-direction:column;gap:8px}.customer-detail{align-items:flex-start;display:flex;gap:8px}.detail-label{color:var(--text-light);flex-shrink:0;font-size:12px;font-weight:600;letter-spacing:.5px;min-width:60px;text-transform:uppercase}.detail-value{color:var(--text-dark);flex:1 1;font-size:14px;word-break:break-word}.selected-indicator{align-items:center;background-color:var(--secondary-color);border-radius:12px;color:var(--white);display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 8px;position:absolute;right:12px;top:12px}.no-results{color:var(--text-light);padding:80px 20px}.no-results-icon{font-size:48px;margin-bottom:16px}.no-results p{font-size:16px;font-style:italic}@media (max-width:768px){.import-customer-main{padding:24px 0}.import-customer-container{padding:0 16px}.header-left,.page-header{align-items:stretch;flex-direction:column}.header-left{gap:12px}.page-title{font-size:24px;text-align:center}.header-actions{justify-content:center}.search-section{padding:24px}.search-input-group{align-items:stretch;flex-direction:column}.search-input{max-width:none}.search-button{width:100%}.section-header{align-items:stretch;flex-direction:column;padding:20px 24px}.customers-grid{gap:16px;grid-template-columns:1fr;padding:24px}.customer-card{padding:16px}.customer-header{align-items:stretch;flex-direction:column;gap:8px}.customer-source{align-self:flex-start;margin-left:0}}@media (max-width:480px){.customers-grid,.search-section{padding:20px}.customer-card{padding:12px}.customer-name{font-size:16px}.customer-detail{flex-direction:column;gap:4px}.detail-label{min-width:auto}}.settings-header{background-color:var(--settings-color);box-shadow:0 2px 4px #0000001a;color:var(--white);padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.settings-header-content{align-items:center;display:flex;height:64px;justify-content:space-between;padding:0 24px;width:100%}.settings-logo-section{align-items:center;display:flex;gap:16px}.settings-logo{height:40px;width:auto}.settings-title{font-size:20px;font-weight:700;letter-spacing:1px}.settings-header-actions{align-items:center;display:flex;gap:16px}.btn-secondary{background-color:var(--accent-color);border:1px solid var(--accent-color);border-radius:4px;color:var(--white);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.btn-secondary:hover{background-color:var(--white);border-color:var(--white);color:var(--settings-color)}.settings-navigation{align-items:center;background-color:#5a5d8a;color:var(--white);display:flex;height:48px;justify-content:flex-start;margin:0;padding:0 24px;width:100%}.settings-nav-container{align-items:center;display:flex;gap:0;margin:0 auto;width:100%}.settings-nav-item{background:none;border:none;border-radius:0;color:var(--white);cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 24px;position:relative;text-align:center;transition:all .3s ease}.settings-nav-item:hover{background-color:#ffffff1a}.settings-nav-item.active{background-color:var(--white);color:var(--settings-color);position:relative}.settings-nav-item.active:after{background-color:var(--settings-color);bottom:0;content:"";height:2px;left:0;position:absolute;right:0;z-index:1}.settings-sidebar{height:calc(100vh - 112px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:112px}.settings-sidebar-content{padding:0}.settings-sidebar-nav{display:flex;flex-direction:column;padding:0}.settings-sidebar-item{background:none;border:none;border-bottom:1px solid var(--border-color);color:var(--text-dark);cursor:pointer;font-size:14px;font-weight:500;padding:16px 24px;position:relative;text-align:left;transition:all .3s ease}.settings-sidebar-item:hover{background-color:var(--light-gray);color:var(--settings-color)}.settings-sidebar-item.active{background-color:#7172a61a;color:var(--settings-color);font-weight:600}.settings-sidebar-item.active:before{background-color:var(--settings-color);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.settings-sidebar-item:last-child{border-bottom:none}.settings-page-content{background-color:var(--main-color);flex:1 1;min-height:calc(100vh - 112px);padding:24px}.settings-page-header{margin-bottom:32px}.settings-page-title{color:var(--text-dark);font-size:32px;font-weight:700;margin:0 0 8px}.settings-page-description{color:var(--text-light);font-size:16px;line-height:1.5;margin:0}.settings-page-body{display:flex;flex-direction:column;gap:24px}.settings-section{background-color:var(--white);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:24px}.settings-section-title{border-bottom:2px solid var(--light-gray);color:var(--text-dark);font-size:20px;font-weight:600;margin:0 0 8px;padding-bottom:8px}.settings-section-description{color:var(--text-light);font-size:14px;line-height:1.5;margin:0 0 16px}.settings-placeholder{background-color:var(--light-gray);border:2px dashed var(--border-color);border-radius:6px;padding:40px;text-align:center}.settings-placeholder p{color:var(--text-muted);font-style:italic;margin:0}.search-controls{align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px}.search-input{background-color:var(--white);padding:10px 16px}.search-input:focus{border-color:var(--settings-color);box-shadow:0 0 0 2px #7172a61a}.search-btn{background-color:var(--settings-color);border-radius:6px;color:var(--white);font-size:14px;padding:10px 16px;transition:background-color .3s ease}.search-btn:hover{background-color:#5a5d8a}.filter-btn{padding:8px 20px;transition:all .3s ease}.filter-btn.active,.filter-btn:hover{border-color:var(--settings-color)}.create-btn,.filter-btn.active{background-color:var(--settings-color)}.create-btn{border:none;border-radius:6px;color:var(--white);cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.create-btn:hover{background-color:#5a5d8a;transform:translateY(-1px)}.pagination-info{margin-bottom:16px}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.nav-btn,.page-btn{min-width:36px;text-align:center}.nav-btn:hover:not(:disabled),.page-btn:hover{background-color:var(--light-gray);border-color:var(--settings-color)}.page-btn.active{background-color:var(--settings-color);border-color:var(--settings-color)}.page-size-controls{align-items:center;display:flex;gap:8px}.page-size-select{padding:6px 12px}.page-size-select:focus{border-color:var(--settings-color)}.user-name-cell{display:flex;flex-direction:column;gap:4px}.user-name{color:var(--text-dark);font-weight:600}.user-email{color:var(--text-muted);font-size:12px}.role-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.role-admin{background-color:#e3f2fd;color:#1976d2}.role-user{background-color:#f3e5f5;color:#7b1fa2}.status-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.status-badge.active{background-color:#e8f5e8;color:#2e7d32}.status-badge.inactive{background-color:#ffebee;color:#c62828}.integration-dropdown{margin-bottom:20px}.dropdown-label{color:var(--text-dark);display:block;font-size:16px;font-weight:600;margin-bottom:8px}.dropdown-select{background-color:var(--white);border:2px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:16px;max-width:400px;padding:12px 16px;transition:border-color .3s ease;width:100%}.dropdown-select:focus{border-color:var(--settings-color);box-shadow:0 0 0 3px #7172a61a;outline:none}.integration-form{margin-top:20px}.form-group{margin-bottom:20px}.form-label{color:var(--text-dark);display:block;font-size:16px;font-weight:600;margin-bottom:8px}.form-input{border:2px solid var(--border-color);border-radius:6px;font-size:16px;max-width:400px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:var(--settings-color);box-shadow:0 0 0 3px #7172a61a;outline:none}.form-actions{margin-top:24px}.btn{font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-primary{background-color:var(--settings-color)}.btn-primary:hover{background-color:#5a5d8a}.btn-disabled{cursor:not-allowed;opacity:.6}.btn-disabled,.btn-disabled:hover{background-color:#e9ecef;color:#6c757d}.btn-sm{font-size:14px;padding:8px 16px}.loading{color:var(--text-light);font-size:16px;font-style:italic;padding:20px 0;text-align:center}.error{color:#dc3545;font-size:16px;font-weight:500;margin-top:8px}.language-options{display:flex;flex-direction:column;gap:12px;max-width:500px}.language-option{align-items:center;background-color:var(--white);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;padding:16px 20px;position:relative;transition:all .3s ease}.language-option:hover{border-color:var(--settings-color);box-shadow:0 2px 8px #7172a61a;transform:translateY(-1px)}.language-option.selected{background-color:#7172a60d;border-color:var(--settings-color);box-shadow:0 2px 8px #7172a626}.language-flag{font-size:24px;margin-right:16px;min-width:32px;text-align:center}.language-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.language-name{color:var(--text-dark);font-size:16px;font-weight:600}.language-code{color:var(--text-muted);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.language-check{align-items:center;background-color:var(--settings-color);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:24px}@media (max-width:768px){.language-options{max-width:100%}.language-option{padding:12px 16px}.language-flag{font-size:20px;margin-right:12px;min-width:28px}.language-name{font-size:14px}.language-code{font-size:11px}.language-check{font-size:12px;height:20px;right:16px;width:20px}}.data-table-container{margin-top:1rem;width:100%}.data-table{border-radius:8px;box-shadow:0 2px 4px #0000001a}.data-table td,.data-table th{font-size:.875rem;padding:12px 16px}.data-table tbody tr:last-child td{border-bottom:none}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#007bff;margin-bottom:1rem}.error-container{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.error-container h2{color:#dc3545;margin-bottom:1rem}.error-container p{color:#6c757d;margin-bottom:1.5rem}.no-results{align-items:center;background:#f8f9fa;border-radius:8px;color:#6c757d;display:flex;justify-content:center;margin-top:1rem;padding:3rem}.no-results p{font-size:1rem;margin:0}.pagination-controls-row{border-bottom:1px solid #dee2e6;border-top:1px solid #dee2e6;margin:1rem 0;padding:.75rem 0}.entries-info{color:#6c757d;font-size:.875rem}.page-navigation{gap:.25rem}.nav-btn,.page-btn{background:#fff;border:1px solid #dee2e6;border-radius:.25rem;color:#495057;font-size:.875rem;padding:.375rem .75rem;transition:all .15s ease-in-out}.nav-btn:hover:not(:disabled),.page-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.page-btn.active{background-color:#007bff;border-color:#007bff;color:#fff}.page-btn.active:hover{background-color:#0056b3;border-color:#0056b3}.pagination-right{gap:.5rem}.page-size-select{background:#fff;border:1px solid #dee2e6;border-radius:.25rem;color:#495057;cursor:pointer;font-size:.875rem;padding:.375rem .75rem}.page-size-select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.per-page-text{color:#6c757d;font-size:.875rem}.warehouse-settings-page{background-color:var(--background-color);min-height:100vh}.warehouse-settings-container{margin:0 auto;max-width:1200px;padding:24px}.page-header-row{border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:16px}.header-right{gap:16px}.page-title{font-size:24px;font-weight:600}.page-description{margin-bottom:24px;padding:16px 0}.page-description p{color:var(--text-medium);font-size:14px;line-height:1.5;margin:0;white-space:pre-line}.add-cost-form,.add-type-form,.add-unit-form,.add-warehouse-form{background-color:var(--white);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:24px}.add-cost-form h3,.add-type-form h3,.add-unit-form h3,.add-warehouse-form h3{color:var(--text-dark);font-size:18px;font-weight:600;margin:0 0 20px}.form-group{margin-bottom:16px}.form-group label{display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-color);border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--main-color);box-shadow:0 0 0 2px #4a90e21a;outline:none}.form-actions{border-top:1px solid var(--border-color);gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.toggle-switch{width:44px}.toggle-slider{background-color:#ccc;transition:.3s}.toggle-slider:before{transition:.3s}input:checked+.toggle-slider{background-color:var(--main-color)}input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-label{color:var(--text-dark)}.pagination-controls-row{margin-bottom:16px;padding:12px 0}.pagination-left{display:flex}.pagination-center,.pagination-left{align-items:center}.nav-btn,.page-btn{transition:all .3s ease}.nav-btn:hover,.page-btn:hover{background-color:var(--background-color);border-color:var(--main-color)}.nav-btn:disabled,.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-btn.active{background-color:var(--main-color);border-color:var(--main-color)}.warehouses-table-container{background-color:var(--white);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.warehouses-table{border-collapse:collapse;width:100%}.warehouses-table th{background-color:var(--background-color);font-weight:600;text-align:left}.warehouses-table td,.warehouses-table th{border-bottom:1px solid var(--border-color);color:var(--text-dark);padding:12px 16px}.warehouses-table tr:last-child td{border-bottom:none}.warehouses-table tr:hover{background-color:var(--background-color)}.warehouse-id{color:var(--main-color);font-weight:500}.warehouse-name-link{background:none;border:none;color:var(--secondary-color);cursor:pointer;font-size:14px;padding:0;text-decoration:underline}.warehouse-name-link:hover{color:var(--main-color)}.action-buttons{gap:8px}.area-name-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:inherit;padding:0;text-align:left;text-decoration:underline}.area-name-link:hover{color:var(--primary-hover);text-decoration:none}.type-name-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:inherit;padding:0;text-align:left;text-decoration:underline}.type-name-link:hover{color:var(--primary-hover);text-decoration:none}.info-card{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:20px}.info-card h3{color:var(--text-color);font-size:18px;margin:0 0 15px}.info-grid{grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-grid div{padding:5px 0}.info-message{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);padding:20px;text-align:center}.btn-icon{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px;transition:background-color .3s ease}.btn-edit:hover{background-color:var(--background-color)}.btn-delete:hover{background-color:#fee}.error-container,.loading-container{padding:48px 24px}.loading-spinner{border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-top-color:var(--main-color);height:32px;width:32px}.error-container h2{color:var(--error-color)}.no-results{padding:48px 24px}.pagination{margin-top:24px;padding:16px 0}.back-button{margin-right:16px}.aisle-info-section{background-color:var(--white);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:20px}.info-row{display:flex;flex-wrap:wrap;gap:32px}.info-item{gap:4px}.info-item label{color:var(--text-muted)}.info-item span{color:var(--text-dark)}.aisle-parameters-section{background-color:var(--white);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:20px}.aisle-parameters-section h3{color:var(--text-dark);font-size:18px;font-weight:600;margin:0 0 16px}.parameters-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.parameter-item{display:flex;flex-direction:column;gap:4px}.parameter-item label{color:var(--text-muted);font-size:14px;font-weight:500}.parameter-item span{color:var(--text-dark);font-size:16px}.storage-spaces-section{background-color:var(--white);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px}.storage-spaces-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.storage-spaces-header h3{color:var(--text-dark);font-size:18px;font-weight:600;margin:0}.storage-spaces-header .action-buttons{display:flex;gap:12px}.btn-success{border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.btn-success:disabled{opacity:.6}.btn-warning{border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.btn-warning:hover:not(:disabled){background-color:#e0a800}.btn-warning:disabled{cursor:not-allowed;opacity:.6}.aisle-name-link{background:none;border:none;color:var(--secondary-color);cursor:pointer;font-size:14px;padding:0;text-decoration:underline}.aisle-name-link:hover{color:var(--main-color)}@media (max-width:768px){.warehouse-settings-container{padding:16px}.page-header-row{align-items:flex-start;flex-direction:column;gap:16px}.pagination-controls-row{align-items:stretch;flex-direction:column;gap:16px}.page-navigation{justify-content:center}.form-actions{flex-direction:column}.warehouses-table{font-size:14px}.warehouses-table td,.warehouses-table th{padding:8px 12px}.info-row{flex-direction:column;gap:16px}.parameters-grid{grid-template-columns:1fr}.storage-spaces-header{align-items:flex-start;flex-direction:column;gap:16px}.storage-spaces-header .action-buttons{justify-content:flex-start;width:100%}}.multi-select-dropdown{display:block;font-family:inherit;position:relative;width:100%}.multi-select-dropdown__trigger{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;min-height:40px;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.multi-select-dropdown__trigger:hover:not(.disabled){border-color:#9ca3af}.multi-select-dropdown__trigger.open{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.multi-select-dropdown__trigger.disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.multi-select-dropdown__value{color:#374151;flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.multi-select-dropdown__arrow{color:#6b7280;font-size:12px;margin-left:8px;transition:transform .2s}.multi-select-dropdown__trigger.open .multi-select-dropdown__arrow{transform:rotate(180deg)}.multi-select-dropdown__menu{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:0;margin-top:4px;max-height:300px;overflow:hidden;position:absolute;right:0;top:100%;z-index:50}.multi-select-dropdown__search{border-bottom:1px solid #e5e7eb;padding:8px}.multi-select-dropdown__search-input{border:1px solid #d1d5db;border-radius:4px;font-size:14px;outline:none;padding:6px 8px;transition:border-color .2s;width:100%}.multi-select-dropdown__search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.multi-select-dropdown__actions{border-bottom:1px solid #e5e7eb;display:flex;gap:8px;padding:8px}.multi-select-dropdown__action{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:12px;padding:4px 8px;transition:background-color .2s,border-color .2s}.multi-select-dropdown__action:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.multi-select-dropdown__action:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.multi-select-dropdown__options{max-height:200px;overflow-y:auto}.multi-select-dropdown__option{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;flex-direction:row-reverse;justify-content:flex-end;padding:8px 12px;transition:background-color .2s}.multi-select-dropdown__option:last-child{border-bottom:none}.multi-select-dropdown__option:hover{background-color:#f3f4f6}.multi-select-dropdown__option.selected{background-color:#eff6ff;color:#1d4ed8}.multi-select-dropdown__checkbox{cursor:pointer;flex:0 0 16px;height:16px;margin-left:8px;width:16px}.multi-select-dropdown__option-label{flex:1 1;font-size:14px;text-align:left}.multi-select-dropdown__no-options{color:#6b7280;font-size:14px;padding:12px;text-align:center}.multi-select-dropdown__selected{background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:8px}.multi-select-dropdown__selected-label{color:#374151;font-size:12px;font-weight:500;margin-bottom:4px}.multi-select-dropdown__selected-items{display:flex;flex-wrap:wrap;gap:4px}.multi-select-dropdown__selected-item{align-items:center;background-color:#3b82f6;border-radius:4px;color:#fff;display:inline-flex;font-size:12px;gap:4px;padding:2px 6px}.multi-select-dropdown__remove-item{align-items:center;background:none;border:none;border-radius:2px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:16px;justify-content:center;line-height:1;padding:0;transition:background-color .2s;width:16px}.multi-select-dropdown__remove-item:hover{background-color:#fff3}.multi-select-dropdown__trigger:focus{outline:2px solid #3b82f6;outline-offset:2px}.multi-select-dropdown__option:focus{outline:2px solid #3b82f6;outline-offset:-2px}@media (prefers-color-scheme:dark){.multi-select-dropdown__trigger{background-color:#1f2937;border-color:#374151;color:#f9fafb}.multi-select-dropdown__trigger:hover:not(.disabled){border-color:#6b7280}.multi-select-dropdown__trigger.disabled{background-color:#111827;color:#6b7280}.multi-select-dropdown__value{color:#f9fafb}.multi-select-dropdown__menu{background-color:#1f2937;border-color:#374151}.multi-select-dropdown__search-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}.multi-select-dropdown__search-input:focus{border-color:#3b82f6}.multi-select-dropdown__action{background-color:#374151;border-color:#4b5563;color:#f9fafb}.multi-select-dropdown__action:hover:not(:disabled){background-color:#4b5563}.multi-select-dropdown__option{border-bottom-color:#374151;color:#f9fafb}.multi-select-dropdown__option:hover{background-color:#374151}.multi-select-dropdown__option.selected{background-color:#1e3a8a;color:#dbeafe}.multi-select-dropdown__no-options{color:#9ca3af}.multi-select-dropdown__selected{background-color:#111827;border-top-color:#374151}.multi-select-dropdown__selected-label{color:#f9fafb}}.settings-layout{background-color:var(--background-color);margin:0;min-height:100vh;padding:0;width:100%}.settings-content{display:flex;min-height:calc(100vh - 112px)}.settings-sidebar{background-color:var(--white);border-right:1px solid var(--border-color);box-shadow:2px 0 4px #0000000d;padding:24px 0;width:250px}.settings-main{background-color:var(--background-color);flex:1 1;overflow-y:auto;padding:24px}@media (max-width:768px){.settings-content{flex-direction:column}.settings-sidebar{border-bottom:1px solid var(--border-color);border-right:none;padding:16px 0;width:100%}.settings-main{padding:16px}}.warehouse-orders-page{background-color:var(--main-color);min-height:100vh}.warehouse-orders-main{padding:16px 0}.warehouse-orders-container{margin:0 auto;max-width:1400px;padding:0 24px}.page-header-row{background-color:var(--white);border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:12px;padding:16px 20px}.header-left{flex:1 1;gap:20px}.header-right{align-items:center;display:flex;flex:0 0 auto;gap:12px}.quick-filters{display:flex;gap:8px}.quick-filters .btn{font-size:14px;padding:8px 16px;white-space:nowrap}.quick-filters .btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.page-title{color:var(--text-dark);font-size:28px}.search-container{align-items:center;display:flex;gap:8px;max-width:300px}.search-input{border:1px solid var(--border-color);border-radius:6px}.search-btn{align-items:center;display:flex;justify-content:center;padding:8px 12px}.filter-buttons-row{background-color:var(--white);box-shadow:0 2px 4px #0000000d;justify-content:space-between;margin-bottom:12px}.filter-btn{background-color:var(--white);border:1px solid var(--border-color);color:var(--text-dark)}.filter-btn:hover{background-color:var(--light-gray)}.filter-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.status-dropdown-container{position:relative}.status-dropdown-btn{align-items:center;background-color:var(--white);border:1px solid var(--border-color);border-radius:6px;color:var(--text-dark);cursor:pointer;display:flex;font-size:14px;gap:8px;min-width:150px;padding:8px 16px;transition:all .2s ease}.status-dropdown-btn:hover{background-color:var(--light-gray)}.status-dropdown-menu{background-color:var(--white);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:200px;position:absolute;right:0;top:100%;z-index:1000}.status-dropdown-item{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;transition:background-color .2s ease}.status-dropdown-item:hover{background-color:var(--light-gray)}.status-dropdown-item input[type=checkbox]{margin:0}.pagination-controls-row{align-items:center;background-color:var(--white);border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px 20px}.pagination-left{flex:1 1}.pagination-center{display:flex;flex:2 1;justify-content:center}.pagination-right{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:flex-end}.entries-info{color:var(--text-muted);font-size:14px}.page-navigation{align-items:center;display:flex;gap:4px}.nav-btn,.page-btn{background-color:var(--white);border:1px solid var(--border-color);border-radius:4px;color:var(--text-dark);cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s ease}.nav-btn:hover,.page-btn:hover{background-color:var(--light-gray)}.nav-btn:disabled{cursor:not-allowed;opacity:.5}.page-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.page-size-select{background-color:var(--white);border:1px solid var(--border-color);border-radius:4px;font-size:14px;padding:6px 8px}.per-page-text{color:var(--text-muted);font-size:14px}.warehouse-orders-table-container{background-color:var(--white);border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.warehouse-orders-table{border-collapse:collapse;width:100%}.warehouse-orders-table th{background-color:var(--light-gray);font-weight:600;padding:0;text-align:left}.warehouse-orders-table td,.warehouse-orders-table th{border-bottom:1px solid var(--border-color);color:var(--text-dark);font-size:14px}.warehouse-orders-table td{padding:16px 20px}.warehouse-orders-table tbody tr:hover{background-color:var(--light-gray)}.warehouse-orders-table tbody tr:last-child td{border-bottom:none}.order-number{font-weight:600}.order-number-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline}.order-number-link:hover{color:#0056b3;text-decoration:none}.no-results{color:var(--text-muted);padding:60px 20px;text-align:center}.pagination{background-color:var(--white);border-radius:8px;box-shadow:0 2px 4px #0000000d;gap:16px}.pagination-info{color:var(--text-muted)}@media (max-width:768px){.warehouse-orders-container{padding:0 16px}.page-header-row{align-items:stretch}.header-left,.page-header-row{flex-direction:column;gap:16px}.search-container{max-width:none}.filter-buttons-row{align-items:stretch;flex-direction:column;gap:16px}.filter-buttons{flex-wrap:wrap}.pagination-controls-row{align-items:stretch;flex-direction:column;gap:16px}.pagination-center{order:-1}.warehouse-orders-table-container{overflow-x:auto}.warehouse-orders-table{min-width:600px}.header-content{padding:12px 16px}.header-search-field{min-width:100px}}.header-content{gap:8px;padding:16px 20px}.header-content>span:first-child{color:var(--text-dark);font-size:14px;font-weight:600}.header-filter{gap:8px;position:relative}.header-search-field .customer-search-field,.header-search-field .project-search-field{width:100%}.header-search-field .customer-search-input,.header-search-field .project-search-input{min-width:120px;width:100%}.sortable-header{color:var(--text-dark);font-weight:600;text-align:left;width:100%}.sortable-header:hover{color:var(--primary-color)}.filter-header{align-items:center;display:flex;position:relative}.filter-dropdown-btn{align-items:center;background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-dark);cursor:pointer;display:flex;font-size:14px;gap:8px;min-height:36px;padding:8px 12px;text-align:left;width:100%}.filter-dropdown-btn:hover{background-color:var(--background-light);border-color:var(--primary-color)}.filter-dropdown-btn:disabled{cursor:not-allowed;opacity:.5}.filter-dropdown-menu{background:var(--white);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px #00000026;left:0;margin-top:2px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.filter-dropdown-menu button{background:none;border:none;border-bottom:1px solid var(--border-light);color:var(--text-dark);cursor:pointer;font-size:14px;padding:8px 12px;text-align:left;width:100%}.filter-dropdown-menu button:hover{background-color:var(--background-light)}.filter-dropdown-menu button.selected{background-color:var(--primary-color);color:var(--white)}.filter-dropdown-menu button:last-child{border-bottom:none}.filter-search-input{border:1px solid var(--border-color);border-radius:4px;font-size:14px;margin:8px;padding:8px 12px;width:100%}.clear-filter-btn{background:var(--primary-color);color:var(--white);font-size:14px;margin-left:4px;transition:background-color .2s ease}.clear-filter-btn:hover{background:var(--primary-dark)}.filter-checkbox-item{align-items:center;border-bottom:1px solid var(--border-light);color:var(--text-dark);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px}.filter-checkbox-item:hover{background-color:var(--background-light)}.filter-checkbox-item:last-child{border-bottom:none}.filter-checkbox-item input[type=checkbox]{cursor:pointer;margin:0}.order-type-badge,.type-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.order-type-badge{border-radius:6px;font-size:14px;padding:6px 12px}.order-type-badge.in,.type-badge.order-type-in{background-color:#e3f2fd!important;color:#1976d2!important}.order-type-badge.out,.type-badge.order-type-out{background-color:#ffd8ae!important;color:#d85c00!important}.warehouse-orders-page .type-badge.order-type-in{background-color:#e3f2fd!important;color:#1976d2!important}.warehouse-orders-page .type-badge.order-type-out{background-color:#ffd8ae!important;color:#d85c00!important}.warehouse-order-detail-page .order-type-badge.order-type-in{background-color:#e3f2fd!important;color:#1976d2!important}.warehouse-order-detail-page .order-type-badge.order-type-out{background-color:#ffd8ae!important;color:#d85c00!important}.warehouse-order-detail-page .order-status-badge.order-status-notified{background-color:#fff3e0!important;color:#f57c00!important}.warehouse-order-detail-page .order-status-badge.order-status-fulfilled{background-color:#e8f5e8!important;color:#2e7d32!important}.warehouse-order-detail-page .order-status-badge.order-status-closed{background-color:#f3e5f5!important;color:#7b1fa2!important}.warehouse-order-detail-page .order-status-badge.order-status-deleted{background-color:#f5f5f5!important;color:#757575!important}.order-status-badge,.status-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.order-status-badge{border-radius:6px;font-size:14px;padding:6px 12px}.order-status-badge.notified,.status-badge.order-status-notified{background-color:#fff3e0;color:#f57c00}.order-status-badge.fulfilled,.status-badge.order-status-fulfilled{background-color:#e8f5e8;color:#2e7d32}.order-status-badge.closed,.status-badge.order-status-closed{background-color:#f3e5f5;color:#7b1fa2}.order-status-badge.deleted,.order-status-badge:not(.notified):not(.fulfilled):not(.closed):not(.deleted),.order-type-badge:not(.in):not(.out),.status-badge.order-status-deleted,.status-badge:not(.order-status-notified):not(.order-status-fulfilled):not(.order-status-closed):not(.order-status-deleted),.type-badge:not(.in):not(.out){background-color:#f5f5f5;color:#757575}.searchable-dropdown{box-sizing:border-box;display:inline-block;position:relative;vertical-align:top;width:100%}.searchable-input-container{align-items:center;display:flex}.searchable-input{background-color:#fff;border:1px solid #d1d5db;color:#111827;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.searchable-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.searchable-input:disabled{background-color:#f9fafb;color:#9ca3af}.searchable-input.error{border-color:#ef4444}.searchable-dropdown-menu{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;isolation:isolate;margin-top:4px;max-height:200px;min-width:200px;overflow-y:auto;z-index:2147483647!important}.searchable-dropdown-option{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:background-color .2s}.searchable-dropdown-option:hover{background-color:#f9fafb}.searchable-dropdown-option:last-child{border-bottom:none}.searchable-dropdown-option-code{color:#6b7280;font-size:12px;margin-left:8px}.searchable-dropdown-empty{color:#6b7280;font-style:italic;padding:12px}.error-text{color:#ef4444;font-size:12px;margin-top:4px}.searchable-dropdown.input-small .searchable-input{font-size:13px;padding:6px 8px}@media (max-width:768px){.searchable-input{font-size:13px;padding:6px 8px}}.order-detail-section{margin-bottom:2rem}.section-header{margin-bottom:1rem}.section-header h2{color:#1a202c;font-size:1.5rem}.error-message{background-color:#fed7d7;border:1px solid #feb2b2;border-radius:.375rem;color:#c53030;margin-bottom:1rem;padding:.75rem}.table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;overflow-y:visible;position:relative;z-index:1}.order-detail-table{border-collapse:collapse;font-size:.875rem;position:relative;width:100%}.order-detail-table th{background-color:#f7fafc;border-bottom:1px solid #e2e8f0;color:#2d3748;font-weight:600;padding:.75rem;text-align:left;white-space:nowrap}.order-detail-table th:first-child{text-align:center;width:40px}.order-detail-table td{border-bottom:1px solid #e2e8f0;overflow:visible;padding:.75rem;position:relative;vertical-align:top;z-index:2}.order-detail-table td:first-child{text-align:center;width:40px}.order-detail-table tr:hover{background-color:#f7fafc}.order-detail-table tr:last-child td{border-bottom:none}.goods-id{color:#2d3748;font-weight:600}.readonly-field{color:#718096;font-style:italic}.input{border:1px solid #cbd5e0;border-radius:.375rem;font-size:.875rem;padding:.5rem;transition:border-color .2s}.input:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.input-small{font-size:.8rem;padding:.375rem .5rem}.input-error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.error-text{color:#e53e3e;font-size:.75rem;margin-top:.25rem}.btn{border-radius:.375rem;display:inline-block;font-size:.875rem;padding:.5rem 1rem;text-align:center}.btn-secondary{background-color:#edf2f7;border:1px solid #cbd5e0;color:#2d3748}.btn-secondary:hover:not(:disabled){background-color:#e2e8f0}.btn-danger{background-color:#e53e3e}.btn-danger:hover:not(:disabled){background-color:#c53030}.btn-small{font-size:.75rem;padding:.25rem .5rem}input[type=checkbox]{cursor:pointer;height:16px;width:16px}input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.order-detail-table{font-size:.75rem}.order-detail-table td,.order-detail-table th{padding:.5rem}.input-small{font-size:.75rem;padding:.25rem .375rem}}.cost-rows-section{margin-bottom:24px}.cost-rows-table{background-color:var(--white);border-collapse:collapse;table-layout:fixed;width:100%}.cost-rows-table th{background-color:#f8f9fa;border-bottom:1px solid var(--border-color);color:var(--text-dark);font-size:14px;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.cost-rows-table th:first-child{width:30%}.cost-rows-table th:nth-child(2){width:20%}.cost-rows-table th:nth-child(3){width:25%}.cost-rows-table th:nth-child(4){width:17%}.cost-rows-table th:last-child{min-width:50px;width:8%}.cost-rows-table td{border-bottom:1px solid #e9ecef;color:var(--text-dark);font-size:14px;overflow:hidden;padding:12px 16px;text-overflow:ellipsis}.cost-rows-table td:last-child{min-width:40px;padding:4px;text-align:center;vertical-align:middle;width:8%}.cost-rows-table td:last-child .btn-danger{display:inline-flex;margin:0 auto}.cost-rows-table tbody tr:hover{background-color:#f8f9fa}.cost-rows-table tbody tr:last-child td{border-bottom:none}@media (max-width:768px){.section-header{align-items:flex-start;flex-direction:column;gap:12px}.cost-rows-table td,.cost-rows-table th{font-size:12px;padding:8px 12px}.btn-small{font-size:11px;padding:4px 8px}}.searchable-field,.searchable-input-container{position:relative;width:100%}.searchable-input{background-color:var(--white);border:1px solid var(--border-color);border-radius:6px;color:var(--text-dark);font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.searchable-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40;outline:none}.searchable-input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.searchable-input.error{border-color:#dc3545}.search-loading{pointer-events:none;right:12px}.loading-spinner-small{border-top:2px solid var(--light-gray);border:2px solid var(--light-gray);border-top-color:var(--primary-color)}.searchable-dropdown{background:var(--white);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #00000026;isolation:isolate;margin-top:4px;max-height:300px;overflow-y:auto;z-index:2147483647!important}.searchable-dropdown-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid var(--border-color);color:var(--text-dark);display:flex;font-size:12px;font-weight:600;justify-content:space-between;padding:8px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.searchable-dropdown-header-cell{flex:1 1;padding:0 4px}.searchable-dropdown-actions{flex:0 0 auto}.btn-create-item{background-color:#ffc107;border:none;border-radius:4px;color:#212529;cursor:pointer;font-size:11px;font-weight:600;padding:4px 8px;transition:all .2s ease;white-space:nowrap}.btn-create-item:hover:not(:disabled){background-color:#e0a800}.btn-create-item:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.searchable-dropdown-item{border-bottom:1px solid #f1f3f4;cursor:pointer;display:flex;padding:8px 12px;transition:background-color .2s ease}.searchable-dropdown-item:hover{background-color:#f8f9fa}.searchable-dropdown-item:last-child{border-bottom:none}.searchable-dropdown-cell{color:var(--text-dark);flex:1 1;font-size:14px;padding:0 4px}.searchable-dropdown-cell.primary{font-weight:500}.searchable-dropdown-cell.secondary{color:var(--text-muted);font-size:12px}.searchable-dropdown-empty{color:var(--text-muted);font-size:14px;padding:16px 12px;text-align:center}.create-item-form{background-color:#f8f9fa;border-bottom:1px solid var(--border-color);padding:12px}.create-item-input{border:1px solid var(--border-color);border-radius:4px;font-size:14px;margin-bottom:8px;padding:8px 12px;width:100%}.create-item-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40;outline:none}.create-item-actions{display:flex;gap:8px;justify-content:flex-end}.btn{font-size:12px;padding:6px 12px}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-small{font-size:11px}.validation-popup{background-color:#dc3545;border-radius:4px;font-size:12px;margin-top:2px;padding:4px 8px;right:0;top:100%}@media (max-width:768px){.searchable-dropdown-header{flex-direction:column;gap:4px}.searchable-dropdown-actions{align-self:flex-end}.create-item-actions{flex-direction:column}}.file-upload-container{display:flex;justify-content:flex-end}.file-upload-button{align-items:center;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:background-color .2s}.file-upload-button:hover:not(:disabled){background-color:#45a049}.file-upload-button:disabled{cursor:not-allowed;opacity:.6}.upload-icon{font-size:18px}.file-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:16px}.file-item{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;gap:12px;padding:12px;transition:box-shadow .2s}.file-item:hover{box-shadow:0 2px 4px #0000001a}.file-icon{flex-shrink:0;font-size:24px}.file-info{flex:1 1;min-width:0}.file-name{color:#333;font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-metadata{align-items:center;color:#666;display:flex;font-size:12px;gap:6px}.file-separator{color:#ccc}.file-actions{display:flex;flex-shrink:0;gap:8px}.file-action-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.file-action-button:hover{background-color:#f5f5f5}.file-action-button.delete:hover{background-color:#ffebee}.warehouse-order-detail-page{background-color:var(--main-color);min-height:100vh;overflow-x:auto}.warehouse-order-detail-main{padding:16px 0}.warehouse-order-detail-container{margin:0 auto;max-width:1400px;min-width:1000px;padding:0 24px}.order-header{background-color:var(--white);border-radius:8px;box-shadow:0 2px 4px #0000000d;justify-content:space-between;margin-bottom:20px;padding:20px}.order-header,.order-title{align-items:center;display:flex}.order-title{gap:16px}.order-title h1{color:var(--text-dark);font-size:32px;font-weight:700;margin:0}.header-actions{align-items:center;display:flex;gap:12px}.header-actions .btn-delete-order{font-size:14px;font-weight:600;min-width:140px;padding:10px 16px}.order-content{margin-bottom:20px;min-width:0}.order-header-area{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 300px;margin-bottom:20px;position:relative}.order-cost-area,.order-header-area{background-color:var(--white);border-radius:8px;box-shadow:0 2px 4px #0000000d;min-width:0;padding:24px}.order-cost-area{overflow-x:auto}.order-details-section{min-width:0}.order-details-section h2{border-bottom:2px solid var(--light-gray);color:var(--text-dark);font-size:20px;font-weight:600;margin:0 0 20px;padding-bottom:8px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group label{color:var(--text-dark)}.form-group input,.form-group textarea{background-color:var(--light-gray);border:1px solid var(--border-color);color:var(--text-muted);padding:10px 12px;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{background-color:var(--white);border-color:var(--primary-color);color:var(--text-dark)}.form-group input.readonly,.form-group textarea.readonly{background-color:#f5f5f5;color:#999;cursor:not-allowed;opacity:.7}.units-section{margin-top:32px}.section-header{gap:12px}.section-header h2,.section-icon{font-size:20px}.units-table{background-color:#f8f5ff;border-collapse:collapse;width:100%}.units-table th{background-color:#e1d5f7;border-bottom:1px solid #d1c4e9;font-weight:600;text-align:left}.units-table td,.units-table th{color:var(--text-dark);font-size:14px;padding:12px 16px}.units-table td{border-bottom:1px solid #e1d5f7}.units-table tbody tr:hover{background-color:#f3e5f5}.costs-section{margin-top:32px}.costs-section h2{color:var(--text-dark);font-size:20px;font-weight:600;margin:0 0 16px}.costs-table{background-color:#fff8e1;border-collapse:collapse;width:100%}.costs-table th{background-color:#ffcc02;border-bottom:1px solid #ffb300;font-weight:600;text-align:left}.costs-table td,.costs-table th{color:var(--text-dark);font-size:14px;padding:12px 16px}.costs-table td{border-bottom:1px solid #ffcc02}.costs-table tbody tr:hover{background-color:#fff3c4}.table-input{background-color:var(--white);border:1px solid #ddd;border-radius:4px;color:var(--text-dark);font-size:14px;padding:6px 8px;transition:all .2s ease;width:100%}.table-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40;outline:none}.table-input[readonly]{background-color:#f5f5f5;color:#999;cursor:not-allowed;opacity:.7}.order-closed{position:relative}.order-closed .form-group input,.order-closed .form-group textarea,.order-closed .table-input{background-color:#f5f5f5;color:#999;cursor:not-allowed;opacity:.7}.editing-mode .form-group input:not([readonly]),.editing-mode .form-group textarea:not([readonly]),.editing-mode .table-input:not([readonly]){background-color:var(--white);border-color:var(--primary-color);color:var(--text-dark)}.closed-order-notice{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:6px;margin-bottom:20px;padding:12px 16px}.closed-order-notice p{color:#d32f2f;font-size:14px;font-weight:600;margin:0}.empty-row td{border-bottom:1px dashed #ccc;height:48px}.order-sidebar{display:flex;gap:16px}.action-buttons,.order-sidebar{flex-direction:column}.action-buttons .btn{border:none;border-radius:6px;box-sizing:border-box;display:block;font-size:14px;font-weight:600;padding:12px 16px;text-align:center;transition:all .2s ease;width:100%}.btn-secondary{border:none}.btn-warning{background-color:#ffc107;border:none;color:#212529}.btn-warning:hover{background-color:#e0a800}.btn-primary{background-color:var(--primary-color);border:none}.btn-success{border:none}.btn-success:hover{background-color:#218838}.btn-success:disabled{background-color:#6c757d;cursor:not-allowed}.btn-danger:hover{background-color:#c82333}.btn-danger:disabled{background-color:#6c757d;cursor:not-allowed}.action-buttons .btn-close-order,.action-buttons .btn-danger{border:none;border-radius:6px;box-sizing:border-box;display:block;font-size:14px;font-weight:600;padding:12px 16px;text-align:center;transition:all .2s ease;width:100%}.action-buttons .btn-close-order{background-color:#dc3545;color:#fff}.action-buttons .btn-close-order:hover:not(:disabled){background-color:#c82333}.action-buttons .btn-close-order:disabled{background-color:#6c757d;cursor:not-allowed}.action-buttons .btn-info{background-color:#17a2b8;border:none;border-radius:6px;box-sizing:border-box;color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:8px;padding:12px 16px;text-align:center;transition:all .2s ease;width:100%}.action-buttons .btn-info:hover:not(:disabled){background-color:#138496}.action-buttons .btn-info:disabled{background-color:#6c757d;cursor:not-allowed}.bottom-actions{background-color:var(--white);border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px}.bottom-actions .btn{border-radius:6px;font-size:14px;font-weight:600;min-width:100px;padding:12px 24px}.error-container,.loading-container{align-items:center;background-color:var(--white);border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--light-gray);border:4px solid var(--light-gray);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:16px;width:40px}.error-container h2{color:var(--text-dark);margin-bottom:8px}.error-container p{color:var(--text-muted);margin-bottom:16px}@media (max-width:1024px){.order-header-area{grid-template-columns:1fr}.order-sidebar{order:-1}.action-buttons{flex-direction:row;flex-wrap:wrap}.action-buttons .btn{flex:1 1;min-width:150px}}@media (max-width:768px){.warehouse-order-detail-container{padding:0 16px}.form-grid{grid-template-columns:1fr}.order-title{align-items:flex-start;flex-direction:column;gap:8px}.order-title h1{font-size:24px}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}.bottom-actions{flex-direction:column}.bottom-actions .btn{width:100%}}.order-files-section{background-color:var(--white);border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-top:20px;min-width:0;padding:24px}.files-section-header{align-items:flex-end;border-bottom:2px solid var(--light-gray);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:8px}.order-files-section h2{color:var(--text-dark);font-size:20px;font-weight:600;margin:0}.file-upload-empty-state{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.upload-icon-large{color:#ccc;font-size:64px;margin-bottom:16px}.file-upload-empty-state p{font-size:14px;margin:0 0 24px;max-width:400px}.calendar-container{display:inline-block;position:relative;width:100%}.calendar-input{cursor:pointer;position:relative}.calendar-input.disabled{cursor:not-allowed;opacity:.6}.calendar-input input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 40px 8px 12px;width:100%}.calendar-input input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.calendar-input.disabled input{background-color:#f9fafb;cursor:not-allowed}.calendar-icon{color:#6b7280;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.calendar-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:0;margin-top:4px;min-width:280px;padding:16px;position:absolute;right:0;top:100%;z-index:1000}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.calendar-nav-btn{background:none;border:none;border-radius:4px;color:#374151;cursor:pointer;font-size:18px;font-weight:700;padding:4px 8px;transition:background-color .2s}.calendar-nav-btn:hover{background-color:#f3f4f6}.calendar-month-year{color:#111827;font-size:16px;font-weight:600;margin:0}.calendar-days-header{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.calendar-day-header{color:#6b7280;font-size:12px;font-weight:600;padding:8px 4px;text-align:center}.calendar-days{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day-cell{min-height:32px}.calendar-day,.calendar-day-cell{align-items:center;display:flex;justify-content:center}.calendar-day{background:none;border:none;border-radius:6px;cursor:pointer;font-size:14px;height:32px;transition:all .2s;width:32px}.calendar-day:hover{background-color:#f3f4f6}.calendar-day.today{background-color:#dbeafe;color:#1d4ed8;font-weight:600}.calendar-day.selected{background-color:#3b82f6;color:#fff;font-weight:600}.calendar-day.selected:hover{background-color:#2563eb}.order-row-types-section{margin-bottom:24px}.order-row-types-table{background-color:var(--white);border-collapse:collapse;table-layout:fixed;width:100%}.order-row-types-table th{background-color:#f8f9fa;border-bottom:1px solid var(--border-color);color:var(--text-dark);font-size:14px;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.order-row-types-table th:first-child{width:25%}.order-row-types-table th:nth-child(2){width:15%}.order-row-types-table th:nth-child(3),.order-row-types-table th:nth-child(4){width:20%}.order-row-types-table th:nth-child(5){width:15%}.order-row-types-table th:nth-child(6){width:20%}.order-row-types-table th:last-child{min-width:50px;width:8%}.order-row-types-table td{border-bottom:1px solid #e9ecef;color:var(--text-dark);font-size:14px;overflow:hidden;padding:12px 16px;text-overflow:ellipsis}.order-row-types-table td:last-child{min-width:40px;padding:4px;text-align:center;vertical-align:middle;width:8%}.order-row-types-table td:last-child .btn-danger{display:inline-flex;margin:0 auto}.order-row-types-table tbody tr:hover{background-color:#f8f9fa}.order-row-types-table tbody tr:last-child td{border-bottom:none}@media (max-width:768px){.section-header{align-items:flex-start;flex-direction:column;gap:12px}.order-row-types-table td,.order-row-types-table th{font-size:12px;padding:8px 12px}.btn-small{font-size:11px;padding:4px 8px}}.skapa-inleverans-page{background-color:#f8fafc;min-height:100vh}.skapa-inleverans-main{margin:0 auto;max-width:1200px;padding:20px}.skapa-inleverans-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.general-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px;font-weight:500;margin:16px 24px;padding:12px 16px}.form-content{padding:24px}.form-section{margin-bottom:32px}.form-row:last-child,.form-section:last-child{margin-bottom:0}.form-group label{font-weight:500;margin-bottom:6px}.input.error{border-color:#ef4444}.input:disabled{background-color:#f9fafb;color:#9ca3af}.toggle-container{align-items:center;display:flex;gap:12px}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#d1d5db;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.2s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.2s;width:18px}input:checked+.toggle-slider{background-color:#3b82f6}input:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-label{color:#374151;font-size:14px;font-weight:500}.cost-rows-table,.order-rows-table{background:#fff;border-collapse:collapse;width:100%}.order-rows-table thead{background-color:#f3f4f6}.cost-rows-table td,.cost-rows-table th,.order-rows-table td,.order-rows-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.cost-rows-table th,.order-rows-table th{color:#374151;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.cost-rows-table td,.order-rows-table td{color:#111827;font-size:14px}.cost-rows-table tbody tr:hover,.order-rows-table tbody tr:hover{background-color:#f9fafb}.btn:disabled{color:#9ca3af}.btn:disabled,.btn:disabled:hover{background-color:#d1d5db}.toggle-switch input:disabled+.toggle-slider{background-color:#d1d5db;cursor:not-allowed}.toggle-switch input:disabled+.toggle-slider:before{background-color:#f3f4f6}.bottom-actions{background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}@media (max-width:768px){.form-row{gap:16px;grid-template-columns:1fr}.skapa-inleverans-main{padding:12px}.form-content,.page-header{padding:16px}.bottom-actions{flex-direction:column;padding:16px}.bottom-actions .btn{width:100%}}.customer-search-field,.project-search-field{position:relative;width:100%}.customer-search-input,.project-search-input{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;position:relative;transition:border-color .2s,box-shadow .2s}.customer-search-input:hover,.project-search-input:hover{border-color:#9ca3af}.customer-search-input:focus-within,.project-search-input:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.customer-search-input.error,.project-search-input.error{border-color:#ef4444}.customer-search-input.disabled,.project-search-input.disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.search-input{background:#0000;border:none;flex:1 1;outline:none;padding:8px 40px 8px 12px}.search-input::placeholder{color:#9ca3af}.search-input:disabled{cursor:not-allowed}.search-btn:hover:not(:disabled){background-color:#f3f4f6}.search-btn:disabled{color:#9ca3af;cursor:not-allowed}.customer-status{border-radius:4px;font-size:12px;font-weight:500;padding:2px 6px}.customer-status.active{background-color:#dcfce7;color:#166534}.customer-status.inactive{background-color:#fef2f2;color:#dc2626}.project-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;left:0;margin-top:4px;max-height:300px;min-width:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:9999}.project-dropdown-empty{color:#6b7280;font-style:italic;padding:12px;text-align:center}.project-dropdown-header{background-color:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;display:grid;font-size:12px;font-weight:600;grid-template-columns:1fr;letter-spacing:.05em;text-transform:uppercase}.project-dropdown-header-cell{border-right:1px solid #e5e7eb;padding:8px 12px}.project-dropdown-header-cell:last-child{border-right:none}.project-dropdown-item{border-bottom:1px solid #f3f4f6;cursor:pointer;display:grid;grid-template-columns:1fr;transition:background-color .2s}.project-dropdown-item:hover{background-color:#f9fafb}.project-dropdown-item:last-child{border-bottom:none}.project-dropdown-cell{border-right:1px solid #f3f4f6;font-size:14px;padding:8px 12px}.project-dropdown-cell:last-child{border-right:none}.project-name{color:#111827;font-weight:500}.project-description{color:#6b7280;font-size:12px;margin-top:2px}.project-customer{color:#6b7280;font-size:13px}.project-status{border-radius:4px;font-size:12px;font-weight:500;padding:2px 6px}.project-status.active{background-color:#dcfce7;color:#166534}.project-status.inactive{background-color:#fef2f2;color:#dc2626}.error-message{color:#ef4444;margin-top:4px}@media (max-width:768px){.customer-dropdown,.project-dropdown{min-width:300px}.customer-dropdown-header,.customer-dropdown-item{grid-template-columns:60px 1fr 80px}.project-dropdown-header,.project-dropdown-item{grid-template-columns:1fr 100px 60px}}.skapa-utleverans-step1-page{background-color:#f8fafc;min-height:100vh}.skapa-utleverans-step1-main{margin:0 auto;max-width:1200px;padding:20px}.skapa-utleverans-step1-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.search-sections{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:0;padding:24px}.filter-buttons-row{align-items:center;background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:flex-start;margin:0 24px 16px;padding:16px 20px}.filter-buttons{display:flex;gap:8px}.filter-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.filter-btn:hover{background-color:#f3f4f6;border-color:#3b82f6}.filter-btn.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.search-section{display:flex;flex-direction:column;gap:8px}.search-section label{color:#333;font-size:14px;font-weight:600}.search-input{align-items:center;display:flex;padding:8px 12px}.search-input:focus-within{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.search-input svg{color:#666;flex-shrink:0;margin-right:8px}.search-input input{border:none;color:#333;flex:1 1;font-size:14px;outline:none}.search-input input::placeholder{color:#999}.search-input.disabled,.search-input.disabled input{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.customer-dropdown-container{position:relative;width:100%}.customer-select{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;position:relative;transition:border-color .2s,box-shadow .2s}.customer-select:hover{border-color:#9ca3af}.customer-select:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.customer-select.error{border-color:#ef4444}.customer-select-input{align-items:center;display:flex;flex:1 1;position:relative}.customer-select-input input{background:#0000;border:none;font-size:14px;outline:none;padding:8px 40px 8px 12px;width:100%}.customer-select-input input::placeholder{color:#9ca3af}.customer-select-arrow{border-left:1px solid #e5e7eb;color:#6b7280;padding:8px 12px;transition:transform .2s}.customer-select.open .customer-select-arrow{transform:rotate(180deg)}.search-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:background-color .2s}.search-btn:hover{background-color:#f3f4f6}.search-loading{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.customer-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;left:0;margin-top:4px;max-height:300px;min-width:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:9999}.customer-dropdown-empty{color:#6b7280;font-style:italic;padding:12px;text-align:center}.customer-dropdown-header{background-color:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;display:grid;font-size:12px;font-weight:600;grid-template-columns:80px 1fr 120px;letter-spacing:.05em;text-transform:uppercase}.customer-dropdown-header-cell{border-right:1px solid #e5e7eb;padding:8px 12px}.customer-dropdown-header-cell:last-child{border-right:none}.customer-dropdown-item{border-bottom:1px solid #f3f4f6;cursor:pointer;display:grid;grid-template-columns:80px 1fr 120px;transition:background-color .2s}.customer-dropdown-item:hover{background-color:#f9fafb}.customer-dropdown-item:last-child{border-bottom:none}.customer-dropdown-cell{border-right:1px solid #f3f4f6;font-size:14px;padding:8px 12px}.customer-dropdown-cell:last-child{border-right:none}.customer-name,.customer-number{color:#111827;font-weight:500}.customer-company{color:#6b7280;font-size:13px}.validation-popup{background-color:#f97316;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;color:#fff;font-size:14px;font-weight:500;left:0;padding:8px 12px;position:absolute;top:-40px;white-space:nowrap;z-index:1001}.validation-popup:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #f97316;content:"";height:0;left:20px;position:absolute;top:100%;width:0}.goods-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin:0 24px 24px;overflow:hidden}.goods-table{border-collapse:collapse;width:100%}.goods-table td,.goods-table th{border-bottom:1px solid #eee;padding:12px 16px;text-align:left}.goods-table th{background:#f3f4f6;color:#374151;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.goods-table td{color:#111827;font-size:14px}.goods-table tbody tr:hover{background:#f9fafb}.goods-table input[type=checkbox]{cursor:pointer;height:16px;width:16px}.action-buttons{background:#f8fafc;border-top:1px solid #e5e7eb;justify-content:flex-end;padding:20px 24px}.continue-btn{background:#ff8c00;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background-color .2s}.continue-btn:hover:not(:disabled){background:#e67e00}.continue-btn:disabled{background:#ccc;cursor:not-allowed}@media (max-width:768px){.search-sections{gap:20px;grid-template-columns:1fr}.goods-table-container{overflow-x:auto}.goods-table{min-width:600px}}.order-rows-section{margin-bottom:24px}.section-header h2{color:var(--text-dark)}.btn{transition:all .2s ease}.btn:disabled{opacity:.5}.btn-danger{align-items:center;background-color:#dc3545;border:none;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:28px;justify-content:center;line-height:1;margin:0;max-height:28px;max-width:28px;min-height:28px;min-width:28px;padding:0;transition:background-color .2s ease;width:28px}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-small{padding:6px 12px}.table-container{border:1px solid var(--border-color)}.order-rows-table{background-color:var(--white);border-collapse:collapse;table-layout:fixed;width:100%}.order-rows-table th{background-color:#f8f9fa;border-bottom:1px solid var(--border-color);color:var(--text-dark);font-size:14px;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.order-rows-table th:first-child,.order-rows-table th:nth-child(2){width:12%}.order-rows-table th:nth-child(3){width:8%}.order-rows-table th:nth-child(4),.order-rows-table th:nth-child(5){width:12%}.order-rows-table th:nth-child(6){width:10%}.order-rows-table th:nth-child(7){width:8%}.order-rows-table th:nth-child(8){width:12%}.order-rows-table th:last-child{min-width:50px;width:8%}.goods-id{color:var(--text-dark);font-family:Courier New,monospace;font-size:12px;font-weight:500}.order-rows-table td{border-bottom:1px solid #e9ecef;color:var(--text-dark);font-size:14px;overflow:hidden;padding:12px 16px;text-overflow:ellipsis}.order-rows-table td:last-child{min-width:40px;padding:4px;text-align:center;vertical-align:middle;width:8%}.order-rows-table td:last-child .btn-danger{display:inline-flex;margin:0 auto}.order-rows-table tbody tr:hover{background-color:#f8f9fa}.order-rows-table tbody tr:last-child td{border-bottom:none}.input{background-color:var(--white);border:1px solid var(--border-color);border-radius:4px;color:var(--text-dark);padding:6px 8px;transition:all .2s ease;width:100%}.input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40}.input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.input-error{border-color:#dc3545!important;box-shadow:0 0 0 2px #dc354540!important}.input-small{font-size:12px;padding:4px 6px}.error-message{color:#dc3545;font-size:12px;font-weight:500;margin-bottom:8px}.readonly-field{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#6c757d;display:inline-block;font-size:14px;font-weight:500;line-height:1.2;min-height:20px;padding:6px 8px}@media (max-width:768px){.section-header{align-items:flex-start;flex-direction:column;gap:12px}.order-rows-table td,.order-rows-table th{font-size:12px;padding:8px 12px}.btn-small{font-size:11px;padding:4px 8px}}.skapa-utleverans-step2-page{background-color:#f8fafc;min-height:100vh}.skapa-utleverans-step2-main{margin:0 auto;max-width:1200px;padding:20px}.skapa-utleverans-step2-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.page-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.page-header h1{color:#111827;font-size:24px;font-weight:600;margin:0}.back-to-step1-btn{background:#fbbf24;border:none;border-radius:6px;color:#111827;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.back-to-step1-btn:hover{background:#f59e0b}.order-form{padding:24px}.form-section{margin-bottom:30px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header h2{margin:0}.form-section h3,.section-header h2{color:#111827;font-size:18px;font-weight:600}.form-section h3{border-bottom:2px solid #f3f4f6;margin:0 0 20px;padding-bottom:10px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#374151;font-size:14px;font-weight:600}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.form-actions{align-items:center;background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.back-btn{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.back-btn:hover{background:#4b5563}.submit-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.submit-btn:hover{background:#2563eb}.table-container{border:1px solid #e5e7eb;border-radius:6px}.cost-rows-table,.goods-table{background:#fff;border-collapse:collapse;width:100%}.goods-table thead{background-color:#f3f4f6}.cost-rows-table thead{background-color:#fef3c7}.cost-rows-table td,.cost-rows-table th,.goods-table td,.goods-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.cost-rows-table th,.goods-table th{color:#374151;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.cost-rows-table td,.goods-table td{color:#111827;font-size:14px}.cost-rows-table tbody tr:hover,.goods-table tbody tr:hover{background-color:#f9fafb}.btn{gap:6px;justify-content:center;text-decoration:none}.btn-small{font-size:12px;padding:4px 8px}.btn-secondary{background-color:#6b7280}.btn-secondary:hover{background-color:#4b5563}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}.input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-small{font-size:13px;padding:6px 8px}.textarea{min-height:80px;resize:vertical}@media (max-width:768px){.form-row{gap:15px;grid-template-columns:1fr}.form-actions{flex-direction:column;gap:12px}.back-btn,.submit-btn{width:100%}}.warehouse-move-page{background-color:#f5f5f5;min-height:100vh}.warehouse-move-main{padding:20px}.warehouse-move-container{margin:0 auto;max-width:1200px}.page-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header-left h1.page-title{color:#333;font-size:24px;font-weight:700;margin:0}.content-area{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.content-card{padding:24px}.search-instruction{color:#666;font-size:14px;font-style:italic;margin-bottom:20px}.search-section{margin-bottom:24px}.search-type-selector{display:flex;gap:20px;margin-bottom:16px}.search-type-selector label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px}.search-type-selector input[type=radio]{margin:0}.search-field{width:100%}.search-input{max-width:400px}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;margin-bottom:16px;padding:12px}.error-message p{font-size:14px;margin:0}.feedback-message{background-color:#efe;border:1px solid #cfc;color:#363;margin-bottom:16px;padding:12px}.feedback-message p{font-size:14px;font-weight:500}.goods-table-section{margin-bottom:24px}.goods-table-section h3{color:#333;font-size:16px;font-weight:700;margin-bottom:16px}.table-container{border:1px solid #ddd;border-radius:4px}.goods-move-table{border-collapse:collapse;font-size:14px;width:100%}.goods-move-table th{background-color:#f8f9fa;border-bottom:1px solid #ddd;color:#333;font-weight:700;padding:12px 8px;text-align:left;white-space:nowrap}.goods-move-table td{border-bottom:1px solid #eee;padding:12px 8px;vertical-align:top}.goods-move-table tbody tr:hover{background-color:#f8f9fa}.goods-id{color:#333;font-weight:700}.current-location{font-weight:500}.input-small{min-width:150px;width:100%}.action-buttons{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-start;padding-top:16px}.btn{transition:background-color .2s}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover:not(:disabled){background-color:#218838}@media (max-width:768px){.warehouse-move-main{padding:10px}.content-card{padding:16px}.search-type-selector{flex-direction:column;gap:12px}.goods-move-table{font-size:12px}.goods-move-table td,.goods-move-table th{padding:8px 4px}.action-buttons{flex-direction:column}.btn{width:100%}}.invoice-history-page{background-color:#f5f5f5;min-height:100vh}.invoice-history-main{margin:0 auto;max-width:1200px;padding:20px}.invoice-history-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.search-section{background:#fafafa;border-bottom:1px solid #e0e0e0;padding:30px}.section-title{color:#333;margin:0 0 25px}.search-controls{align-items:end;display:flex;gap:20px}.date-field{display:flex;flex-direction:column;gap:8px;min-width:200px}.control-label{color:#555;font-weight:500;margin:0}.search-icon{color:#666}.search-input{border:1px solid #ddd;transition:border-color .2s}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.search-actions{display:flex;gap:12px;margin-top:10px}.results-section{padding:30px}.table-container{margin-top:20px}.data-table{border-radius:4px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.data-table thead{background:#f8f9fa}.data-table th{color:#333;padding:15px 12px}.invoice-date-column{background-color:#f0f0f0!important;color:#333!important;font-weight:600}.data-table td{color:#555;padding:15px 12px}.invoice-id{color:#007bff}.invoice-date-column{background-color:#f0f0f0;color:#333;font-weight:500}.invoice-sum{color:#28a745}.pdf-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:18px;justify-content:center;min-height:32px;min-width:40px;padding:6px 10px;transition:all .2s}.pdf-button:hover:not(:disabled){background-color:#e9ecef;transform:scale(1.1)}.pdf-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.empty-state,.error-state,.loading-state{color:#666;padding:40px 20px;text-align:center}.empty-state p,.error-state p,.loading-state p{font-size:16px;margin:0 0 15px}.pagination{gap:15px;padding:20px 0}.pagination-info{color:#666;font-weight:500}.btn{border-radius:4px;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase}.btn-search{background-color:#28a745;color:#fff}.btn-search:hover{background-color:#218838}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-primary{background-color:#007bff}.btn-primary:hover{background-color:#0056b3}.btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.invoice-history-main{padding:10px}.results-section,.search-section{padding:20px}.date-controls,.search-controls-row{flex-direction:column;gap:15px}.data-table{font-size:12px}.data-table td,.data-table th{padding:10px 8px}.pagination{flex-direction:column;gap:10px}}.invoice-data-page{background-color:#f8f9fa;min-height:100vh}.invoice-data-main{padding:20px}.invoice-data-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden}.generate-section{background:#f8f9fa;border-bottom:2px solid #e9ecef;padding:30px}.section-title{color:#212529;font-size:24px;font-weight:700;letter-spacing:.5px;margin:0 0 20px;text-transform:uppercase}.help-text{background-color:#f8f9fa;border-left:3px solid #007bff;border-radius:4px;color:#6c757d;font-size:14px;line-height:1.6;margin:0 0 20px;padding:12px 16px}.generate-controls{align-items:end;display:flex;gap:20px;margin-bottom:20px}.date-control{display:flex;flex-direction:column;gap:8px;min-width:200px}.control-label{color:#495057;font-size:14px;font-weight:600}.search-field{flex:1 1;min-width:200px}.search-input-container{align-items:center;display:flex;position:relative}.search-icon{color:#6c757d;left:12px;position:absolute;z-index:1}.search-input{background:#fff;border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:12px 12px 12px 40px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.search-input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.btn-generate{align-self:flex-start;background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 24px;transition:background-color .15s ease-in-out}.btn-generate:hover:not(:disabled){background-color:#218838}.btn-generate:disabled{background-color:#6c757d;cursor:not-allowed}.feedback-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;font-size:14px;font-weight:500;margin:20px 30px;padding:15px 20px;white-space:pre-line}.feedback-message p{margin:0}.invoice-data-section{border-top:2px solid #e9ecef;margin-top:20px;padding:30px}.invoice-data-section .action-buttons{align-items:center;display:flex;flex-direction:row;gap:12px;margin-bottom:20px}.invoice-data-section .btn-transfer{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;max-width:200000px;padding:10px 20px;transition:background-color .15s ease-in-out}.invoice-data-section .btn-transfer:hover:not(:disabled){background-color:#218838}.invoice-data-section .btn-transfer:disabled{background-color:#6c757d;cursor:not-allowed}.invoice-data-section .btn-delete{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;max-width:200000px;padding:10px 20px;transition:background-color .15s ease-in-out}.invoice-data-section .btn-delete:hover:not(:disabled){background-color:#5a6268}.invoice-data-section .btn-delete:disabled{background-color:#adb5bd;cursor:not-allowed}.selection-summary{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:20px 0;padding:16px 20px}.selection-info{align-items:center;display:flex;justify-content:space-between}.selected-count{color:#6c757d;font-size:14px;font-weight:500}.total-summary{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.total-label{color:#6c757d;font-size:12px;font-weight:400}.total-amount{color:#212529;font-family:Courier New,monospace;font-size:18px;font-weight:700}.data-table{background:#fff;border:1px solid #dee2e6;padding:0}.data-table thead{background-color:#f8f9fa}.data-table th{border-bottom:2px solid #dee2e6;color:#495057;font-weight:700;letter-spacing:.5px;padding:0;text-transform:uppercase}.table-header{position:relative}.header-content{display:flex;flex-direction:column;gap:4px}.header-content span{color:#495057;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.header-filter{align-items:center;display:flex;gap:4px}.header-search-field{flex:1 1;min-width:120px}.clear-filter-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;line-height:1;transition:background-color .15s ease-in-out;width:20px}.clear-filter-btn:hover{background:#c82333}.sortable-header{align-items:center;background:none;border:none;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:4px;letter-spacing:.5px;padding:0;text-transform:uppercase;transition:color .15s ease-in-out}.sortable-header:hover{color:#007bff}.data-table td{border-bottom:1px solid #dee2e6;color:#495057;padding:8px 12px}.data-table tbody tr{transition:background-color .15s ease-in-out}.data-table tbody tr:hover{background-color:#f8f9fa}.clickable-row{cursor:pointer}.invoice-id{color:#6c757d}.invoice-id,.invoice-sum{font-family:Courier New,monospace;font-weight:600}.invoice-sum{text-align:right}.invoice-spec{text-align:center}.view-link{color:#007bff;cursor:pointer;font-size:12px;text-decoration:underline}.view-link:hover{color:#0056b3}.data-table input[type=checkbox]{cursor:pointer;height:16px;width:16px}.error-state,.loading-state{color:#6c757d;padding:40px}.error-state{color:#dc3545}.pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:20px;padding:20px}.pagination button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .15s ease-in-out}.pagination button:hover:not(:disabled){background-color:#5a6268}.pagination button:disabled{background-color:#adb5bd;cursor:not-allowed}.pagination-info{color:#6c757d;font-size:14px;margin:0 16px}@media (max-width:768px){.generate-controls{flex-direction:column;gap:20px}.search-controls{flex-direction:column;gap:15px}.action-buttons{align-items:stretch;flex-direction:column;gap:8px}.data-table{font-size:12px}.data-table td,.data-table th{padding:8px 12px}.invoice-data-main{padding:10px}.generate-section,.invoice-data-section{padding:20px}.feedback-message{font-size:13px;margin:15px 20px;padding:12px 15px}.header-filter{flex-direction:column;gap:4px}.header-search-field{min-width:100px}.sortable-header{font-size:12px}.selection-summary{margin:15px 0;padding:12px 16px}.selection-info{flex-direction:column;gap:8px}.selection-info,.total-summary{align-items:flex-start}.total-amount{font-size:16px}}.invoice-details-page{background-color:#f8fafc;min-height:100vh}.invoice-details-main{min-height:calc(100vh - 80px);padding-top:80px}.invoice-details-container{margin:0 auto;max-width:1200px;padding:24px}.page-header-row{border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding:0 0 16px}.header-left{align-items:center;display:flex;gap:16px}.back-button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:500;padding:8px 0;transition:color .2s}.back-button:hover{color:#2563eb}.page-title{color:#1a202c;font-size:32px;font-weight:700;margin:0}.invoice-info-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;margin-bottom:24px;padding:24px}.info-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.info-item{display:flex;flex-direction:column;gap:8px}.info-item label{color:#374151;font-size:14px;font-weight:600}.info-item span{color:#4b5563;font-size:16px}.table-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;margin-bottom:24px;padding:24px}.table-title{color:#1a202c;font-size:20px;font-weight:600;margin:0 0 20px}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;min-width:600px;width:100%}.data-table th{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#374151;font-size:14px;font-weight:600;padding:16px;text-align:left}.data-table td{border-bottom:1px solid #f1f5f9;color:#4b5563;font-size:14px;padding:16px}.data-table tbody tr:hover,.total-row{background-color:#f8fafc}.total-row{font-weight:600}.total-label{color:#374151;text-align:right}.total-amount{color:#1a202c;font-size:16px}.error-state,.loading-state{color:#64748b;padding:64px 32px;text-align:center}.error-state{color:#dc2626}.error-state button{margin-top:16px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb}@media (max-width:768px){.info-grid{gap:16px;grid-template-columns:1fr}.data-table{font-size:12px}.data-table td,.data-table th{padding:12px 8px}.page-title{font-size:24px}}.grand-total-section{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;margin-top:30px;padding:20px}.grand-total-container{text-align:center}.grand-total-row{align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px 20px}.grand-total-label{color:#495057;font-size:18px;font-weight:700}.grand-total-amount{color:#28a745;font-family:Courier New,monospace;font-size:20px;font-weight:700}.verification-note{color:#6c757d;font-style:italic}.App{background-color:var(--main-color);min-height:100vh}.App,body,html{margin:0;padding:0;width:100%}body,html{overflow-x:hidden}*{box-sizing:border-box}button{cursor:pointer;font-family:inherit}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--secondary-color);outline-offset:2px}*{transition:color .3s ease,background-color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease}.loading{overflow:hidden;position:relative}.loading:after{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading{0%{left:-100%}to{left:100%}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.p-0{padding:0}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.hidden-mobile{display:block}.visible-mobile{display:none}@media (max-width:768px){.hidden-mobile{display:none}.visible-mobile{display:block}}
/*# sourceMappingURL=main.b07bdc03.css.map*/