@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--primary-bg: #1e293b;--secondary-bg: #f1f5f9;--accent-color: #3b82f6;--highlight-color: #ef4444;--text-color: #334155;--light-text-color: #f8fafc;--border-color: #e2e8f0;--input-bg: #ffffff;--input-border: #cbd5e1;--hover-bg: #2d3748;--shadow-color: rgba(0, 0, 0, .08);--danger-color: #f44336;--success-color: #22c55e;--warning-color: #f59e0b;--info-color: #0ea5e9;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-base: .9375rem;--font-size-large: 1.25rem;--font-size-xl: 1.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--line-height-base: 1.5;--letter-spacing-tight: -.025em;--padding-small: .75rem;--padding-medium: 1.25rem;--padding-large: 2rem;--margin-small: .75rem;--margin-medium: 1.25rem;--margin-large: 2rem;--border-radius: .5rem;--border-radius-lg: .75rem;--border-radius-sm: .375rem;--transition-speed: .2s;--transition-timing: cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px 0 var(--shadow-color);--shadow-md: 0 4px 6px -1px var(--shadow-color);--shadow-lg: 0 10px 15px -3px var(--shadow-color)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);background-color:var(--secondary-bg);color:var(--text-color);min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none;color:var(--accent-color);transition:color var(--transition-speed) var(--transition-timing)}a:hover{color:color-mix(in srgb,var(--accent-color) 85%,black)}button{cursor:pointer;border:none;outline:none;font-family:inherit;font-size:inherit;transition:all var(--transition-speed) var(--transition-timing)}.header{background-color:var(--primary-bg);color:var(--light-text-color);padding:var(--padding-medium) var(--padding-large);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100}.header .logo{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.header .logout-btn{background-color:var(--highlight-color);color:var(--light-text-color);padding:var(--padding-small) var(--padding-medium);border-radius:var(--border-radius);font-weight:var(--font-weight-medium)}.header .logout-btn:hover{background-color:color-mix(in srgb,var(--highlight-color) 85%,black);transform:translateY(-1px)}.mobile-header{display:none;background-color:var(--primary-bg);color:var(--light-text-color);padding:var(--padding-medium);justify-content:space-between;align-items:center;box-shadow:var(--shadow-md)}.hamburger{font-size:1.5rem;background:none;color:var(--light-text-color);padding:var(--padding-small);border-radius:var(--border-radius);transition:background-color var(--transition-speed) var(--transition-timing)}.hamburger:hover{background-color:var(--hover-bg)}.sidebar-close{display:none;position:absolute;top:var(--padding-medium);right:var(--padding-medium);background:none;color:var(--light-text-color);font-size:1.5rem;padding:var(--padding-small);border-radius:var(--border-radius);transition:all var(--transition-speed) var(--transition-timing);z-index:1001}.sidebar-close:hover{background-color:var(--hover-bg);transform:rotate(90deg)}@media (max-width: 768px){.sidebar-close{display:block}}.main-wrapper{display:flex;flex:1;position:relative;min-height:calc(100vh - 64px)}.sidebar{width:280px;background-color:var(--primary-bg);color:var(--light-text-color);padding:var(--padding-large) 0;box-shadow:var(--shadow-md);flex-shrink:0;position:fixed;top:64px;left:0;height:calc(100vh - 64px);overflow-y:auto;z-index:90}.profile{text-align:center;margin-bottom:var(--margin-large);padding:0 var(--padding-medium)}.profile img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--accent-color);margin-bottom:var(--margin-small);transition:transform var(--transition-speed) var(--transition-timing)}.profile img:hover{transform:scale(1.05)}.profile-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--light-text-color)}.navigation ul{list-style:none}.navigation ul li{position:relative}.navigation ul li a{display:flex;align-items:center;padding:var(--padding-medium) var(--padding-large);color:var(--light-text-color);transition:all var(--transition-speed) var(--transition-timing);font-weight:var(--font-weight-medium)}.navigation ul li a i{margin-right:var(--margin-small);width:20px;font-size:1.1em}.navigation ul li a.active,.navigation ul li a:hover{background-color:var(--hover-bg);padding-left:calc(var(--padding-large) + .5rem)}.navigation .has-submenu .submenu-toggle{display:flex;justify-content:space-between;align-items:center}.navigation .has-submenu .arrow{transition:transform var(--transition-speed) var(--transition-timing)}.navigation .has-submenu.open .arrow{transform:rotate(90deg)}.navigation .submenu{list-style:none;background-color:color-mix(in srgb,var(--primary-bg) 95%,white);padding-left:var(--padding-large);max-height:0;overflow:hidden;transition:max-height var(--transition-speed) var(--transition-timing)}.navigation .submenu.open{max-height:500px}.navigation .submenu li a{padding:var(--padding-small) var(--padding-large);font-size:.9em;opacity:.9}.content{flex:1;padding:var(--padding-large);background-color:var(--secondary-bg);min-height:calc(100vh - 64px);margin-left:280px}.admin-dashboard-title{color:var(--text-color);margin-bottom:var(--margin-large);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.welcome-message{margin-bottom:var(--margin-large);padding:var(--padding-medium);background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);color:var(--text-color)}.content-panel{display:none;animation:fadeIn var(--transition-speed) var(--transition-timing)}.content-panel.active{display:block}.panel{width:100%;overflow-x:scroll;background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--padding-large);margin-bottom:var(--margin-large);box-shadow:var(--shadow-md)}.panel h2{font-size:var(--font-size-large);margin-bottom:var(--margin-large);border-bottom:2px solid var(--border-color);padding-bottom:var(--padding-small);color:var(--text-color);font-weight:var(--font-weight-bold)}.form-group{margin-bottom:var(--margin-medium);position:relative}.form-group label{display:block;margin-bottom:var(--margin-small);font-weight:var(--font-weight-medium);color:var(--text-color);font-size:.875rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=tel],.form-group input[type=number],.form-group select,.form-group textarea,.form-group input[type=datetime-local]{width:100%;padding:.75rem 1rem;border:1px solid var(--input-border);border-radius:var(--border-radius);font-size:var(--font-size-base);background-color:var(--input-bg);transition:all var(--transition-speed) var(--transition-timing);color:var(--text-color)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 20%,transparent)}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--text-color);opacity:.5}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;padding-right:2.5rem}.form-group textarea{min-height:100px;resize:vertical}.form-grid,.form-grid-two-col{display:grid;gap:var(--margin-medium)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-grid-two-col{grid-template-columns:repeat(2,1fr)}.file-upload-wrapper{position:relative;display:flex;align-items:center;gap:var(--margin-small);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--border-radius);padding:.5rem;transition:all var(--transition-speed) var(--transition-timing)}.file-upload-wrapper:hover{border-color:var(--accent-color)}.file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.choose-file-btn{background-color:var(--accent-color);color:var(--light-text-color);padding:.5rem 1rem;border-radius:var(--border-radius);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-speed) var(--transition-timing);white-space:nowrap}.choose-file-btn:hover{background-color:color-mix(in srgb,var(--accent-color) 85%,black);transform:translateY(-1px)}.file-name{font-size:.875rem;color:var(--text-color);opacity:.8;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-preview-image{max-width:150px;height:auto;border-radius:var(--border-radius);margin-top:var(--margin-small);border:1px solid var(--border-color);display:block}.form-actions{display:flex;gap:var(--margin-medium);margin-top:var(--margin-large);padding-top:var(--padding-medium);border-top:1px solid var(--border-color)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:var(--font-weight-medium);transition:all var(--transition-speed) var(--transition-timing);min-width:120px}.btn i{font-size:1rem}.btn-primary{background-color:var(--accent-color);color:var(--light-text-color)}.btn-primary:hover{background-color:color-mix(in srgb,var(--accent-color) 85%,black);transform:translateY(-1px)}.btn-secondary{background-color:var(--secondary-bg);color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color);transform:translateY(-1px)}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:var(--highlight-color)}.form-group.error .error-message{color:var(--highlight-color);font-size:.75rem;margin-top:.25rem}@media (max-width: 768px){.form-grid-two-col{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{width:100%}.file-upload-wrapper{flex-direction:column;align-items:stretch}.choose-file-btn{width:100%;text-align:center}}.table-responsive{overflow-x:auto;border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse;background-color:var(--input-bg);border-radius:var(--border-radius)}table th,table td{padding:var(--padding-medium);text-align:left;border-bottom:1px solid var(--border-color)}table th{background-color:var(--secondary-bg);font-weight:var(--font-weight-medium);color:var(--text-color)}table tr:hover{background-color:color-mix(in srgb,var(--secondary-bg) 50%,transparent)}.action-btn{padding:.5rem;border-radius:var(--border-radius);color:var(--light-text-color);transition:all var(--transition-speed) var(--transition-timing);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;margin:0 .25rem}.action-btn i{font-size:.875rem}.action-btn:hover{transform:translateY(-2px)}.view-btn{background-color:var(--info-color)}.view-btn:hover{background-color:color-mix(in srgb,var(--info-color) 85%,black)}.edit-btn{background-color:var(--warning-color)}.edit-btn:hover{background-color:color-mix(in srgb,var(--warning-color) 85%,black)}.delete-btn{background-color:var(--highlight-color)}.delete-btn:hover{background-color:color-mix(in srgb,var(--highlight-color) 85%,black)}.status-btn{background-color:var(--text-color)}.action-buttons{display:flex;gap:.5rem;justify-content:flex-start;align-items:center}.footer{background-color:var(--primary-bg);color:var(--light-text-color);text-align:center;padding:var(--padding-medium);margin-top:auto;font-size:.9em}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.form-grid-two-col{grid-template-columns:1fr}}@media (max-width: 768px){.header{display:none}.mobile-header{display:flex}.main-wrapper{flex-direction:column}.sidebar{position:fixed;left:-280px;top:0;height:100vh;z-index:1000;transition:left var(--transition-speed) var(--transition-timing)}body.sidebar-open .sidebar{left:0}.content{margin-left:0;padding:var(--padding-medium)}.panel{padding:var(--padding-medium)}.form-grid{grid-template-columns:1fr}}@media (max-width: 480px){.header .logo,.mobile-header .logo{font-size:1.1rem}.profile img{width:80px;height:80px}.navigation ul li a{padding:var(--padding-small) var(--padding-medium)}.btn{width:100%}.action-btn{padding:.5rem}table th,table td{padding:var(--padding-small);font-size:.9em}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;opacity:0;transition:opacity var(--transition-speed) var(--transition-timing);overflow-y:auto;padding:var(--padding-medium)}.modal.show{display:flex;opacity:1}.modal-content{background-color:var(--input-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:800px;margin:auto;position:relative;transform:translateY(-20px);transition:transform var(--transition-speed) var(--transition-timing);display:flex;flex-direction:column;max-height:90vh}.modal.show .modal-content{transform:translateY(0)}.modal-header{padding:var(--padding-medium) var(--padding-large);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-color:var(--input-bg);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;flex-shrink:0}.modal-header h2{margin:0;font-size:var(--font-size-large);color:var(--text-color)}.close-modal{background:none;border:none;color:var(--text-color);font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:var(--border-radius);transition:all var(--transition-speed) var(--transition-timing)}.close-modal:hover{background-color:var(--secondary-bg);color:var(--highlight-color)}.modal-body{padding:var(--padding-large);overflow-y:auto;flex:1}.modal-footer{padding:var(--padding-medium) var(--padding-large);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:var(--margin-medium);background-color:var(--input-bg);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);flex-shrink:0}.modal-footer .btn{min-width:120px}.package-info,.sender-info,.receiver-info{background-color:var(--secondary-bg);border-radius:var(--border-radius);padding:var(--padding-medium);margin-bottom:var(--margin-medium)}.package-info h3,.sender-info h3,.receiver-info h3{color:var(--text-color);font-size:var(--font-size-base);margin-bottom:var(--margin-medium);padding-bottom:var(--padding-small);border-bottom:1px solid var(--border-color)}.info-group{margin-bottom:var(--margin-medium)}.info-group:last-child{margin-bottom:0}.info-group label{display:block;font-weight:var(--font-weight-medium);color:var(--text-color);margin-bottom:var(--margin-small);font-size:.875rem}.info-group p{color:var(--text-color);margin:0;padding:var(--padding-small) var(--padding-medium);background-color:var(--input-bg);border-radius:var(--border-radius);border:1px solid var(--border-color);font-size:.9375rem}@media (max-width: 768px){.modal{padding:var(--padding-small)}.modal-content{width:100%;margin:0;max-height:100vh}.modal-header,.modal-body{padding:var(--padding-medium)}.modal-footer{padding:var(--padding-medium);flex-direction:column}.modal-footer .btn{width:100%}}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--margin-medium);margin-bottom:var(--margin-large)}.analytics-card{background-color:var(--input-bg);border-radius:var(--border-radius-lg);padding:var(--padding-large);display:flex;align-items:center;gap:var(--margin-medium);box-shadow:var(--shadow-md);transition:transform var(--transition-speed) var(--transition-timing)}.analytics-card:hover{transform:translateY(-2px)}.analytics-icon{width:48px;height:48px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.analytics-info{flex:1}.analytics-info h3{font-size:var(--font-size-base);color:var(--text-color);margin-bottom:var(--margin-small);font-weight:var(--font-weight-medium)}.analytics-number{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--text-color);margin-bottom:var(--margin-small)}.analytics-change{font-size:.875rem;display:flex;align-items:center;gap:.25rem}.analytics-change.positive{color:var(--success-color)}.analytics-change.negative{color:var(--highlight-color)}.activity-list{display:flex;flex-direction:column;gap:var(--margin-medium)}.activity-item{display:flex;align-items:flex-start;gap:var(--margin-medium);padding:var(--padding-medium);background-color:var(--secondary-bg);border-radius:var(--border-radius);transition:transform var(--transition-speed) var(--transition-timing)}.activity-item:hover{transform:translate(4px)}.activity-icon{width:40px;height:40px;border-radius:50%;background-color:var(--input-bg);display:flex;align-items:center;justify-content:center;color:var(--accent-color);font-size:1.25rem}.activity-details{flex:1}.activity-details h4{font-size:var(--font-size-base);color:var(--text-color);margin-bottom:.25rem;font-weight:var(--font-weight-medium)}.activity-details p{color:var(--text-color);opacity:.8;margin-bottom:.25rem}.activity-time{font-size:.875rem;color:var(--text-color);opacity:.6}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--margin-medium)}.stat-item{background-color:var(--secondary-bg);padding:var(--padding-medium);border-radius:var(--border-radius);text-align:center}.stat-item h4{font-size:var(--font-size-base);color:var(--text-color);margin-bottom:var(--margin-small);font-weight:var(--font-weight-medium)}.stat-value{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--accent-color)}@media (max-width: 768px){.analytics-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.activity-item{padding:var(--padding-small)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.analytics-card{padding:var(--padding-medium)}.analytics-number{font-size:1.5rem}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background-color:var(--hover-bg);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--margin-large);flex-wrap:wrap;gap:var(--margin-medium)}.panel-actions{display:flex;gap:var(--margin-medium);align-items:center;flex-wrap:wrap}.search-box{position:relative;min-width:250px}.search-box input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--input-border);border-radius:var(--border-radius);font-size:var(--font-size-base);background-color:var(--input-bg);transition:all var(--transition-speed) var(--transition-timing);color:var(--text-color)}.search-box input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 20%,transparent)}.search-box i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-color);opacity:.5;pointer-events:none;transition:opacity var(--transition-speed) var(--transition-timing)}.search-box input:focus+i{opacity:1;color:var(--accent-color)}#status-filter{padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--input-border);border-radius:var(--border-radius);font-size:var(--font-size-base);background-color:var(--input-bg);color:var(--text-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;transition:all var(--transition-speed) var(--transition-timing)}#status-filter:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 20%,transparent)}@media (max-width: 768px){.panel-header{flex-direction:column;align-items:stretch}.panel-actions{flex-direction:column;width:100%}.search-box,#status-filter{width:100%}}.sidebar-footer{margin-top:auto;padding:var(--padding-medium);border-top:1px solid var(--border-color)}.sidebar-footer .logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background-color:var(--highlight-color);color:var(--light-text-color);border-radius:var(--border-radius);font-weight:var(--font-weight-medium);transition:all var(--transition-speed) var(--transition-timing)}.sidebar-footer .logout-btn:hover{background-color:color-mix(in srgb,var(--highlight-color) 85%,black);transform:translateY(-1px)}.sidebar-footer .logout-btn i{font-size:1.1rem}.package-image{margin-bottom:var(--margin-large);text-align:center}.package-image img{max-width:100%;height:auto;border-radius:var(--border-radius);box-shadow:var(--shadow-md);transition:transform var(--transition-speed) var(--transition-timing)}.package-image img:hover{transform:scale(1.02)}.navigation{display:flex;flex-direction:column;height:100%}.navigation ul{flex:1;display:flex;flex-direction:column}@media (max-width: 768px){.sidebar-footer{padding:var(--padding-small)}.sidebar-footer .logout-btn{padding:.5rem}.package-image{margin-bottom:var(--margin-medium)}}.pagination{display:flex;gap:.5rem;list-style:none;padding:.5rem 1rem;background:var(--input-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);align-items:center;justify-content:center;margin:0}.page-item{display:inline-block}.page-link{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .75rem;font-size:var(--font-size-base);color:var(--accent-color);background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:all var(--transition-speed) var(--transition-timing);text-decoration:none;cursor:pointer}.page-link:hover,.page-link:focus{background:var(--accent-color);color:var(--light-text-color);border-color:var(--accent-color);outline:none}.page-item.active .page-link,.page-link[aria-current=page]{background:var(--accent-color);color:var(--light-text-color);border-color:var(--accent-color);font-weight:var(--font-weight-bold);cursor:default}.page-item.disabled .page-link,.page-link[aria-disabled=true]{color:#b0b0b0;background:var(--secondary-bg);border-color:var(--border-color);cursor:not-allowed;pointer-events:none}@media (max-width: 600px){.pagination{flex-wrap:wrap;gap:.25rem;padding:.25rem .5rem}.page-link{min-width:28px;height:28px;font-size:.9em;padding:0 .5rem}}.custom-pagination{margin-top:2rem;display:flex;justify-content:center;align-items:center;width:100%;padding:.5rem 0}.custom-pagination ul{display:flex;gap:.75rem;list-style:none;padding:.75rem 1.5rem;background:var(--input-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);align-items:center;justify-content:center;margin:0;border:1.5px solid var(--border-color)}.custom-pagination li{display:inline-block;margin:0 .1rem}.custom-pagination a,.custom-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 1rem;font-size:1.05em;color:var(--accent-color);background:transparent;border:2px solid transparent;border-radius:var(--border-radius);transition:all .18s var(--transition-timing);text-decoration:none;cursor:pointer;font-weight:500;box-shadow:none;position:relative;z-index:1}.custom-pagination a:hover,.custom-pagination a:focus{background:color-mix(in srgb,var(--accent-color) 10%,var(--input-bg) 90%);color:var(--accent-color);border-color:var(--accent-color);outline:none;box-shadow:0 2px 8px #3b82f614}.custom-pagination .active span,.custom-pagination span[aria-current=page]{background:var(--accent-color);color:var(--light-text-color);border-color:var(--accent-color);font-weight:var(--font-weight-bold);cursor:default;box-shadow:0 2px 8px #3b82f61f;z-index:2}.custom-pagination .disabled span,.custom-pagination span[aria-disabled=true]{color:#b0b0b0;background:var(--secondary-bg);border-color:var(--border-color);cursor:not-allowed;pointer-events:none;opacity:.7}.custom-pagination li:first-child a,.custom-pagination li:first-child span,.custom-pagination li:last-child a,.custom-pagination li:last-child span{min-width:44px;font-size:1.1em;padding:0 1.2rem}.custom-pagination svg{vertical-align:middle;margin:0 .2em;font-size:1.1em}@media (max-width: 600px){.custom-pagination ul{flex-wrap:wrap;gap:.25rem;padding:.25rem .5rem}.custom-pagination a,.custom-pagination span{min-width:32px;height:32px;font-size:.95em;padding:0 .5rem}}.page-header{width:100%;height:auto;background:#0ff;text-align:left;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-shadow:var(--shadow-sm);margin-bottom:var(--margin-large)}.page-header h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-color);margin-bottom:var(--margin-small)}.tracking-header-row{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;margin-top:.5rem;gap:1rem;padding:1rem 3rem}.tracking-ref{width:30%;font-size:1rem;font-weight:600;color:var(--text-color)}.barcode{width:30%}.barcode-value{font-family:monospace;font-size:1.1rem;letter-spacing:2px;color:var(--text-color)}.search-result-content{max-width:900px;margin:1rem auto;width:100%}.package-images-stack{width:50%;height:400px;background-color:var(--accent-color);margin-bottom:1rem}.package-img{max-width:400px;width:100%;border-radius:12px;box-shadow:var(--shadow-lg)}.package-description-panel{background:var(--input-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin-bottom:2rem}.package-description-header{border-bottom:2px solid var(--accent-color);padding:1.25rem 1.5rem .5rem}.package-description-title{font-size:1.1rem;color:var(--accent-color);font-weight:600}.package-description-value{font-size:1.25rem;font-weight:700;color:var(--text-color);margin-top:.5rem}.package-details-row{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.5rem}.package-detail-col{flex:1 1 220px;min-width:220px}.detail-col-title{font-size:1.05rem;color:var(--accent-color);font-weight:600;margin-bottom:.5rem;border-bottom:1px solid var(--border-color)}.dates-panel{width:100%;background:var(--input-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin-bottom:2rem}.dates-header{border-bottom:2px solid var(--accent-color);padding:1.25rem 1.5rem .5rem;font-size:1.1rem;color:var(--accent-color);font-weight:600}.dates-list{padding:1.5rem}.date-item{margin-bottom:.75rem;font-size:1rem;color:var(--text-color)}.dates-print-btn-row{padding:0 1.5rem 1.5rem}.print-button{background:var(--primary-bg);color:var(--light-text-color);border:none;padding:var(--padding-medium) var(--padding-large);border-radius:var(--border-radius);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;gap:var(--margin-small);transition:all var(--transition-speed) var(--transition-timing);width:180px;justify-content:center}.print-button:hover{background:var(--accent-color);transform:translateY(-2px)}.details-grid .detail-label{font-weight:900;color:var(--text-color);margin-bottom:.25rem}@media (max-width: 900px){.search-result-content{padding:0 .5rem}.search-result-content>div{margin-bottom:1.25rem}.package-images-stack{width:90%}.package-details-row{flex-direction:column;gap:1rem;padding:1rem}}@media (max-width: 600px){.search-result-content{padding:0 .25rem}.search-result-content>div{margin-bottom:1rem}.package-img{max-width:100%;height:auto}.package-details-row{flex-direction:column;gap:.75rem;padding:.75rem}.page-header h1{font-size:1.3rem}.tracking-ref,.barcode{font-size:.95rem}}.srp-header{background:var(--input-bg);box-shadow:var(--shadow-sm);padding:2.5rem 2rem 1.5rem;margin-bottom:2.5rem}.srp-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.srp-header-title{font-size:2.5rem;font-weight:600;color:var(--text-color);letter-spacing:-1px;margin-bottom:.5rem}.srp-header-barcode{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.srp-barcode-img img{height:48px;width:auto;display:block}.srp-barcode-value{font-family:monospace;font-size:1.1rem;letter-spacing:2px;color:var(--text-color);text-align:right}.srp-header-ref{font-size:1.1rem;font-weight:600;color:var(--text-color);margin-top:1.5rem;margin-left:.1rem}.srp-main{margin:0 auto;width:100%;padding:1rem}.srp-images{display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem;gap:0}.srp-img{max-width:400px;width:100%;border-radius:14px;box-shadow:var(--shadow-lg);margin-bottom:.75rem;background:#f3f4f6;object-fit:cover}.srp-img:last-child{margin-bottom:0}.srp-section{background:var(--input-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:2.5rem;padding:0}.srp-section-title{font-size:1.15rem;font-weight:600;color:var(--accent-color);border-bottom:2px solid var(--accent-color);padding:1.1rem 1.5rem .6rem;margin-bottom:0;background:transparent}.srp-desc-value{font-size:1.25rem;font-weight:700;color:var(--text-color)}.srp-info-row{display:flex;gap:1.5rem;margin-bottom:2.5rem}.srp-info-col{flex:1 1 0;background:#f8fafc;border:1.5px solid var(--accent-color);border-radius:var(--border-radius);padding:1.2rem;min-width:220px;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem}.srp-info-title{font-size:1.08rem;color:var(--accent-color);font-weight:600;margin-bottom:.7rem;border-bottom:1.5px solid var(--border-color);padding-bottom:.3rem}.srp-info-item{font-size:1rem;color:var(--text-color);margin-bottom:.1rem}.srp-status-bar{display:flex;gap:.25rem;margin-top:1.2rem;flex-wrap:wrap}.srp-status-badge{display:inline-block;padding:4px 14px;border-radius:12px;font-size:.95rem;font-weight:600;background:#e5e7eb;color:#64748b;border:1.5px solid #e5e7eb;text-transform:none;margin-right:.1rem}.srp-status-onhold{background:#ffebee;color:#d32f2f;border-color:#ffebee}.srp-status-disabled{background:#f3f4f6;color:#b0b0b0;border-color:#f3f4f6}.srp-dates-section{margin-bottom:2.5rem;padding-bottom:.5rem}.srp-dates-list{padding:1.2rem 1.5rem .5rem}.srp-date-item{font-size:1.05rem;color:var(--text-color);margin-bottom:.5rem}.srp-print-btn{background:var(--primary-bg);color:var(--light-text-color);border:none;padding:.85rem 2.2rem;border-radius:var(--border-radius);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.7rem;transition:all var(--transition-speed) var(--transition-timing);margin:1.2rem 0 0 1.5rem;font-size:1rem;box-shadow:var(--shadow-sm)}.srp-print-btn:hover{background:var(--accent-color);color:var(--light-text-color);transform:translateY(-2px)}@media (max-width: 1100px){.srp-main{max-width:99vw;padding:0 .5rem}}@media (max-width: 900px){.srp-header{padding:1.5rem .5rem 1rem}.srp-header-title{font-size:2rem}.srp-main{padding:0 .5rem}.srp-info-row{flex-direction:column;gap:1.2rem}.srp-info-col{min-width:0}.srp-images{margin-bottom:1.5rem}}@media (max-width: 600px){.srp-header-title{font-size:1.3rem}.srp-header-row{flex-direction:column;gap:.7rem;align-items:flex-start}.srp-header-barcode{align-items:flex-start}.srp-barcode-img img{height:32px}.srp-main{padding:0 .2rem}.srp-section-title{font-size:1rem;padding:.8rem .7rem .5rem}.srp-desc-value{font-size:1.05rem;padding:.5rem .7rem .7rem}.srp-info-col{padding:.8rem .7rem}.srp-dates-list{padding:.7rem .7rem .3rem}.srp-print-btn{margin:1rem 0 0 .7rem;padding:.7rem 1.2rem;font-size:.95rem}}.timeline{position:relative;margin:0;padding:0}.timeline:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:2px;height:100%;background:#111}.timeline-item{display:flex;align-items:center;position:relative;min-height:80px;margin-bottom:32px}.timeline-date{width:140px;font-weight:700;color:#111;font-size:1em;text-align:right;padding-right:16px;opacity:.95}.timeline-date span{font-size:.9em;color:#fff8}.timeline-icon{width:48px;height:48px;border-radius:50%;background:var(--accent-color);display:flex;align-items:center;justify-content:center;font-size:1.5em;color:#fff;position:relative;z-index:2;box-shadow:0 2px 8px #0002;margin:0 32px}.timeline-warning{background:var(--warning-color, #f5a623);color:#fff}.timeline-success{background:var(--accent-color, #ff5722);color:#fff}.timeline-content{flex:1;color:#fff;font-size:1em;padding-top:2px}.timeline-title{font-weight:500;margin-bottom:4px}.timeline-title[style]{color:var(--danger-color, #f44336)!important}.new-timeline-title{font-weight:500;margin-bottom:4px}.timeline-location{font-size:.95em;color:#fff8}.timeline-location a{color:var(--accent-color, #ff5722);text-decoration:none;margin-left:4px}.wrapper{width:70%;margin:1rem auto;padding:20px;background:var(--input-bg, #fff)}.srp-img-map-section{display:flex;gap:2em;margin-bottom:2em}.srp-img-half{flex:1 1 50%;max-width:50%;display:flex;align-items:center;justify-content:center;background:#f7f7f7;border-radius:8px;box-shadow:0 2px 8px #0001;padding:1em}.srp-map-half{flex:1 1 50%;max-width:50%;display:flex;align-items:center;justify-content:center}.timeline-location,.timeline-date{color:var(--text-color)}.timeline-date span{color:var(--text-color);font-weight:200}@media (max-width: 900px){.srp-img-map-section{flex-direction:column;gap:1em}.srp-img-half,.srp-map-half{max-width:100%;flex:1 1 100%}.srp-progress-map{width:100%;min-width:0}.wrapper{width:90%}.srp-barcode-img{display:none}}@media (max-width: 600px){.timeline{padding-left:0;padding-right:0}.timeline-date{width:100px;font-size:1em;padding-right:10px}.timeline-icon{width:40px;height:40px;font-size:1.2em;margin:0 16px}.timeline-content{font-size:1em;padding-top:4px}.timeline-item{min-height:80px;margin-bottom:28px}}.track-hero{background-size:cover;background-position:bottom;position:relative;min-height:320px;display:flex;align-items:flex-end;width:100%}.track-hero-overlay{width:100%;background:#00000040;padding:0;min-height:320px;display:flex;align-items:flex-end}.track-hero .container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 2.5rem 2.5rem}.track-hero-title{color:var(--light-text-color);font-size:2.5rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-1px}.track-breadcrumb{color:var(--light-text-color);font-size:1.1rem;margin-top:.25rem;opacity:.95}.track-breadcrumb-sep{margin:0 .5rem;color:var(--light-text-color);opacity:.7}.track-breadcrumb-active{color:var(--accent-color);font-weight:600}.track-form-section{background:var(--input-bg);padding:3.5rem 2.5rem;text-align:left}.track-form-title{font-size:1.35rem;font-weight:700;color:var(--light-text-color);margin-bottom:2.2rem;line-height:1.4}.track-form{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.track-form-input{max-width:400px;width:100%;padding:1rem 1.2rem;border:1px solid var(--input-border);border-radius:3px;font-size:1rem;background:var(--input-bg);outline:none;transition:border .2s;color:var(--text-color)}.track-form-input:focus{border:1.5px solid var(--accent-color)}.track-form-btn{background:var(--accent-color);color:var(--light-text-color);font-weight:600;font-size:1rem;border:none;border-radius:3px;padding:.85rem 2.2rem;cursor:pointer;transition:background .2s;box-shadow:0 2px 8px 0 var(--shadow-color)}.track-form-btn:hover,.track-form-btn:focus{background:var(--primary-bg)}.track-newsletter-section{background:var(--input-bg);padding:3.5rem 2.5rem;text-align:left;border-top:1px solid var(--border-color)}.track-newsletter-title{font-size:1.15rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.track-newsletter-desc{color:var(--text-color);font-size:.98rem;margin-bottom:1.2rem;opacity:.7}.track-newsletter-form{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.track-newsletter-input{min-width:220px;max-width:320px;width:100%;padding:.7rem 1.1rem;border:1px solid var(--input-border);border-radius:3px;font-size:1rem;background:var(--input-bg);margin-right:1.2rem;outline:none;transition:border .2s;color:var(--text-color)}.track-newsletter-input:focus{border:1.5px solid var(--accent-color)}.track-newsletter-btn{background:var(--accent-color);color:var(--light-text-color);font-weight:600;font-size:1rem;border:none;border-radius:3px;padding:.7rem 2.1rem;cursor:pointer;transition:background .2s;box-shadow:0 2px 8px 0 var(--shadow-color)}.track-newsletter-btn:hover,.track-newsletter-btn:focus{background:var(--primary-bg)}@media (max-width: 900px){.track-hero .container{padding:0 1.2rem 2rem}.track-hero-title{font-size:2rem}.track-form-input,.track-newsletter-input{min-width:180px}}@media (max-width: 600px){.track-hero,.track-hero-overlay{min-height:180px}.track-hero-title{font-size:1.3rem}.track-form-section,.track-newsletter-section{padding:1.2rem}.track-form-title{font-size:1.05rem}.track-form,.track-newsletter-form{flex-direction:column;align-items:stretch}.track-form-input,.track-newsletter-input{margin-right:0;width:100%;min-width:0;max-width:100%}.track-form-btn,.track-newsletter-btn{width:100%;padding:.8rem 0}}