:root{--color-primary: #8412ff;--color-primary-dark: #730add;--color-primary-contrast: #ead9f9;--color-secondary: #00aaab;--color-bg: #ead9f9;--color-paper: #ffffff;--color-border: #e9eaeb;--color-text: #170849;--color-text-muted: #58517E;--color-success: #0dab71;--color-warning: #E9932D;--color-info: #2378da;--color-magenta: #b523da;--color-pink: #ff4081;--color-error: #d32f2f}@font-face{font-family:Fractul;src:url(/Web/Fractul/Fractul-Medium.woff2) format("woff2"),url(/Web/Fractul/Fractul-Medium.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fractul;src:url(/Web/Fractul/Fractul-Medium.woff2) format("woff2"),url(/Web/Fractul/Fractul-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button,[role=button],.clickable,a:not(.no-transition){transition:transform .2s ease,box-shadow .2s ease}.preload *{transition:none!important}html,body,#root{height:100%;width:100%}body{font-family:Fractul,Helvetica Neue,Arial,sans-serif;background:var(--color-bg)}.dashboard{display:flex;flex-direction:row;align-items:flex-start;width:100%;height:100%;position:relative;background:var(--color-bg)}.sidebar{display:flex;flex-direction:column;justify-content:space-between;width:120px;height:100%;background:var(--color-bg);padding:0;gap:8px}.menu-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding-bottom:32px;gap:8px;position:relative;overflow-y:auto;direction:rtl}.menu-container .top-menu,.menu-container .bottom-menu{direction:ltr}.menu-container::-webkit-scrollbar{width:4px}.menu-container::-webkit-scrollbar-track{background:var(--color-bg);border-radius:10px}.menu-container::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:10px}.menu-container::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}.top-menu{display:flex;flex-direction:column;align-items:center;width:100%;gap:4px;padding:0 14px}.bottom-menu{display:flex;flex-direction:column;align-items:center;width:100%;gap:4px;padding:0 14px;margin-top:auto}.logo{width:40px;height:40px;display:flex;justify-content:center;align-items:center;margin:20px 0 30px}.logo img{max-width:100%;max-height:100%}.sidebar-highlight{position:absolute;top:0;left:14px;width:92px;height:78px;background:#8412ff1a;border-radius:10px;transition:top .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease-in-out,background .2s ease;opacity:0;z-index:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.icon-12,.icon-12 svg{width:12px!important;height:12px!important}.icon-16,.icon-16 svg{width:16px!important;height:16px!important}.icon-18,.icon-18 svg{width:18px!important;height:18px!important}.icon-20,.icon-20 svg{width:20px!important;height:20px!important}.icon-24,.icon-24 svg{width:24px!important;height:24px!important}.icon-32,.icon-32 svg{width:32px!important;height:32px!important}.icon-40,.icon-40 svg{width:40px!important;height:40px!important}.icon-dashboard-20,.icon-dashboard-20 svg{width:20px!important;height:20px!important;flex:none;order:0;flex-grow:0}.icon-container{display:flex;align-items:center;justify-content:center;flex:none}.sidebar-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;width:92px;height:78px;border-radius:10px;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;position:relative;z-index:1;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform:translateY(0)}.sidebar-btn:hover:not(.active){transform:translateY(-2px);background:#8412ff0a}.sidebar-btn:active{transform:translateY(0);transition:all .1s ease}.sidebar-btn.active{background:transparent}.sidebar-btn-text{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;font-weight:500;line-height:14px;color:#170849;text-align:center}.sidebar-btn-label{font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit}.coming-soon-label{font-size:6px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8f8aa3}.sidebar-btn.disabled{cursor:not-allowed}.sidebar-btn.disabled:hover{transform:none;background:none}.sidebar-btn.disabled:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:#1708491f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.sidebar-btn.disabled .sidebar-btn-text,.sidebar-btn.disabled .coming-soon-label{color:#b0acbe}.sidebar-btn.logout-btn{border:none;background:none;padding:0}.sidebar-btn.logout-btn:hover{background:#8412ff0a}.main-wrap{display:flex;flex-direction:column;padding:8px 0 0;width:calc(100% - 120px);height:100%}.main-panel{display:flex;flex-direction:column;background:var(--color-paper);border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);border-radius:40px 0 0;box-shadow:0 0 40px #0a0d121f;width:100%;flex:1;isolation:isolate;overflow-y:auto}.header{display:flex;flex-direction:column;width:100%;padding:10px 32px 0;gap:24px;z-index:1}.header-row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px;height:44px}.header-title{font-size:24px;font-weight:500;letter-spacing:-.01em;color:#181d27}.primary-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 28px;height:44px;background:var(--color-primary);color:var(--color-primary-contrast);border:none;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.25,.46,.45,.94);transform:translateY(0);box-shadow:0 2px 12px #8412ff33}.primary-btn:hover{transform:translateY(-2px);background:#730add;box-shadow:0 6px 20px #8412ff4d}.primary-btn:active{transform:translateY(0);transition:all .1s ease;box-shadow:0 2px 8px #8412ff33}.main-content{display:flex;flex-direction:row;gap:32px;padding:24px 32px;flex-grow:1}.card-stack{display:flex;flex-direction:column;width:400px;gap:24px;flex-shrink:0}.card-stack h3{font-size:20px;font-weight:500;color:#170849}.shipment-card{display:flex;flex-direction:column;gap:20px;padding:24px;background:#e0dee233;border-radius:10px;width:100%;transition:all .2s ease}.shipment-card .head{display:flex;flex-direction:row;align-items:center;gap:16px}.shipment-card .thumb{width:56px;height:56px;border-radius:8px;background:url(https://placehold.co/56x56) center/cover no-repeat}.shipment-card .title{display:flex;flex-direction:column;gap:6px;flex:1}.shipment-card .title small{font-size:12px;color:#170849b3}.shipment-card .title strong{font-size:24px;color:#170849}.tag{display:inline-flex;justify-content:center;align-items:center;padding:10px 16px;border-radius:100px;font-size:11px;font-weight:600;min-width:90px;white-space:nowrap;letter-spacing:.2px}.tag.green{color:var(--color-success);border:1.5px solid var(--color-success);background:#fff}.tag.blue{color:var(--color-info);border:1.5px solid var(--color-info);background:#fff}.tag.purple{color:var(--color-primary);border:1.5px solid var(--color-primary);background:#fff}.tag.magenta{color:var(--color-magenta);border:1.5px solid var(--color-magenta);background:#fff}.tag.yellow{color:var(--color-warning);border:1.5px solid var(--color-warning);background:#fef9ec}.tag.gray{color:var(--color-text-muted);border:1.5px solid var(--color-text-muted);background:#fff}.add-shipment-btn{margin-top:auto;width:100%;height:44px;background:var(--color-primary);color:var(--color-primary-contrast);border:none;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.25,.46,.45,.94);transform:translateY(0);box-shadow:0 2px 12px #8412ff33}.add-shipment-btn:hover{transform:translateY(-2px);background:var(--color-primary-dark);box-shadow:0 6px 20px #8412ff4d}.add-shipment-btn:active{transform:translateY(0);transition:all .1s ease}.summary-column{display:flex;flex-direction:column;width:258px;background:var(--color-bg);border-radius:12px;padding:24px;gap:16px;flex-shrink:0}.summary-card{background:#fcfcfd;box-shadow:0 0 10px #00000008;border-radius:10px;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.summary-card .row{display:flex;align-items:center;gap:8px}.summary-card .icon-box{width:32px;height:32px;background:#00aaab;border-radius:6px}.summary-card .label{font-size:14px;font-weight:500;color:#5b507e}.summary-card .value-row{display:flex;align-items:center;gap:12px}.summary-card .value{font-size:40px;font-weight:500;color:#170849}.trend{width:35px;height:28px;border:2px solid #00aaab}.trend.down{border-color:#ed7777;transform:rotate(180deg)}.trend-label{font-family:Space Grotesk,monospace;font-size:14px;font-weight:500;color:#00aaab}.charts-column{display:flex;flex-direction:column;gap:32px;width:100%;flex-grow:1}.chart-card{background:#f0fafa;border-radius:12px;display:flex;flex-direction:column;flex-grow:1}.chart-header{padding:20px 16px 0;display:flex;justify-content:space-between;align-items:center}.chart-header h4{font-size:20px;font-weight:500;color:#181d27}.chart-body{padding:20px 16px;display:flex;align-items:center;justify-content:center;color:#999;font-style:italic;flex-grow:1}.map-body{padding:20px 16px;position:relative;flex-grow:1}.placeholder{width:100%;height:100%;border:2px dashed #b587e8;display:flex;align-items:center;justify-content:center;color:#b587e8}.shipment-list-column{padding:24px;gap:16px;border-right:1px solid #e9eaeb;display:flex;flex-direction:column;height:100%;width:400px;flex-shrink:0}.shipment-list-items{overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:16px 8px 0 0}.shipment-list-items::-webkit-scrollbar{width:4px}.shipment-list-items::-webkit-scrollbar-track{background:#ead9f9;border-radius:10px}.shipment-list-items::-webkit-scrollbar-thumb{background:#00aaab;border-radius:10px}.shipment-list-items::-webkit-scrollbar-thumb:hover{background:#008a8b}.shipment-list-header{width:100%}.shipment-list-header input{width:100%;padding:15px 14px;background:#f5f6f6;border-radius:10px;border:none;font-size:16px}.shipment-card.selectable{cursor:pointer;background:#e0dee233;border:2px solid transparent;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform:translateY(0);box-shadow:0 2px 8px #0000000a}.shipment-card.selectable:hover:not(.selected){transform:translateY(-3px);background:#e0dee259;box-shadow:0 8px 24px #0000001f;border:2px solid rgba(132,18,255,.1)}.shipment-card.selectable:active{transform:translateY(-1px);transition:all .15s ease}.shipment-card.selectable.selected{background:#00aaab0f;transform:translateY(-2px);box-shadow:0 6px 20px #00aaab26}.shipment-card-body{display:flex;flex-direction:column;gap:16px;width:100%}.details{display:flex;justify-content:space-between;width:100%}.detail-item{display:flex;flex-direction:column}.detail-item span{font-size:12px;color:#170849b3}.detail-item strong{font-size:14px;color:#170849}.route-line{display:flex;align-items:center;width:100%}.point,.pin{width:24px;height:24px;border-radius:50%;background:#00aaab;display:flex;justify-content:center;align-items:center}.point:after{content:"";width:8px;height:8px;background:#fff;border-radius:50%}.pin{background:none;border:1px solid #CCDFDF}.line{flex-grow:1;height:2px;border-top:2px dashed #CCDFDF}.locations{display:flex;justify-content:space-between;width:100%;font-size:12px}.right-container{padding:24px;background:#f0fafa;border-radius:12px;margin:24px;display:flex;flex-direction:column;gap:16px;flex-grow:1}.shipment-detail-header{display:flex;flex-direction:column;gap:8px}.shipment-detail-header h1{font-size:40px;font-weight:500;color:#170849}.tracking-info{display:flex;align-items:center;gap:8px;font-size:24px;color:#58517e}.tracking-info strong{color:#170849}.copy-btn{background:none;border:none;cursor:pointer}.shipment-detail-body{display:flex;gap:24px;width:100%}.shipment-detail-left,.shipment-detail-right{display:flex;flex-direction:column;gap:16px;flex-basis:50%}.detail-card{background:#fff;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:8px}.detail-card h2{font-size:20px;font-weight:500;color:#170849}.origin-destination{display:flex;gap:16px;border-bottom:1px solid #E1E5EA;padding-bottom:20px;margin-bottom:20px}.location{flex-basis:50%}.location h3{font-size:12px;color:#170849b3;margin-bottom:4px}.location p{font-size:12px;color:#170849}.shipping-meta{display:flex;justify-content:space-between}.shipping-meta>div{display:flex;flex-direction:column}.shipping-meta h3{font-size:12px;color:#170849b3}.shipping-meta p{font-size:12px;color:#170849}.document-item{display:flex;justify-content:space-between;align-items:center}.route-map-container{height:231px;border-radius:10px;overflow:hidden;background:#f8f9fa}.tracking-history{list-style:none}.artworks-table{margin-top:16px}.artworks-table table{width:100%;border-collapse:collapse}.artworks-table th,.artworks-table td{text-align:left;padding:12px;border-bottom:1px solid #e9eaeb}.artworks-table th{font-size:12px;color:#170849b3}.artworks-table td{font-size:12px;color:#170849}.file-upload-container{display:flex;flex-direction:column;align-items:center;padding:24px;gap:24px;width:824px;max-width:100%;background:#f0fafa;border-radius:12px}.file-upload-header{display:flex;flex-direction:column;align-items:center;padding:0;gap:8px;width:100%}.file-upload-header h2{font-family:Fractul;font-style:normal;font-weight:500;font-size:20px;line-height:100%;display:flex;align-items:center;letter-spacing:-.02em;color:#170849;margin:0}.file-upload-header p{font-family:Fractul;font-style:normal;font-weight:500;font-size:12px;line-height:16px;display:flex;align-items:center;letter-spacing:-.02em;color:#170849b3;margin:0}.file-drop-zone{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;gap:4px;width:100%;background:#fff;border-radius:12px;border:1px solid #e9eaeb;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.file-drop-zone:hover{background-color:#f8f9fa;border-color:#d1d5db}.file-drop-zone-content{display:flex;flex-direction:column;align-items:center;padding:0;gap:12px;width:100%}.file-drop-zone-icon-container{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 0 1px;gap:8px;width:40px;height:40px;background:#ead9f9;border-radius:6px}.file-drop-zone-text-container{display:flex;flex-direction:column;align-items:center;padding:0;gap:8px;width:100%}.file-drop-zone-action-text{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;gap:4px;font-family:Fractul;font-style:normal;font-weight:500;font-size:14px;line-height:120%;color:#58517e}.file-drop-zone-action-text .upload-link{color:#8412ff;cursor:pointer;font-weight:500}.file-drop-zone-supporting-text{font-family:Fractul;font-style:normal;font-weight:500;font-size:14px;line-height:120%;text-align:center;color:#58517e}.upload-progress-list{width:100%;display:flex;flex-direction:column;gap:16px;margin-top:24px}.upload-progress-item{display:flex;flex-direction:column;gap:12px;padding:16px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9eaeb}.upload-progress-item .item-content{display:flex;align-items:center;gap:16px}.file-icon-visual{width:48px;height:48px;flex-shrink:0;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;position:relative;background-image:linear-gradient(to top right,transparent 50%,#e0e0e0 50%),linear-gradient(to top right,#f0f0f0 49%,transparent 51%);background-size:12px 12px,100% 100%;background-position:top right,0 0;background-repeat:no-repeat}.file-icon-tag{position:absolute;left:4px;bottom:4px;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;color:#fff;text-transform:uppercase}.file-icon-tag.pdf{background-color:#d94e45}.file-icon-tag.csv{background-color:#55a65a}.file-icon-tag.xls,.file-icon-tag.xlsx{background-color:#217346}.file-icon-tag:not(.pdf):not(.csv):not(.xls):not(.xlsx){background-color:#6c757d}.upload-progress-item .file-info{flex-grow:1;display:flex;flex-direction:column;gap:4px;min-width:0}.file-info .file-name{font-size:14px;font-weight:500;color:#170849;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info .upload-status-details{display:flex;align-items:center;gap:8px;font-size:12px;color:#58517e}.upload-status-details .status-text{display:flex;align-items:center;gap:4px}.status-text>svg{margin-bottom:2px}.delete-button-container{flex-shrink:0}.progress-row{display:flex;align-items:center;gap:16px;width:100%}.progress-bar-background{flex-grow:1;height:8px;background-color:#e9eaeb;border-radius:4px;overflow:hidden}.progress-bar-foreground{height:100%;background-color:#8412ff;border-radius:4px;transition:width .2s ease-in-out}.progress-bar-foreground.complete{background-color:#0b8a74}.progress-percent-text{font-size:14px;font-weight:500;color:#58517e}@keyframes smooth-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.2);opacity:0}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.smooth-spinner{position:relative;width:20px;height:20px;animation:fade-in-scale .3s ease-out}.smooth-spinner-ring{position:absolute;width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:smooth-spin .8s cubic-bezier(.4,0,.2,1) infinite}.smooth-spinner-pulse{position:absolute;width:20px;height:20px;border:1px solid currentColor;border-radius:50%;opacity:.3;animation:pulse-ring 1.5s cubic-bezier(.4,0,.2,1) infinite}.hover-scale:hover{transform:scale(1.1);box-shadow:0 4px 8px #00aaab4d!important}