@charset "UTF-8";.main{width:100%;min-height:100vh;display:flex;flex-direction:column;background:var(--background);color:var(--black);font-family:Inter,sans-serif}.main__content{flex:1;padding:10px 24px 24px}*{box-sizing:border-box}.header{width:100%;position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--white);color:var(--black);box-shadow:var(--shadow-2)}.header__logo{display:flex;align-items:center;gap:8px}.header__title{font-weight:700;font-size:1.25rem;color:var(--primary)}.header__nav{display:flex;gap:24px}@media (max-width: 768px){.header__nav{display:none;position:absolute;top:60px;left:0;width:100%;background:var(--white);flex-direction:column;gap:12px;padding:12px 0;box-shadow:var(--shadow-2)}.header__nav.open{display:flex}}.header__link{font-weight:500;color:var(--black);text-decoration:none;position:relative;padding-bottom:4px;transition:color .2s ease}.header__link:hover{color:var(--primary)}.header__link--active{font-weight:700;color:var(--primary)}.header__link--active:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:100%;background:var(--primary);border-radius:2px}@media (max-width: 768px){.header__link{padding:8px 16px;width:100%;display:block;text-align:center}}.header__toggle{display:none;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;gap:4px}.header__toggle span{width:24px;height:2px;background:var(--black);transition:all .3s ease}@media (max-width: 768px){.header__toggle{display:flex}}.header__toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.header__toggle.open span:nth-child(2){opacity:0}.header__toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.index-page{padding:6px 24px 24px}.index-page__title{margin-bottom:0;padding:0;display:flex;flex-direction:row;align-items:center;align-content:center;flex-wrap:wrap}.index-page__title i{padding:2px 0 0;margin:0 0 0 8px;font-size:18px}.index-page p.total_price{margin:0;font-size:20px;padding:0;white-space:nowrap}.index-page p.total_price b{margin-top:8px;color:var(--primary)}.index-page__controls{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.index-page__search,.index-page__filter{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;flex:1;min-width:140px}.index-page__search:focus,.index-page__filter:focus{border-color:var(--primary)}.index-page__table{width:100%;border-collapse:collapse;background:var(--white);box-shadow:var(--shadow-2);border-radius:8px;overflow:hidden;margin-bottom:16px;display:block;overflow-x:auto}.index-page__table th,.index-page__table td{padding:12px 16px;text-align:left;border-bottom:1px solid #eee;white-space:nowrap}.index-page__table th{background:var(--background);font-weight:600}.index-page__table tr:hover{background:#fafafa}.index-page__btn{padding:6px 12px;border:none;border-radius:6px;background:var(--primary);color:var(--white);cursor:pointer;font-size:.875rem;transition:background .2s ease}.index-page__btn:hover{background:#2c5cb3}.index-page__pagination{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}.index-page__page-btn{padding:6px 12px;border:1px solid #ddd;border-radius:6px;background:var(--white);cursor:pointer;transition:all .2s ease}.index-page__page-btn.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.index-page__page-btn:hover{background:#f2f2f2}@media (max-width: 768px){.index-page{padding:12px}.index-page__title{flex-direction:column;align-items:flex-start}.index-page__title i{margin-left:0;margin-top:4px}.index-page p.total_price{font-size:16px}.index-page__controls{gap:8px;flex-direction:column;align-items:stretch}.index-page__search,.index-page__filter{width:100%;font-size:13px}.index-page__btn{width:100%}}.status{width:100%;padding:4px;border-radius:6px;font-weight:600;text-align:center;display:inline-block}.status--approved{background-color:#10b981;color:#fff}.status--denied{background-color:#ef4444;color:#fff}.status--pending{background-color:#f59e0b;color:#fff}.status--new{background-color:#3b82f6;color:#fff}.status--inprogress{background-color:#6366f1;color:#fff}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:#fff;padding:20px;border-radius:8px;min-width:300px;max-width:500px;box-shadow:0 5px 15px #0000004d;animation:scaleIn .3s ease;position:relative}.modal-close{margin-top:15px;padding:8px 12px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.modal-close:hover{background:#0056b3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.card{background:var(--white, #fff);padding:20px 32px;border-radius:16px;box-shadow:0 4px 16px #00000014;width:100%;max-width:360px;display:flex;flex-direction:column;gap:20px;animation:fadeIn .4s ease}.card__title{text-align:center;color:var(--primary, #3c70ca);font-size:1.5rem;margin-bottom:0}.card__content{display:flex;flex-direction:column;gap:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}form.submit-form{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}form.submit-form .form-input{max-width:32%;flex:1 1 32%;min-width:200px}@media (max-width: 768px){form.submit-form{flex-direction:column;gap:12px;padding-bottom:50vh}form.submit-form .form-input{max-width:100%;flex:1 1 100%;min-width:unset}}.parcel-show{max-width:100%;margin:0 auto;padding:20px;color:#111}.parcel-show h2{padding:0;margin:0;font-size:1.2rem}.parcel-show .breadcrumbs{font-size:14px;margin-bottom:10px}.parcel-show .breadcrumbs a{color:var(--primary);text-decoration:none;font-weight:500}.parcel-show .breadcrumbs a:hover{text-decoration:underline}.parcel-show .breadcrumbs .separator{margin:0 5px;color:#6b7280}.parcel-show .breadcrumbs .current{color:#374151;font-weight:600}.parcel-show .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:15px 0;font-size:14px}.parcel-show .info-grid>*{background:#fefefe;padding:15px;border-radius:10px;box-shadow:0 2px 8px #0000000d;transition:transform .3s,box-shadow .3s}.parcel-show .info-grid>*:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0000001a}.parcel-show .parcel-table{width:100%;border-collapse:collapse;margin-top:5px;font-size:14px}.parcel-show .parcel-table th,.parcel-show .parcel-table td{border:1px solid #ddd;padding:10px;text-align:center;transition:background .3s}.parcel-show .parcel-table th{background:#f0f4f8;font-weight:600}.parcel-show .parcel-table tr:nth-child(2n){background:#fafafa}.parcel-show .parcel-table tr:hover{background:#e6f0ff}.parcel-show .stages{display:flex;gap:10px;flex-wrap:wrap;margin-top:0}.parcel-show .stage{padding:12px 18px;border-radius:8px;color:#fff;text-align:center;min-width:160px;transition:transform .2s,opacity .2s}.parcel-show .stage:hover{transform:scale(1.05);opacity:.9}.parcel-show .stage.blue .title{color:var(--white)}.parcel-show .stage.blue{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.parcel-show .stage.green{background:linear-gradient(135deg,#10b981,#34d399)}.parcel-show .stage.gray{background:linear-gradient(135deg,#9ca3af,#d1d5db);color:#333}.parcel-show .stage .title{font-weight:700;font-size:14px;color:var(--primary)}.parcel-show .stage .date{font-size:12px;margin-top:5px;color:#f3f4f6}.parcel-show .error{color:#ef4444;text-align:center;font-weight:500;margin-top:10px}.parcel-timeline{display:flex;align-items:center;overflow-x:auto;padding:10px 0}.parcel-timeline .timeline-item{position:relative;display:flex;flex-direction:column;align-items:center;min-width:160px;padding:10px;border-radius:8px;margin-right:20px;text-align:center;flex-shrink:0;background:#f5f5f5}.parcel-timeline .timeline-item.stage{background:#e6f0ff;color:#1a4b8c}.parcel-timeline .timeline-item.approval{background:#e6ffed;color:#1a8c3a}.parcel-timeline .timeline-item.denial{background:#ffe6e6;color:#8c1a1a}.parcel-timeline .timeline-item .timeline-icon{font-size:20px;margin-bottom:5px}.parcel-timeline .timeline-item .timeline-title{font-weight:700;margin-bottom:4px;display:flex;justify-content:center;align-items:center;gap:5px}.parcel-timeline .timeline-item .timeline-date{font-size:11px;color:#777}.parcel-timeline .timeline-item .timeline-line{position:absolute;top:50%;right:-20px;width:20px;height:2px;background:#ccc;transform:translateY(-50%);z-index:1}.parcel-timeline .timeline-item .tooltip-container{position:relative;display:inline-block;cursor:pointer}.parcel-timeline .timeline-item .tooltip-container .info-icon{font-size:14px;color:inherit}.parcel-timeline .timeline-item .tooltip-container .tooltip-text{visibility:hidden;opacity:0;width:200px;background:#333;color:#fff;text-align:center;border-radius:4px;padding:5px;position:absolute;bottom:125%;left:50%;transform:translate(-50%);transition:opacity .2s;z-index:10;font-size:12px}.parcel-timeline .timeline-item .tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.cost-input{width:120px;padding:4px 6px;border:1px solid #ccc;border-radius:6px;font-size:14px;color:#333;transition:border-color .2s,box-shadow .2s;text-align:right}.cost-input::placeholder{color:#aaa}.cost-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 4px #3b82f680}:root{--white: #ffffff;--black: #000000;--blue-50: #e8f0fd;--blue-100: #d0e1fa;--blue-200: #a6c6ea;--blue-300: #7ba9e0;--blue-400: #558ad4;--blue-500: #3c70ca;--blue-600: #345fb8;--blue-700: #2f5ba3;--blue-800: #264785;--blue-900: #1c3566;--blue: var(--blue-500);--blue-bg: var(--blue-50);--green-50: #eaf7ed;--green-100: #d1ebd6;--green-200: #b6e3c4;--green-300: #8cd9a3;--green-400: #66c27e;--green-500: #46a13e;--green-600: #3b8835;--green-700: #357b30;--green-800: #2a6326;--green-900: #1e4a1c;--green: var(--green-500);--green-bg: var(--green-50);--red-50: #fdebea;--red-100: #fbc6c5;--red-200: #f5b0ae;--red-300: #f18e8a;--red-400: #ec605b;--red-500: #cb1814;--red-600: #b51410;--red-700: #a3120f;--red-800: #85100c;--red-900: #680c09;--red: var(--red-500);--red-bg: var(--red-50);--orange-50: #fff8e6;--orange-100: #ffedcc;--orange-200: #fdd9a6;--orange-300: #fcc477;--orange-400: #fab950;--orange-500: #f9a42f;--orange-600: #e68929;--orange-700: #c37f23;--orange-800: #9e651c;--orange-900: #7a4c15;--orange: var(--orange-500);--orange-bg: var(--orange-50);--grey-50: #fafafa;--grey-100: #f5f5f5;--grey-200: #eeeeee;--grey-300: #e0e0e0;--grey-400: #bdbdbd;--grey-500: #6a6867;--grey-600: #555454;--grey-700: #424242;--grey-800: #2e2e2e;--grey-900: #1a1a1a;--grey: var(--grey-500);--grey-bg: var(--grey-50);--background: #fafafa;--pink: #e5a7a7;--primary: var(--blue);--alert: var(--red);--alert-bg: var(--red-bg);--success: var(--green);--success-bg: var(--green-bg);--warning: var(--orange);--warning-bg: var(--orange-bg);--info: var(--blue);--info-bg: var(--blue-bg)}:root{--shadow-0: none;--shadow-1: 0 1px 2px rgba(0, 0, 0, .05);--shadow-2: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-3: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-4: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-5: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-6: 0 25px 50px rgba(0, 0, 0, .25)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin:1rem 0 .5rem;color:var(--black)}h1{font-size:2.5rem;font-weight:700;color:var(--black)}h2{font-size:2rem;font-weight:700;color:var(--black)}h3{font-size:1.75rem;font-weight:600;color:var(--black)}h4{font-size:1.5rem;font-weight:600;color:var(--black)}h5{font-size:1.25rem;font-weight:500;color:var(--black)}h6{font-size:1rem;font-weight:500;color:var(--grey)}button{padding:12px;width:100%;background:var(--primary, #3c70ca);color:var(--white, #fff);border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s ease,transform .1s ease}button:hover{background:var(--primary-dark, #315aa6)}button:active{transform:scale(.98)}button:disabled{background:var(--grey-300, #ccc);cursor:not-allowed}.form{display:flex;flex-direction:column;gap:16px;width:100%}.form--centered{align-items:center;justify-content:center}.form .form-input{display:flex;flex-direction:column;gap:6px;width:100%}.form .form-input label{font-size:.9rem;font-weight:500;color:var(--black, #222);margin-bottom:4px}.form .form-input input{padding:10px 12px;border:1px solid var(--grey-300, #ddd);border-radius:8px;font-size:14px;background:var(--white, #fff);color:var(--black, #333);transition:all .2s ease}.form .form-input input:hover{border-color:var(--grey-400, #ccc)}.form .form-input input:focus{outline:none;border-color:var(--primary, #3c70ca);box-shadow:0 0 0 2px #3c70ca26}.form .form-input input::placeholder{color:var(--grey-400, #aaa)}body{overflow-y:scroll;scrollbar-gutter:stable;margin:0;min-width:320px;min-height:100vh;padding:0;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#00000080}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}.login-page{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--background, #f5f7fa);font-family:Inter,sans-serif}.login-page h1{text-align:center;margin-bottom:16px}