body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.deck-header-container{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #0000001a;position:relative;width:100%;z-index:1000}.modern-header{height:70px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px}.header-left,.modern-header{align-items:center;display:flex}.header-left{gap:32px}.logo-container{gap:12px}.logo-container,.logo-icon{align-items:center;display:flex}.logo-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:10px;height:36px;justify-content:center;width:36px}.logo-icon svg{stroke:#fff}.logo-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:24px;font-weight:700;margin:0}.app-version{color:#ffffffb3;font-size:12px;font-weight:500;margin-left:8px}.dashboard-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;display:flex;padding:4px}.dashboard-tab{align-items:center;background:none;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.dashboard-tab:hover{background:#ffffff26;color:#fff;transform:translateY(-1px)}.dashboard-tab.active{background:#ffffff40;box-shadow:0 4px 12px #00000026;color:#fff}.tab-icon{align-items:center;display:flex;height:16px;justify-content:center;width:16px}.tab-icon svg{stroke:currentColor;height:100%;width:100%}.tab-label{font-weight:600;letter-spacing:.2px}.tab-indicator{background:linear-gradient(90deg,#ffd89b,#19547b);border-radius:2px;bottom:-6px;height:3px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;width:24px}.dashboard-tab.active .tab-indicator{opacity:1}.header-actions,.header-right{align-items:center;display:flex}.header-actions{gap:8px}.header-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px}.header-btn:hover{background:#fff3;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.header-btn svg{stroke:currentColor}.notification-badge{background:#ef4444;border:2px solid #667eea;border-radius:10px;color:#fff;font-size:10px;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px}.user-menu-container{margin-left:12px;position:relative}.user-profile-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;gap:12px;min-width:180px;padding:8px 16px 8px 12px;transition:all .3s ease}.user-profile-btn:hover{background:#fff3;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.user-avatar{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:10px;display:flex;height:36px;justify-content:center;overflow:hidden;width:36px}.avatar-placeholder{color:#fff;font-size:14px;font-weight:700}.user-avatar.large{height:48px;width:48px}.user-avatar.large .avatar-placeholder{font-size:18px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column}.user-name{color:#fff;font-size:14px;font-weight:600}.user-role{color:#fffc;font-size:12px}.dropdown-arrow{stroke:currentColor;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{animation:dropdownSlide .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 20px 60px #0003;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:280px;z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;gap:12px;padding:20px}.user-details h4{font-size:16px;font-weight:700;margin:0 0 4px}.user-details p{font-size:14px;margin:0 0 8px;opacity:.9}.user-badge{background:#fff3;border-radius:6px;font-size:11px;font-weight:600;padding:4px 8px}.dropdown-divider{background:#0000001a;height:1px;margin:0}.dropdown-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:14px 20px;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#f8fafc;color:#3b82f6}.dropdown-item svg{stroke:currentColor;height:16px;width:16px}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#fef2f2;color:#dc2626}@media (max-width:1024px){.modern-header{padding:0 20px}.header-left{gap:20px}.dashboard-tab{font-size:13px;padding:8px 16px}.user-profile-btn{min-width:160px}}@media (max-width:768px){.modern-header{height:60px;padding:0 16px}.header-left{gap:16px}.logo-text h1{font-size:20px}.dashboard-nav{margin-left:0}.tab-label{display:none}.dashboard-tab{padding:10px 12px}.user-info{display:none}.user-profile-btn{min-width:auto;padding:8px}.dropdown-arrow{display:none}}@media (max-width:480px){.dashboard-nav{gap:2px}.dashboard-tab{padding:8px 10px}.header-btn{height:36px;width:36px}.user-avatar{height:32px;width:32px}}.page-tab .tab-icon{align-items:center;display:flex;height:16px;justify-content:center;width:16px}.page-tab .tab-icon svg{stroke:currentColor;height:100%;width:100%}.page-tab .tab-label{font-weight:600;letter-spacing:.2px}.page-tab .tab-indicator{background:linear-gradient(90deg,#ffd89b,#19547b);border-radius:2px;bottom:-6px;height:3px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;width:24px}.page-tab.active .tab-indicator{opacity:1}.arrangement-container{top:24px}.arrangement-section{background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:12px;display:flex;flex-direction:row;gap:24px;margin-bottom:10px;max-height:-webkit-max-content;max-height:max-content;max-width:-webkit-max-content;max-width:max-content}.arrangement-header{align-items:center;border-bottom:1.5px solid var(--border-color);display:flex;justify-content:space-between}.arrangement-header h3{align-items:left;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:8px;margin:10px}.corner-selection{gap:.5rem}.corner-grid,.corner-selection{display:flex;flex-direction:column}.corner-grid{gap:11px;max-width:-webkit-max-content;max-width:max-content}.arrangement-row,.direction-conteiner{display:flex;gap:.5rem}.direction-conteiner{flex-direction:column}.direction-variants{display:flex;gap:24px}.direction-left-right{justify-content:space-between}.direction-left-right,.direction-tier-row{display:flex;flex-direction:column;gap:10px}.direction-options{display:flex;flex-direction:column;gap:.5rem}.direction-btn{background:#fff;background:var(--btn-bg,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:6px;color:#333;color:var(--text-primary,#333);cursor:pointer;flex:1 1;font-size:.85rem;text-align:center;transition:all .2s ease}.direction-btn:hover{background:#e9ecef;background:var(--btn-hover-bg,#e9ecef)}.direction-btn.active,.direction-btn:hover{border-color:#007bff;border-color:var(--primary-color,#007bff)}.direction-btn.active{background:#007bff;background:var(--primary-color,#007bff);color:#fff}@media (max-width:768px){.corner-row{flex-direction:center}.direction-options{flex-direction:column}.big-icon-btn,.corner-btn,.direction-btn{padding:.5rem}}.corner-selection-modern{display:flex;flex-direction:column}.corner-grid-modern{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;max-width:-webkit-max-content;max-width:max-content}.corner-row-modern{display:contents;width:auto}.big-icon-btn-modern,.corner-btn-modern{align-items:center;background:#fff;background:var(--card-bg,#fff);border:2px solid #e1e5e9;border:2px solid var(--border-color,#e1e5e9);border-radius:8px;color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;display:flex;flex-direction:column;justify-content:center;transition:all .2s ease}.big-icon-btn-modern:hover,.corner-btn-modern:hover{background:#f8f9fa;background:var(--hover-bg,#f8f9fa);border-color:#764ba2;border-color:var(--primary-color,#764ba2)}.big-icon-btn-modern.active,.corner-btn-modern.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff;opacity:.9}.corner-label{font-size:.85rem;font-weight:600;margin-bottom:2px}.corner-subtitle{font-size:.75rem;opacity:.8}.corner-btn-modern.active .corner-subtitle .big-icon-btn-modern.active{opacity:.9}.direction-options-modern{display:flex;gap:8px}.direction-btn-modern{background:#fff;background:var(--card-bg,#fff);border:2px solid #e1e5e9;border:2px solid var(--border-color,#e1e5e9);border-radius:8px;color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;flex:1 1;font-weight:500;padding:12px 16px;text-align:center;transition:all .2s ease}.direction-btn-modern:hover{background:#f8f9fa;background:var(--hover-bg,#f8f9fa)}.direction-btn-modern.active,.direction-btn-modern:hover{border-color:#007bff;border-color:var(--primary-color,#007bff)}.direction-btn-modern.active{background:#007bff;background:var(--primary-color,#007bff);color:#fff}@media (max-width:60px){.corner-grid-modern{display:flex;gap:6px;grid-template-columns:1fr;max-width:-webkit-max-content;max-width:max-content}.corner-btn-modern .big-icon-btn-modern{max-height:-webkit-fit-content;max-height:fit-content}.direction-options-modern{flex-direction:column}.direction-btn-modern{padding:10px 12px}}.arrangement-section-modern,.dimension-row-modern:last-child{margin-bottom:0}.corner-btn-modern{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:6px;cursor:pointer;display:flex;gap:8px;overflow:hidden;padding:9.5px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.corner-btn-modern:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.corner-btn-modern:hover:before{left:100%}.corner-btn-modern:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.corner-btn-modern:active{transform:translateY(0)}.corner-btn-modern:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.corner-btn-modern:disabled:hover{box-shadow:none!important;transform:none!important}.big-icon-btn-modern{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:6px;cursor:pointer;display:flex;gap:8px;overflow:hidden;padding:6px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.big-icon-btn-modern:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.big-icon-btn-modern:hover:before{left:100%}.big-icon-btn-modern:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.big-icon-btn-modern:active{transform:translateY(0)}.big-icon-btn-modern:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.big-icon-btn-modern:disabled:hover{box-shadow:none!important;transform:none!important}.deck-table-container{background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:5px;overflow:hidden}.modern-controls-bar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #ffffff1a;box-sizing:border-box;display:flex;justify-content:space-between;max-height:-webkit-max-content;max-height:max-content;padding:0 24px}.controls-group{flex-wrap:wrap;gap:12px}.btn-modern,.controls-group{align-items:center;display:flex}.btn-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;color:#fff;font-size:11px;font-weight:300;gap:8px;overflow:hidden;padding:6px 10px;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-modern:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-modern:hover:before{left:100%}.btn-modern:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.btn-modern:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-inform{background:linear-gradient(135deg,#e4e017,#b4b104)}.btn-success{background:linear-gradient(135deg,#10b981,#059669)}.btn-info{background:linear-gradient(135deg,#06b6d4,#0891b2)}.btn-execute{background:linear-gradient(135deg,#48e434,#169605)}.btn-modern:disabled{opacity:.6;transform:none!important}.btn-modern:disabled:hover{box-shadow:none!important;transform:none!important}.file-input-label{cursor:pointer;position:relative}.file-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.search-container{align-items:center;display:flex;gap:88px}.search-box-modern{margin:5px;position:relative;width:280px}.search-icon{color:#ffffffb3;left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.search-input-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:14px;font-weight:500;padding:6px 6px 6px 48px;transition:all .3s ease;width:80%}.search-input-modern::placeholder{color:#ffffffb3}.search-input-modern:focus{background:#fff3;box-shadow:0 0 0 3px #ffffff1a;outline:none}.table-wrapper{background:#f8fafc;flex:1 1;max-height:312px;overflow:auto}table{background:#fff;border-collapse:collapse;min-width:1200px;width:100%}thead{z-index:20}th,thead{background:#f8fafc;position:-webkit-sticky;position:sticky;top:0}th{border-bottom:2px solid #e2e8f0;color:#374151;font-size:12px;font-weight:600;height:44px;letter-spacing:.05em;line-height:1.2;padding:4px 8px;text-align:left;text-transform:uppercase}.header-content{display:flex;flex-direction:column}.column-label{color:#374151;font-size:11px;font-weight:600}.sortable{align-items:center;cursor:pointer;display:flex;gap:4px;-webkit-user-select:none;user-select:none}.sortable:hover{color:#3b82f6}.sort-indicator{color:#3b82f6;font-size:10px;font-weight:700}.filter-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:12px;padding:8px 10px;transition:all .2s ease;width:100%}.filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}td{background:#fff;border-bottom:1px solid #f1f5f9;color:#374151;font-size:14px;height:30px;line-height:1.2;overflow:hidden;padding:0 8px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.checkbox-column{min-width:40px;padding:0 0 0 12px;text-align:center;width:40px}.status-column{min-width:100px;text-align:center;width:100px}.actions-column{min-width:80px;text-align:center;width:80px}.editable-cell{background:#0000;border-radius:6px;cursor:pointer;display:block;line-height:1.4;min-height:20px;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.editable-cell:hover{background-color:#f1f5f9;box-shadow:0 0 0 1px #e2e8f0}.cell-input{background:#fff;border:2px solid #3b82f6;border-radius:6px;box-sizing:border-box;font-size:14px;padding:8px 12px;transition:all .2s ease;width:100%}.cell-input:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.status-buttons{display:flex;gap:4px;justify-content:center}tr.inactive .btn-icon.hidden,tr.inactive .btn-icon.visible{display:none}.action-buttons{gap:6px}.action-buttons,.btn-icon{display:flex;justify-content:center}.btn-icon{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;padding:10px;transition:all .3s ease}.btn-icon:hover{background:#f1f5f9;color:#374151;transform:scale(1.1)}.btn-icon.active{color:#ef4444}.btn-icon.inactive{color:#10b981}tr.hidden .btn-icon.active,tr.hidden .btn-icon.inactive,tr.inactive .btn-icon.active,tr.inactive .btn-icon.inactive{opacity:1!important}.btn-icon.visible{color:#3b82f6}.btn-icon.hidden{color:#6b7280}.btn-icon.btn-danger:hover{background:#fef2f2;color:#ef4444}.btn-icon.btn-inform:hover{background:#fef2f2;color:#e4e017}tr.inactive{opacity:.6}tr.inactive .btn-icon,tr.inactive .status-buttons{opacity:1!important}tr.hidden{background-color:#f8fafc!important;color:#94a3b8}tr.hidden .btn-icon,tr.hidden .status-buttons{opacity:1!important}tr.selected{background-color:#eff6ff!important}tr:hover{background-color:#f8fafc}.checkbox-column input[type=checkbox]{border:2px solid #d1d5db;border-radius:4px;cursor:pointer;height:18px;margin:0;transition:all .2s ease;width:18px}.checkbox-column input[type=checkbox]:checked{background-color:#3b82f6;border-color:#3b82f6}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:80vh;max-width:500px;overflow-y:auto;padding:24px;width:90%}.modal h3{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 20px}.modal-content{gap:16px}.form-group,.modal-content{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#374151;font-size:14px;font-weight:600}.form-input{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.status-controls{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.toggle-buttons{gap:12px}.toggle-btn{border:2px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.toggle-btn.active{background:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.empty-state{background:#fff;color:#6b7280;padding:80px 24px}.empty-state svg{color:#d1d5db;margin-bottom:16px}.empty-state h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{color:#6b7280}.table-wrapper::-webkit-scrollbar{height:8px;width:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1024px){.modern-controls-bar{align-items:stretch;flex-direction:column;gap:16px}.controls-group,.search-container{justify-content:center}.search-box-modern{max-width:400px;width:100%}}@media (max-width:768px){.modern-table-container{height:calc(100vh - 20px);margin:10px}.modern-controls-bar{padding:16px}.btn-modern{font-size:13px;padding:5px 16px}.search-box-modern{max-width:100%}.modal{margin:20px;width:calc(100% - 40px)}}.non-editable-cell{cursor:not-allowed;opacity:.7;-webkit-user-select:none;user-select:none}.disabled-input{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.disabled-hint{color:#666;font-size:.75rem;font-style:italic;margin-top:.25rem}tr.inactive td{background-color:#f9f9f9}tr.inactive .non-editable-cell{background-color:#f0f0f0;border-radius:2px;padding:2px 4px}.cargo-area-status{border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px}.status-active{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.status-inactive{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.btn-icon.set{color:#10b981}.btn-icon.not-set{color:#fff}.toggle-buttons{display:flex;flex-wrap:wrap;gap:8px}.toggle-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.toggle-btn.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.toggle-btn:hover{background-color:#f3f4f6}.toggle-btn.active:hover{background-color:#2563eb}.three-scene-container{align-items:center;bottom:auto;display:flex;flex-direction:row;height:-webkit-max-content;height:max-content;height:100%;left:auto;overflow:hidden;position:relative;transform:none;width:-webkit-max-content;width:max-content;width:100%}.three-scene-container canvas{background-color:#f0f0f0;display:block;outline:none}.deck-size-container{position:-webkit-sticky;position:sticky;top:24px}.cargo-area-controls{display:flex}.custom-dimensions{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:20px}.dimensions-grid{grid-gap:16px;display:grid;gap:16px;margin-top:12px}.dimension-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:8px 12px}.dimension-input:focus{border-color:var(--primary-color);outline:none}.dimension-label{display:block;margin-bottom:4px}.cargo-area-actions{display:flex;gap:12px;margin-top:20px}.cargo-area-actions .btn-modern{width:100%}.cargo-preview{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-top:20px;padding:16px}.cargo-preview h4{color:var(--text-secondary);font-size:14px;margin:0 0 12px}.preview-values{grid-gap:12px;display:grid;gap:12px}.preview-item{display:flex;flex-direction:column}.preview-label{color:var(--text-secondary);font-size:12px;margin-bottom:2px}.preview-value{color:var(--text-primary);font-size:14px;font-weight:600}.content-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 320px}.content-main{min-width:0}.cargo-dimensions{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.cargo-dimensions h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.dimensions-readonly{display:flex;flex-direction:column;gap:8px}.dimension-row{align-items:center;display:flex;justify-content:space-between;padding:6px 0}.dimension-row:not(:last-child){border-bottom:1px solid var(--border-color)}.dimension-label{color:var(--text-secondary);font-size:13px;font-weight:500}.dimension-value{color:var(--text-primary);font-size:13px;font-weight:600}.cargo-preview .preview-values{display:flex;flex-direction:column;gap:10px}.cargo-preview .preview-item{align-items:center;display:flex;justify-content:space-between;padding:6px 0}.cargo-preview .preview-item:not(:last-child){border-bottom:1px solid var(--border-color)}.cargo-preview .preview-label{color:var(--text-secondary);font-size:13px}.cargo-preview .preview-value{color:var(--text-primary);font-size:13px;font-weight:600}.custom-dimensions .dimensions-grid{grid-gap:16px;display:grid;gap:16px;margin-top:12px}.custom-dimensions .dimension-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:all .2s ease}.custom-dimensions .dimension-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color)20;outline:none}.custom-dimensions .dimension-label{color:var(--text-secondary);font-size:12px;font-weight:600;margin-bottom:4px}.content-sidebar{max-width:-webkit-max-content;max-width:max-content;position:-webkit-sticky;position:sticky;top:24px}.cargo-type-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:10px 12px;width:100%}.cargo-type-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color)20;outline:none}.form-group-modern{margin-bottom:20px}.form-label-modern{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.form-select-modern{-webkit-appearance:none;appearance:none;background:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor'%3E%3Cpath d='m6 9 6 6 6-6' stroke-width='2'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1.5px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;padding:12px 16px;text-align:center;transition:all .2s ease;width:100%}.form-select-modern:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color)20;outline:none}.deck-dimensions-modern{background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:12px}.dimensions-title{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 16px}.dimensions-title:before{background:var(--primary-color);border-radius:2px;content:"";display:block;height:16px;width:4px}.deck-grid-modern{display:flex;flex-direction:column;gap:12px}.dimension-row-modern{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding-bottom:12}.dimension-row-modern:last-child{border-bottom:none}.dimension-label-modern{color:var(--text-primary);font-size:14px;font-weight:500;min-width:80px}.dimension-value-modern{color:var(--text-primary);font-size:14px;font-weight:600;text-align:right}.dimension-input-group-modern{align-items:center;display:flex;gap:8px;justify-content:flex-end;min-width:120px}.dimension-input-modern{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:500;text-align:center;transition:all .2s ease;width:80px}.dimension-input-modern:focus{background:var(--bg-primary);border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color)20;outline:none}.dimension-input-modern::placeholder{color:var(--text-tertiary);font-weight:400}.dimension-unit{color:var(--text-secondary);font-size:12px;font-weight:500;min-width:30px}.volume-preview-modern{background:linear-gradient(135deg,var(--primary-color)10,var(--success-color)10);border:1.5px solid var(--primary-color)30;border-radius:10px;margin-bottom:10px;margin-top:16px;text-align:left}.volume-info{align-items:center;display:flex;flex-direction:row;gap:4px;justify-content:space-between}.volume-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.volume-value{color:var(--primary-color);font-size:14px;font-weight:700}.cargo-area-section{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:10px}.cargo-area-header{align-items:center;border-bottom:1.5px solid var(--border-color);display:flex;justify-content:space-between}.cargo-area-header h3{align-items:left;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:8px;margin:0}@media (max-width:768px){.dimension-row-modern{align-items:flex-start;flex-direction:column;gap:8px}.dimension-input-group-modern{justify-content:flex-start;width:100%}.dimension-input-modern{flex:1 1}}.dimension-input-modern:disabled,.form-select-modern:disabled{background-color:#f5f5f5;color:#666;cursor:not-allowed;opacity:.7}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-modern{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;margin:8px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.btn-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px #f5576c4d;color:#fff}.btn-modern:disabled{background:linear-gradient(135deg,#ccc,#999);box-shadow:0 2px 8px #0000001a;color:#666;cursor:not-allowed;transform:none}.btn-modern:not(:disabled):hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.btn-modern:not(:disabled):active{box-shadow:0 2px 8px #0000001a;transform:translateY(0)}.stats-overview-modern{display:flex;flex-direction:column;gap:24px}.stats-grid-modern{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.stat-card-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #ffffff4d;border-radius:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card-modern:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-4px)}.stat-glow{background:linear-gradient(90deg,#0000,#fffc,#0000);height:1px;left:0;position:absolute;right:0;top:0}.stat-card--blue{background:linear-gradient(135deg,#3b82f61a,#6366f11a)}.stat-card--green{background:linear-gradient(135deg,#22c55e1a,#10b9811a)}.stat-card--purple{background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a)}.stat-card--orange{background:linear-gradient(135deg,#f59e0b1a,#d977061a)}.stat-content-modern{position:relative;z-index:2}.stat-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.stat-icon-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:12px;font-size:24px;height:40px;justify-content:center;width:40px}.stat-icon-modern,.stat-trend{align-items:center;display:flex}.trend-arrow{font-size:16px;font-weight:700}.trend-arrow.up{color:#10b981}.trend-arrow.down{color:#ef4444}.stat-value-modern{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;line-height:1;margin-bottom:4px}.stat-title-modern{color:#64748b;font-size:14px;font-weight:600;margin-bottom:2px}.stat-subtitle-modern{color:#94a3b8;font-size:12px}.stat-wave{background:linear-gradient(90deg,#0000,#fffc 50%,#0000);bottom:0;height:2px;left:0;opacity:0;position:absolute;right:0;transition:opacity .3s ease}.stat-card-modern:hover .stat-wave{opacity:1}.volume-progress-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #ffffff4d;border-radius:16px;padding:20px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.progress-title{color:#374151;font-size:14px;font-weight:600}.progress-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700}.progress-bar-modern{background:#fff9;border-radius:4px;height:8px;margin-bottom:16px;overflow:hidden;position:relative}.progress-fill-modern{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;height:100%;position:relative;transition:width 1s cubic-bezier(.4,0,.2,1)}.progress-glow{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff9 50%,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.progress-stats{grid-row-gap:20px;grid-column-gap:700px;column-gap:700px;display:grid;grid-template-columns:1fr 1fr;row-gap:20px}.progress-stat{align-items:center;background:#fff6;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.stat-label{color:#64748b;font-size:12px;font-weight:500}.stat-value{color:#1e293b;font-size:12px;font-weight:600}.stat-icon-modern svg{color:inherit}.quick-actions-modern{display:flex;flex-direction:column;gap:20px}.actions-header{align-items:center;display:flex;justify-content:space-between}.actions-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700;margin:0}.actions-badge{background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;color:#3b82f6;font-size:11px;padding:4px 8px}.actions-grid-modern{display:flex;flex-direction:column;gap:12px}.action-card-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #ffffff4d;border-radius:16px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-card-modern:not(.disabled):hover{box-shadow:0 8px 32px #00000026;transform:translateY(-2px)}.action-card-modern.disabled{cursor:not-allowed;opacity:.5}.action-background{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.gradient-blue .action-background{background:linear-gradient(135deg,#3b82f61a,#6366f11a)}.gradient-green .action-background{background:linear-gradient(135deg,#22c55e1a,#10b9811a)}.gradient-purple .action-background{background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a)}.gradient-red .action-background{background:linear-gradient(135deg,#ef44441a,#dc26261a)}.action-card-modern.glow .action-background{opacity:1}.action-content-modern{align-items:center;display:flex;gap:16px;padding:20px;position:relative;z-index:2}.action-icon-modern{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.action-text{flex:1 1;text-align:left}.action-label-modern{color:#1e293b;font-size:16px;font-weight:700;margin-bottom:4px}.action-description-modern{color:#64748b;font-size:12px}.action-arrow-modern{color:#94a3b8;font-size:18px;font-weight:700;transition:transform .3s ease}.action-card-modern:not(.disabled):hover .action-arrow-modern{color:#3b82f6;transform:translateX(4px)}.action-hover-effect{background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.action-card-modern:not(.disabled):hover .action-hover-effect{left:100%}.action-icon-modern svg{color:inherit}.premium-badge{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:4px;color:#92400e;display:inline-flex;font-size:.625rem;font-weight:700;letter-spacing:.5px;margin-left:.5rem;padding:.125rem .375rem;text-transform:uppercase;vertical-align:middle}.action-card-modern.premium{overflow:hidden;position:relative}.action-card-modern.premium:before{content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:2}.action-card-modern.premium .premium-overlay{background:linear-gradient(135deg,#f59e0b0d,#fbbf2405);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.action-card-modern.premium:hover .premium-overlay{background:linear-gradient(135deg,#f59e0b14,#fbbf240a)}.action-card-modern.premium:disabled{opacity:.6}.action-card-modern.premium:disabled .premium-badge{opacity:.7}.action-card-modern.premium:not(:disabled):hover .premium-badge{transform:scale(1.05);transition:transform .2s ease}@keyframes premium-pulse{0%,to{box-shadow:0 0 0 0 #f59e0b66}50%{box-shadow:0 0 0 3px #f59e0b00}}.action-card-modern.premium:not(:disabled) .premium-badge{animation:premium-pulse 2s infinite}.premium-lock-icon{color:#f59e0b;height:20px;opacity:.8;position:absolute;right:12px;top:12px;width:20px;z-index:3}.action-card-modern.premium:hover .premium-lock-icon{opacity:1;transform:scale(1.1);transition:all .2s ease}.action-card-modern.premium:not(:disabled){cursor:not-allowed}.action-card-modern.premium:not(:disabled):hover{box-shadow:0 4px 12px #0000001a;transform:none}.premium-upgrade-notice{border:1px solid #fbbf24;border-radius:8px;padding:1rem}.premium-notice-content{align-items:center;display:flex;gap:1rem;justify-content:space-between}.premium-notice-icon{color:#92400e;font-size:1.25rem}.premium-notice-text{color:#92400e;flex:1 1;font-size:.875rem}.premium-notice-text strong{font-weight:700}.premium-upgrade-btn{border-radius:6px;font-weight:600;padding:.5rem 1rem}.premium-upgrade-btn:hover{transform:translateY(-1px)}.action-card-modern.premium.gradient-blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.action-card-modern.premium.gradient-green:before{background:linear-gradient(90deg,#10b981,#34d399)}.action-card-modern.premium.gradient-purple:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}@keyframes premium-shimmer{0%{background-position:-200%}to{background-position:200%}}.action-card-modern.premium:not(:disabled){overflow:hidden;position:relative}.action-card-modern.premium:not(:disabled):after{animation:premium-shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);background-size:200% 100%;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.action-card-modern.premium:disabled{opacity:.7}.action-card-modern.premium:disabled .premium-badge,.action-card-modern.premium:disabled .premium-lock-icon{opacity:.5}@media (max-width:768px){.premium-notice-content{flex-direction:column;gap:.75rem;text-align:center}.premium-notice-text{text-align:center}.premium-upgrade-btn{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.premium-features-summary{animation:fadeIn .5s ease;background:linear-gradient(135deg,#f9fafbe6,#f3f4f6e6);border:1px solid #e5e7eb;border-radius:10px;margin-top:2rem;padding:1.5rem}.premium-summary-title{color:#1f2937;font-size:1rem;font-weight:600;margin-bottom:1rem;text-align:center}.premium-features-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;margin:0;padding:0}.premium-feature{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.premium-feature:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.feature-icon{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:1.25rem;height:32px;justify-content:center;width:32px}.feature-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.feature-icon.green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.feature-icon.purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#5b21b6}.feature-icon.red{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.premium-feature span:last-child{color:#4b5563;font-size:.875rem;line-height:1.4}.actions-badge{align-items:center;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:1px solid #a5b4fc;border-radius:20px;color:#3730a3;display:inline-flex;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.premium-upgrade-notice{animation:fadeIn .5s ease;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:10px;margin-top:1.5rem;overflow:hidden;padding:1.25rem;position:relative}.premium-upgrade-notice:before{content:"✨";font-size:2rem;left:-15px;opacity:.3;position:absolute;top:-15px;transform:rotate(-15deg)}.premium-upgrade-notice:after{bottom:-15px;content:"💎";font-size:2rem;opacity:.3;position:absolute;right:-15px;transform:rotate(15deg)}.premium-upgrade-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:700;padding:.625rem 1.25rem;transition:all .2s ease}.premium-upgrade-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.premium-upgrade-btn:active{box-shadow:0 1px 4px #f59e0b4d;transform:translateY(0)}@media (max-width:768px){.premium-features-list{grid-template-columns:1fr}.premium-feature,.premium-upgrade-notice{padding:1rem}.premium-notice-content{flex-direction:column;gap:.75rem;text-align:center}.premium-upgrade-btn{width:100%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.premium-feature:hover .feature-icon{animation:float .6s ease-in-out}.cargo-insights-modern{display:flex;flex-direction:column;gap:24px}.empty-state{color:#64748b;padding:40px 20px}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h4{color:#475569;font-size:16px;font-weight:600;margin:0 0 8px}.empty-state p{opacity:.7}.distribution-chart{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #ffffff4d;border-radius:16px;padding:20px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700;margin:0}.chart-total{background:#fffc;border-radius:8px;color:#64748b;font-size:14px;font-weight:600;padding:4px 8px}.chart-bars{display:flex;flex-direction:column;gap:16px}.chart-bar-item{gap:12px}.bar-info,.chart-bar-item{align-items:center;display:flex}.bar-info{justify-content:space-between;min-width:100px;width:100px}.bar-label{color:#374151;font-size:12px;font-weight:600}.bar-value{color:#64748b;font-size:12px;font-weight:700}.bar-track-modern{background:#fff9;flex:1 1;height:8px;overflow:hidden}.bar-fill-modern,.bar-track-modern{border-radius:4px;position:relative}.bar-fill-modern{height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.bar-glow{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff9 50%,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.bar-percentage{color:#64748b;font-size:12px;font-weight:600;min-width:40px;text-align:right}.dimensions-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #ffffff4d;border-radius:16px;padding:20px}.section-title-modern{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700;margin:0 0 16px}.dimensions-grid-modern{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.dimension-card{background:#fffc;border:1px solid #fff6;border-radius:12px;padding:16px;text-align:center;transition:all .3s ease}.dimension-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.dimension-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800;margin-bottom:4px}.dimension-label{color:#64748b;font-size:12px;font-weight:600;margin-bottom:2px}.dimension-unit{color:#94a3b8;font-size:10px}.insights-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #ffffff4d;border-radius:16px;padding:20px}.summary-item{align-items:center;border-bottom:1px solid #ffffff4d;display:flex;justify-content:space-between;padding:8px 0}.summary-item:last-child{border-bottom:none}.summary-label{color:#64748b;font-size:14px;font-weight:500}.summary-value{color:#1e293b;font-size:14px;font-weight:600}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.empty-icon svg{opacity:.5}.locked-panels-section{background:linear-gradient(135deg,#f9fafbcc,#f3f4f6e6);border:1px solid #e5e7eb;border-radius:12px;margin-top:.5rem;padding:1.5rem}.locked-panels-section.custom{background:linear-gradient(135deg,#f5f3ffcc,#ede9fee6);border:1px solid #e9d5ff}.section-subtitle{color:#6b7280;font-size:.875rem;margin-bottom:1.5rem;text-align:center}.locked-panels-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1.5rem}.locked-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000000d;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease}.locked-panel:before{background:linear-gradient(90deg,#f59e0b,#fbbf24);content:"";height:4px;left:0;position:absolute;right:0;top:0}.locked-panel.custom:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.locked-panel:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.locked-panel.premium:hover{border-color:#fbbf24}.locked-panel.custom:hover{border-color:#a78bfa}.locked-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.locked-title-wrapper{align-items:center;display:flex;flex:1 1;gap:.5rem}.locked-title-wrapper h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0}.locked-badge{align-items:center;border-radius:20px;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem}.locked-badge.premium{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;color:#92400e}.locked-badge.custom{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #c4b5fd;color:#5b21b6}.locked-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:1.5rem;min-height:42px}.locked-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease;width:100%}.locked-button.premium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.locked-button.custom{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.locked-button:hover{transform:scale(1.02)}.locked-button.premium:hover{background:linear-gradient(135deg,#d97706,#b45309)}.locked-button.custom:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.locked-button:active{transform:scale(.98)}.add-custom-panel{background:#fff;border:2px dashed #c4b5fd;border-radius:10px;transition:all .2s ease}.add-custom-button{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;height:100%;justify-content:center;min-height:160px;padding:2rem 1.5rem;transition:all .2s ease;width:100%}.add-custom-button:hover{background:linear-gradient(135deg,#f5f3ff80,#ede9fe99);border-radius:10px}.add-custom-button:active{transform:scale(.98)}.add-custom-title{color:#7c3aed;font-size:1rem;font-weight:600}.add-custom-subtitle{color:#8b5cf6;font-size:.875rem;max-width:200px;text-align:center}@media (max-width:768px){.locked-panels-grid{grid-template-columns:1fr}.locked-panel{padding:1.25rem}.add-custom-button{min-height:140px;padding:1.5rem}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 #f59e0b66}50%{box-shadow:0 0 0 4px #f59e0b00}}@keyframes pulse-glow-purple{0%,to{box-shadow:0 0 0 0 #8b5cf666}50%{box-shadow:0 0 0 4px #8b5cf600}}.locked-panel.premium{animation:pulse-glow 2s infinite}.locked-panel.custom{animation:pulse-glow-purple 2s infinite}.add-custom-panel{animation:pulse-glow-purple 3s infinite}.dashboard-full-page{min-height:calc(100vh - 70px);width:100%}.dashboard-modern{border:1px solid #fff3}.dashboard-modern:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.stats-grid-modern{gap:20px;grid-template-columns:repeat(4,1fr)}.stat-card-modern{padding:24px}.stat-value-modern{font-size:32px}.actions-grid-modern{gap:16px;grid-template-columns:repeat(2,1fr)}.action-card-modern{padding:0}.action-content-modern{padding:24px}.charts-grid{gap:24px;grid-template-columns:repeat(2,1fr)}.chart-card{padding:24px}.deck-container{background:#f8fafc;display:flex;flex-direction:column;justify-content:flex-start}.scene-wrapper{display:flex;flex-direction:row-reverse;gap:5px;justify-content:space-between;margin:5px}.dashboard-full-page{background:#f8fafc;flex:1 1;overflow-y:auto;padding:24px}.dashboard-content-full{margin:0 auto;max-width:1200px}.page-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;display:flex;margin-left:32px;padding:4px}.page-tab{align-items:center;background:none;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.page-tab:hover{background:#ffffff26;color:#fff;transform:translateY(-1px)}.page-tab.active{background:#ffffff40;box-shadow:0 4px 12px #00000026;color:#fff}.dashboard-modern{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:24px;overflow:hidden}.dashboard-modern:last-child{margin-bottom:0}.message-bar-overlay{left:10px;max-width:400px;position:absolute;top:10px;width:auto;z-index:1000}.message-bar-item{align-items:center;animation:slideDown .3s ease-out;border-left:4px solid;border-radius:6px;box-shadow:0 2px 8px #00000026;display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:8px;padding:12px 16px}.message-info{background-color:#e3f2fd;border-left-color:#2196f3;color:#1565c0}.message-success{background-color:#e8f5e8;border-left-color:#4caf50;color:#2e7d32}.message-warning{background-color:#fff3e0;border-left-color:#ff9800;color:#ef6c00}.message-error{background-color:#ffebee;border-left-color:#f44336;color:#c62828}.message-close{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;margin-left:10px;padding:0;width:24px}.message-close:hover{background-color:#0000001a}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dashboard-full-page{position:relative}.panel-stack{display:flex;flex-direction:column;gap:13px;justify-content:space-evenly;position:-webkit-sticky;position:sticky;top:20px}.scene-container{flex:1 1;min-height:600px;position:relative}.layer-container{display:flex;flex-direction:column;gap:16px;max-height:600px;position:-webkit-sticky;position:sticky;top:20px}.layer-visibility-sidebar{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;height:-webkit-fit-content;height:fit-content;max-height:600px;overflow-y:auto;padding:16px}.sidebar-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.sidebar-header h3{color:#495057;font-size:16px;font-weight:600;margin:0}.btn-global,.global-actions{display:flex;gap:4px}.btn-global{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .2s}.btn-global:hover{background:#f8f9fa;border-color:#adb5bd}.btn-show-all{color:#28a745}.btn-hide-all{color:#dc3545}.layers-list{display:flex;flex-direction:column;gap:8px}.layer-group{border:1px solid #e9ecef;border-radius:6px;overflow:hidden}.layer-header{padding:8px 12px}.layer-header:hover{background:#f8f9fa}.layer-title{margin-bottom:8px}.layer-name{color:#495057;font-size:14px;font-weight:600}.layer-stats{font-size:12px;gap:8px}.stat{color:#6c757d}.stat.all-visible{color:#28a745;font-weight:600}.stat-active{color:#ffc107;font-weight:600}.expand-icon{color:#6c757d;font-size:10px;transition:transform .2s}.expand-icon.expanded{transform:rotate(180deg)}.layer-actions{gap:4px}.btn-layer{font-size:10px;padding:2px 6px}.btn-show-only{color:#007bff}.btn-hide{color:#dc3545}.layer-cargos{background:#f8f9fa;border-top:1px solid #e9ecef;max-height:200px;overflow-y:auto}.cargo-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;gap:8px;padding:6px 12px;transition:background-color .2s}.cargo-item:hover{background:#fff}.cargo-item:last-child{border-bottom:none}.cargo-checkbox{align-items:center;cursor:pointer;display:flex}.cargo-checkbox input{display:none}.checkmark{align-items:center;border:2px solid #adb5bd;border-radius:3px;display:flex;height:14px;justify-content:center;transition:all .2s;width:14px}.cargo-checkbox input:checked+.checkmark{background:#007bff;border-color:#007bff}.cargo-checkbox input:checked+.checkmark:after{color:#fff;content:"✓";font-size:10px;font-weight:700}.cargo-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.track-number{color:#495057;font-size:12px;font-weight:600}.cargo-dims{color:#6c757d;font-size:10px}.cargo-status{display:flex;gap:2px}.status-badge{align-items:center;border-radius:50%;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;width:16px}.status-badge.active{background:#28a745;color:#fff}.status-badge.hidden{background:#6c757d;color:#fff}.sidebar-footer{border-top:1px solid #dee2e6;margin-top:16px;padding-top:12px}.summary{font-size:12px}.empty-state,.summary{color:#6c757d;text-align:center}.empty-state{padding:20px}.empty-state svg{margin-bottom:8px}.empty-state p{font-size:14px;margin:0}.layer-stats{font-size:11px;gap:6px}.stat-inactive{color:#6c757d;font-weight:600}.layer-actions{gap:3px}.btn-layer{border-radius:3px;font-size:9px;padding:2px 5px}.btn-layer:hover{background:#f8f9fa;border-color:#adb5bd}.btn-arrange{background:#e7f3ff;border-color:#b3d9ff;color:#007bff}.btn-arrange:hover{background:#d1e7ff;border-color:#007bff}.btn-delete{background:#ffe6e6;border-color:#ffb3b3;color:#dc3545}.btn-delete:hover{background:#ffd1d1;border-color:#dc3545}.btn-show-only{background:#f0e6ff;border-color:#d9c2ff;color:#6f42c1}.btn-show{background:#e6ffe6;border-color:#b3ffb3;color:#28a745}.btn-hide{background:#f8f9fa;border-color:#dee2e6;color:#6c757d}.status-badge.inactive{background:#6c757d;color:#fff}.layer-header{padding:6px 10px}.layer-title{margin-bottom:6px}.btn-remove{background:#fff3e6;border-color:#fc9;color:#fd7e14}.btn-remove:hover{background:#ffe6cc;border-color:#fd7e14}.layer-actions{display:flex;flex-wrap:wrap;gap:2px;justify-content:flex-end;margin-top:4px}.btn-layer{border:1px solid #dee2e6;border-radius:2px;font-size:8px;font-weight:600;line-height:1.2;padding:1px 4px;transition:all .2s;white-space:nowrap}.btn-layer,.layer-header{background:#fff;cursor:pointer}.layer-header{padding:4px 8px;transition:background-color .2s}.layer-title{align-items:center;justify-content:space-between;margin-bottom:4px}.layer-stats,.layer-title{display:flex;flex-wrap:wrap;gap:4px}.layer-stats{font-size:10px}.camera-section{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:10px}.camera-manager{position:-webkit-sticky;position:sticky;top:24px}.camera-header{align-items:center;border-bottom:1.5px solid var(--border-color);display:flex;justify-content:space-between}.camera-header h3{align-items:left;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:8px;margin:10px}.section-label{color:#333;color:var(--text-primary,#333);font-size:.9rem;font-weight:600;margin-top:.75rem}.expand-btn{background:none;border:none;color:#6c757d;cursor:pointer;font-size:12px;padding:4px;transition:transform .2s}.expand-btn.expanded{transform:rotate(0deg)}.camera-unavailable{color:#6c757d;font-size:14px;padding:20px;text-align:center}.camera-content{display:flex;flex-direction:column}.view-buttons-left{padding-left:16px}.view-buttons-left,.view-buttons-right{display:flex;flex-direction:column;gap:10px;justify-content:space-between}.btn-view{max-height:35px;max-width:35px}.btn-move{font-size:24px;height:33px;width:33px}@media (max-width:768px){.btn-view{padding:.5rem}}.btn-move-modern:hover,.btn-reset-modern:hover,.btn-view-modern:hover{background:#f8f9fa;background:var(--hover-bg,#f8f9fa);background:linear-gradient(135deg,#9b284e,#764ba2);border-color:#764ba2;border-color:var(--primary-color,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff;opacity:.9}@media (max-width:60px){.btn-move-modern,.btn-reset-modern,.btn-view-modern{max-height:-webkit-fit-content;max-height:fit-content}}.btn-move-modern,.btn-view-modern{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-move-modern,.btn-reset-modern,.btn-view-modern{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:6px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;gap:8px;opacity:.9;overflow:hidden;padding:5px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-reset-modern{background:linear-gradient(135deg,#f1f1c7,#e4e017)}.btn-move-modern:before,.btn-reset-modern:before,.btn-view-modern:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-move-modern:hover:before,.btn-reset-modern:hover:before,.btn-view-modern:hover:before{left:100%}.btn-move-modern:hover,.btn-reset-modern:hover,.btn-view-modern:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.movement-controls{background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:12px;display:flex;flex-direction:row;gap:34px;margin-bottom:10px;max-height:-webkit-max-content;max-height:max-content;max-width:-webkit-max-content;max-width:max-content}.control-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);margin:0 auto;max-width:120px}.btn-move-up{grid-column:2;grid-row:1}.btn-move-left{grid-column:1;grid-row:2}.btn-move-forward{grid-column:2;grid-row:2}.btn-move-right{grid-column:3;grid-row:2}.btn-move-down{grid-column:2;grid-row:3}.btn-move-backward{grid-column:3;grid-row:3}.position-section{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:12px}.position-section h4{color:#495057;font-size:13px;font-weight:600;margin:0 0 8px}.position-inputs{display:flex;gap:8px}.input-group{display:flex;flex:1 1;flex-direction:column;gap:4px}.input-group label{color:#6c757d;font-size:10px;font-weight:600;text-align:center}.coord-input{border:1px solid #dee2e6;border-radius:3px;font-size:11px;padding:4px 6px;text-align:center;transition:border-color .2s}.coord-input:focus{border-color:#007bff;outline:none}.shortcuts-help{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:12px}.shortcuts-help h4{color:#495057;font-size:13px;font-weight:600;margin:0 0 8px}.shortcuts-grid{grid-gap:4px 8px;display:grid;font-size:10px;gap:4px 8px;grid-template-columns:1fr 1fr}.shortcuts-grid div:nth-child(odd){color:#495057;font-weight:600}.shortcuts-grid div:nth-child(2n){color:#6c757d}.modern-app-container{display:flex;flex-direction:column;justify-content:space-between}
/*# sourceMappingURL=main.d5d970dc.css.map*/