*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.App{min-height:100vh}.create-shipment-card{display:flex;flex-direction:column}.create-shipment-card .ant-card-body{flex:1;display:flex;flex-direction:column}.create-shipment-card .ant-form{display:flex;flex-direction:column}.create-shipment-card .ant-tabs{padding:24px;flex:1;display:flex;flex-direction:column}.create-shipment-card .ant-tabs-content-holder{flex:1}.create-shipment-card .ant-tabs-content{overflow-y:auto}.create-shipment-form{max-width:1400px;margin:0 auto;padding:24px;background-color:#f5f5f5}.form-header-card{margin-bottom:24px;box-shadow:0 2px 8px #0000001a;border-radius:8px}.form-header-card h2{margin-bottom:8px;color:#1890ff}.form-section-card{margin-bottom:24px;box-shadow:0 2px 8px #0000000f;border-radius:8px;transition:box-shadow .3s ease}.form-section-card:hover{box-shadow:0 4px 12px #0000001a}.form-section-card .ant-card-head{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px 8px 0 0;border-bottom:none}.form-section-card .ant-card-head-title{color:#fff;font-weight:600;font-size:16px}.commodity-card{margin-bottom:16px;border:2px solid #e8e8e8;border-radius:6px;transition:all .3s ease}.commodity-card:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff33}.commodity-card .ant-card-head{background:#fafafa;border-bottom:1px solid #e8e8e8}.commodity-card .ant-card-head-title{font-weight:600;color:#1890ff}.form-actions{margin-top:0;padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;background:#fafafa}.form-actions-card{position:sticky;bottom:0;z-index:10;box-shadow:0 -2px 8px #0000001a;border-radius:8px;background:#fff;padding:16px 24px}.form-actions-card .ant-card-body{padding:16px;display:flex;justify-content:center}.ant-form-item{margin-bottom:16px}.ant-form-item-label>label{font-weight:500;color:#262626}.ant-input,.ant-input-number,.ant-select-selector,.ant-picker{border-radius:6px;transition:all .3s ease}.ant-input:hover,.ant-input-number:hover .ant-input-number-input,.ant-select-selector:hover,.ant-picker:hover{border-color:#40a9ff}.ant-input:focus,.ant-input-number:focus-within,.ant-select-focused .ant-select-selector,.ant-picker:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.ant-input-textarea textarea{border-radius:6px}.ant-alert{border-radius:6px;border:none}.ant-alert-info{background-color:#e6f7ff;border-left:4px solid #1890ff}.ant-btn{border-radius:6px;font-weight:500;transition:all .3s ease}.ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 2px 4px #667eea4d}.ant-btn-primary:hover,.ant-btn-primary:focus{background:linear-gradient(135deg,#5568d3,#63378b);box-shadow:0 4px 8px #667eea66;transform:translateY(-1px)}.ant-btn-dashed{border-color:#d9d9d9;color:#8c8c8c}.ant-btn-dashed:hover{border-color:#1890ff;color:#1890ff}.ant-checkbox-wrapper{margin-right:0;display:flex;align-items:center;padding:8px 12px;border-radius:6px;transition:background-color .3s ease}.ant-checkbox-wrapper:hover{background-color:#f5f5f5}.ant-checkbox-checked .ant-checkbox-inner{background-color:#1890ff;border-color:#1890ff}.ant-divider{margin:24px 0;border-color:#e8e8e8}h5.ant-typography{color:#1890ff;font-weight:600;margin-bottom:16px;margin-top:8px}.ant-select-dropdown{border-radius:6px;box-shadow:0 4px 12px #00000026}.ant-select-item-option-selected:not(.ant-select-item-option-disabled){background-color:#e6f7ff}.ant-picker-dropdown{border-radius:6px;box-shadow:0 4px 12px #00000026}.ant-input-number{width:100%;border-radius:6px}.ant-form-item-explain-error{color:#ff4d4f;font-size:13px;margin-top:4px}.ant-btn-loading{opacity:.7;cursor:not-allowed}@media(max-width:768px){.create-shipment-form{padding:16px}.form-section-card{margin-bottom:16px}.form-actions-card .ant-card-body{flex-direction:column}.form-actions-card .ant-space{flex-direction:column;width:100%}.form-actions-card .ant-btn{width:100%;margin-bottom:8px}.commodity-card{margin-bottom:12px}}@media(max-width:576px){.create-shipment-form{padding:12px}.form-header-card h2{font-size:20px}.form-section-card .ant-card-head-title{font-size:14px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes cardHover{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.ant-btn:focus-visible,.ant-input:focus-visible,.ant-select:focus-visible{outline:2px solid #1890ff;outline-offset:2px}.ant-form-item-has-success .ant-input,.ant-form-item-has-success .ant-select-selector{border-color:#52c41a}.ant-form-item-has-warning .ant-input,.ant-form-item-has-warning .ant-select-selector{border-color:#faad14}@media print{.form-actions-card{display:none}.create-shipment-form{background-color:#fff}.form-section-card{page-break-inside:avoid;box-shadow:none;border:1px solid #d9d9d9}}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{width:100%;max-width:400px;box-shadow:0 8px 24px #00000026;border-radius:8px}.login-header{text-align:center;margin-bottom:32px}.login-header .ant-typography{margin-bottom:8px}.login-footer{text-align:center;margin-top:24px}@media(max-width:576px){.login-card{margin:0 16px}}.logo{height:64px;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.logo-text{color:#fff;font-size:18px;font-weight:600}.site-layout-header{background:#fff;padding:0 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 4px #00152914}.header-left{display:flex;align-items:center}.header-right{display:flex;align-items:center;gap:16px}.user-info{display:flex;align-items:center;gap:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .3s}.user-details{display:flex;flex-direction:column;line-height:1.2}.site-layout-content{margin:24px;padding:24px;background:#fff;min-height:280px;border-radius:8px}@media(max-width:768px){.user-details{display:none}.site-layout-content{margin:16px;padding:16px}}.tree-graph-zone{position:relative;width:100%;min-height:480px;padding:24px;background:#fff;border-radius:8px;overflow:auto}.tree-legend{display:flex;gap:20px;margin-bottom:20px;padding:12px 16px;background:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #00000014;border:1px solid #e8e8e8;width:fit-content}.tree-graphs-grid{position:relative;min-height:400px}.tree-graph-cell{min-height:360px;border:1px solid #e8e8e8;border-radius:8px;overflow:visible;background:#fafafa;padding:16px}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#595959}.legend-color{width:14px;height:14px;border-radius:4px;border:2px solid #fff;box-shadow:0 2px 4px #0000001a}.tree-graphs-wrapper{display:flex;flex-direction:column;gap:60px;width:100%;min-width:fit-content;clear:both}.tree-graph-item{position:relative;width:100%;min-height:200px;padding:20px 0}.tree-graph-item:not(:last-child):after{content:"";position:absolute;bottom:-30px;left:0;right:0;height:2px;background:linear-gradient(to right,transparent 0%,#e8e8e8 20%,#e8e8e8 80%,transparent 100%)}.tree-connections-svg{pointer-events:none;overflow:visible}.horizontal-tree{display:flex;align-items:flex-start;gap:0;padding:0;min-width:fit-content;position:relative;width:100%;transition:transform .2s ease}.tree-column{display:flex;flex-direction:column;align-items:flex-start;position:relative}.tree-column-request{min-width:220px;padding-right:40px;align-items:center}.tree-column-quotes{flex:1;min-width:300px;padding-left:40px;position:relative}.tree-connector-stem{flex-shrink:0;width:24px;align-self:stretch;margin:0 8px;position:relative}.tree-connector-stem:before{content:"";position:absolute;left:50%;top:56px;bottom:0;width:2px;margin-left:-1px;background:#d9d9d9;border-radius:1px}.tree-node-branch{position:absolute;left:-32px;top:20px;width:32px;height:2px;background:#d9d9d9;border-radius:1px;z-index:1}.tree-shipment-branch{margin-left:24px;margin-top:4px;height:2px;width:24px;background:#d9d9d9;border-radius:1px;flex-shrink:0}.tree-shipment-row{display:flex;align-items:center;gap:0;position:relative;margin-left:32px}.tree-shipment-connector{flex-shrink:0;width:24px;height:2px;background:#d9d9d9;border-radius:1px;margin-right:0}.tree-node{padding:14px 20px;border-radius:10px;color:#fff;font-weight:600;font-size:13px;text-align:center;min-width:200px;max-width:280px;box-shadow:0 3px 10px #00000026;transition:all .2s ease;cursor:pointer;position:relative;word-wrap:break-word;white-space:normal;z-index:10}.tree-node:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 16px #00000040;z-index:20}.tree-node:active{transform:translateY(-1px) scale(.98)}.tree-node-label{display:block;line-height:1.5;-webkit-user-select:none;user-select:none}.tree-node-request{background-color:#1890ff!important;font-size:15px;padding:18px 28px;min-width:220px;box-shadow:0 4px 12px #1890ff4d}.tree-node-quote{background-color:#52c41a!important;box-shadow:0 3px 10px #52c41a40}.tree-node-shipment{background-color:#fa8c16!important;font-size:12px;padding:12px 18px;min-width:180px;max-width:240px;box-shadow:0 3px 10px #fa8c1640}.tree-node-count{margin-top:12px;padding:6px 12px;background:#1890ff1a;border-radius:12px;font-size:12px;color:#1890ff;font-weight:500}.tree-nodes-container{display:flex;flex-direction:column;gap:24px;width:100%;align-items:flex-start;position:relative}.tree-node-group{display:flex;flex-direction:column;gap:16px;position:relative;width:100%;padding-left:8px}.tree-shipments-container{display:flex;flex-direction:column;gap:12px;margin-left:0;position:relative}.tree-shipment-wrapper{position:relative;display:flex;align-items:center;gap:0}@media(max-width:1200px){.tree-graph-zone,.tree-graph-container{padding:20px}.horizontal-tree{flex-direction:column;gap:30px}.tree-column{width:100%}.tree-column-request{padding-right:0;padding-bottom:30px;width:100%;align-items:center}.tree-column-quotes{padding-left:0;width:100%}.tree-shipments-container{margin-left:0}.tree-nodes-container,.tree-node-group{align-items:center}}.tree-graph-zone::-webkit-scrollbar,.tree-graph-container::-webkit-scrollbar{width:10px;height:10px}.tree-graph-zone::-webkit-scrollbar-track,.tree-graph-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.tree-graph-zone::-webkit-scrollbar-thumb,.tree-graph-container::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.tree-graph-zone::-webkit-scrollbar-thumb:hover,.tree-graph-container::-webkit-scrollbar-thumb:hover{background:#555}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tree-node{animation:fadeIn .3s ease-out}.tree-node-group{animation:fadeIn .4s ease-out}.tree-node-shipment{animation:fadeIn .5s ease-out}.setup-password-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.setup-password-card{width:100%;max-width:450px;box-shadow:0 8px 24px #00000026;border-radius:8px}.setup-password-card .ant-card-body{padding:40px}@media(max-width:576px){.setup-password-card .ant-card-body{padding:24px}}.tenant-landing{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.tenant-landing-card{max-width:450px;width:100%;box-shadow:0 10px 40px #0003;border-radius:12px;overflow:hidden}.tenant-branding{text-align:center;padding:40px 40px 20px;background:#fff}.tenant-logo{max-width:150px;max-height:80px;margin-bottom:20px;object-fit:contain}.tenant-name{font-size:28px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.3}.tenant-landing-form{padding:40px;background:#fff}.tenant-landing-divider{margin:20px 0}.tenant-landing-footer{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0}.tenant-landing-footer-text{color:#666;margin-bottom:8px}.tenant-landing-link{font-weight:500}.tenant-landing-error{text-align:center;padding:40px}.tenant-landing-error h2{font-size:24px;color:#ff4d4f;margin-bottom:16px}.tenant-landing-error p{color:#666;font-size:16px}.tenant-landing-loading{text-align:center;padding:60px}.site-layout-header{background:#fff;padding:0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a}.header-left{display:flex;align-items:center;padding-left:16px}.header-right{display:flex;align-items:center;padding-right:24px}.trigger{font-size:18px;cursor:pointer;transition:color .3s}.trigger:hover{color:#1890ff}.user-info{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 12px;border-radius:4px;transition:background-color .3s}.user-info:hover{background-color:#f0f0f0}.user-details{display:flex;flex-direction:column;align-items:flex-start}.logo{height:64px;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 24px}.logo-text{color:#fff;font-size:16px;font-weight:700}.site-layout-content{margin:24px;padding:24px;background:#fff;min-height:calc(100vh - 112px);border-radius:8px}