:root{--color-white: rgba(255, 255, 255, 1);--color-black: rgba(0, 0, 0, 1);--color-cream-50: rgba(252, 252, 249, 1);--color-cream-100: rgba(255, 255, 253, 1);--color-gray-200: rgba(245, 245, 245, 1);--color-gray-300: rgba(167, 169, 169, 1);--color-gray-400: rgba(119, 124, 124, 1);--color-slate-500: rgba(98, 108, 113, 1);--color-brown-600: rgba(94, 82, 64, 1);--color-charcoal-700: rgba(31, 33, 33, 1);--color-charcoal-800: rgba(38, 40, 40, 1);--color-slate-900: rgba(19, 52, 59, 1);--color-teal-300: rgba(50, 184, 198, 1);--color-teal-400: rgba(45, 166, 178, 1);--color-teal-500: rgba(33, 128, 141, 1);--color-teal-600: rgba(29, 116, 128, 1);--color-teal-700: rgba(26, 104, 115, 1);--color-teal-800: rgba(41, 150, 161, 1);--color-red-400: rgba(255, 84, 89, 1);--color-red-500: rgba(192, 21, 47, 1);--color-orange-400: rgba(230, 129, 97, 1);--color-orange-500: rgba(168, 75, 47, 1);--color-brown-600-rgb: 94, 82, 64;--color-teal-500-rgb: 33, 128, 141;--color-slate-900-rgb: 19, 52, 59;--color-slate-500-rgb: 98, 108, 113;--color-red-500-rgb: 192, 21, 47;--color-red-400-rgb: 255, 84, 89;--color-orange-500-rgb: 168, 75, 47;--color-orange-400-rgb: 230, 129, 97;--color-bg-1: rgba(59, 130, 246, .08);--color-bg-2: rgba(245, 158, 11, .08);--color-bg-3: rgba(34, 197, 94, .08);--color-bg-4: rgba(239, 68, 68, .08);--color-bg-5: rgba(147, 51, 234, .08);--color-bg-6: rgba(249, 115, 22, .08);--color-bg-7: rgba(236, 72, 153, .08);--color-bg-8: rgba(6, 182, 212, .08);--color-background: var(--color-cream-50);--color-surface: var(--color-cream-100);--color-text: var(--color-slate-900);--color-text-secondary: var(--color-slate-500);--color-primary: var(--color-teal-500);--color-primary-hover: var(--color-teal-600);--color-primary-active: var(--color-teal-700);--color-secondary: rgba(var(--color-brown-600-rgb), .12);--color-secondary-hover: rgba(var(--color-brown-600-rgb), .2);--color-secondary-active: rgba(var(--color-brown-600-rgb), .25);--color-border: rgba(var(--color-brown-600-rgb), .2);--color-btn-primary-text: var(--color-cream-50);--color-card-border: rgba(var(--color-brown-600-rgb), .12);--color-card-border-inner: rgba(var(--color-brown-600-rgb), .12);--color-error: var(--color-red-500);--color-success: var(--color-teal-500);--color-warning: var(--color-orange-500);--color-info: var(--color-slate-500);--color-focus-ring: rgba(var(--color-teal-500-rgb), .4);--color-select-caret: rgba(var(--color-slate-900-rgb), .8);--focus-ring: 0 0 0 3px var(--color-focus-ring);--focus-outline: 2px solid var(--color-primary);--status-bg-opacity: .15;--status-border-opacity: .25}@media (prefers-color-scheme: dark){:root{--color-background: var(--color-charcoal-800);--color-surface: var(--color-charcoal-700);--color-text: var(--color-cream-100);--color-text-secondary: var(--color-gray-300);--color-border: rgba(255, 255, 255, .1);--color-card-border: rgba(255, 255, 255, .08);--color-card-border-inner: rgba(255, 255, 255, .05);--color-secondary: rgba(255, 255, 255, .1);--color-secondary-hover: rgba(255, 255, 255, .15);--color-secondary-active: rgba(255, 255, 255, .2);--color-select-caret: rgba(255, 255, 255, .8)}}[data-color-scheme=dark]{--color-background: var(--color-charcoal-800);--color-surface: var(--color-charcoal-700);--color-text: var(--color-cream-100);--color-text-secondary: var(--color-gray-300);--color-border: rgba(255, 255, 255, .1);--color-card-border: rgba(255, 255, 255, .08);--color-card-border-inner: rgba(255, 255, 255, .05);--color-secondary: rgba(255, 255, 255, .1);--color-secondary-hover: rgba(255, 255, 255, .15);--color-secondary-active: rgba(255, 255, 255, .2);--color-select-caret: rgba(255, 255, 255, .8)}[data-color-scheme=light]{--color-background: var(--color-cream-50);--color-surface: var(--color-cream-100);--color-text: var(--color-slate-900);--color-text-secondary: var(--color-slate-500);--color-border: rgba(var(--color-brown-600-rgb), .2);--color-card-border: rgba(var(--color-brown-600-rgb), .12);--color-card-border-inner: rgba(var(--color-brown-600-rgb), .12);--color-secondary: rgba(var(--color-brown-600-rgb), .12);--color-secondary-hover: rgba(var(--color-brown-600-rgb), .2);--color-secondary-active: rgba(var(--color-brown-600-rgb), .25);--color-select-caret: rgba(var(--color-slate-900-rgb), .8)}html{font-size:16px;box-sizing:border-box;height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--color-background);color:var(--color-text);margin:0;padding:0;line-height:1.5;height:100%;transition:background-color .3s ease,color .3s ease}*,*:before,*:after{box-sizing:inherit}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:600;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin-top:0;margin-bottom:1rem}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-hover)}code,pre{font-family:Fira Code,Consolas,Monaco,Courier New,monospace;font-size:.9em}code{background-color:var(--color-secondary);padding:.2em .4em;border-radius:4px}pre{background-color:var(--color-surface);padding:1rem;border-radius:8px;overflow-x:auto;border:1px solid var(--color-border)}pre code{background-color:transparent;padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.95rem;font-weight:500;line-height:1.5;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;border-radius:.375rem;transition:all .2s ease;gap:.5rem}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn--primary{color:var(--color-btn-primary-text);background-color:var(--color-primary);border-color:transparent}.btn--primary:hover{background-color:var(--color-primary-hover)}.btn--primary:active{background-color:var(--color-primary-active)}.btn--secondary{color:var(--color-text);background-color:var(--color-secondary);border-color:transparent}.btn--secondary:hover{background-color:var(--color-secondary-hover)}.btn--secondary:active{background-color:var(--color-secondary-active)}.btn--outline{color:var(--color-text);background-color:transparent;border-color:var(--color-border)}.btn--outline:hover{background-color:var(--color-secondary);border-color:var(--color-text-secondary)}.btn--sm{padding:.25rem .5rem;font-size:.875rem}.btn--lg{padding:.75rem 1.5rem;font-size:1.125rem}.btn--full-width{width:100%}.btn:disabled{opacity:.65;cursor:not-allowed}.form-control{display:block;width:100%;padding:.2rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--color-text);background-color:var(--color-surface);background-clip:padding-box;border:1px solid var(--color-border);border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}textarea.form-control{min-height:100px}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;padding-right:2.5rem}@media (prefers-color-scheme: dark){select.form-control{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")}}[data-color-scheme=dark] select.form-control{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")}[data-color-scheme=light] select.form-control{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")}.form-control:focus{border-color:var(--color-primary);outline:0;box-shadow:var(--focus-ring)}.form-label{display:inline-block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-secondary)}.form-group{margin-bottom:1rem}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:var(--color-surface);background-clip:border-box;border:1px solid var(--color-card-border);border-radius:.5rem;box-shadow:0 1px 3px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.card_config{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:var(--color-surface);background-clip:border-box;border:1px solid var(--color-card-border);border-radius:.5rem;box-shadow:0 1px 3px #0000000d;transition:transform .2s ease,box-shadow .2s ease;padding:20px}.card:hover{box-shadow:0 4px 6px #0000000d}.card__body{flex:1 1 auto;padding:1.25rem}.card__header,.card__footer{padding:1rem 1.25rem;background-color:transparent;border-bottom:1px solid var(--color-card-border-inner)}.status{display:inline-flex;align-items:center;padding:.25em .6em;font-size:.75em;font-weight:600;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;background-color:var(--color-secondary);color:var(--color-text)}.status--success{background-color:rgba(var(--color-teal-500-rgb),var(--status-bg-opacity));color:var(--color-teal-700);border:1px solid rgba(var(--color-teal-500-rgb),var(--status-border-opacity))}.status--error{background-color:rgba(var(--color-red-500-rgb),var(--status-bg-opacity));color:var(--color-red-500);border:1px solid rgba(var(--color-red-500-rgb),var(--status-border-opacity))}.status--warning{background-color:rgba(var(--color-orange-500-rgb),var(--status-bg-opacity));color:var(--color-orange-500);border:1px solid rgba(var(--color-orange-500-rgb),var(--status-border-opacity))}.status--info{background-color:rgba(var(--color-slate-500-rgb),var(--status-bg-opacity));color:var(--color-slate-500);border:1px solid rgba(var(--color-slate-500-rgb),var(--status-border-opacity))}.container{width:100%;padding-right:1rem;padding-left:1rem;margin-right:auto;margin-left:auto}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-16{gap:4rem}.m-0{margin:0}.mt-8{margin-top:2rem}.mb-8{margin-bottom:2rem}.mx-8{margin-left:2rem;margin-right:2rem}.my-8{margin-top:2rem;margin-bottom:2rem}.p-0{padding:0}.py-8{padding-top:2rem;padding-bottom:2rem}.px-8{padding-left:2rem;padding-right:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}.px-16{padding-left:4rem;padding-right:4rem}.block{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}[data-color-scheme=dark] .btn--outline{border-color:#fff3}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background);color:var(--color-text)}.login-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-background);display:flex;justify-content:center;align-items:center;z-index:2000}.login-container{width:100%;max-width:400px;padding:2rem;background-color:var(--color-surface);border-radius:1rem;box-shadow:0 10px 25px #0000000d;border:1px solid var(--color-card-border)}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:1.75rem;color:var(--color-primary);margin-bottom:.5rem}.login-header p{color:var(--color-text-secondary)}.login-form .form-group{margin-bottom:1.5rem}.login-demo{margin-top:2rem;padding:1rem;background-color:var(--color-bg-1);border-radius:.5rem;font-size:.85rem}.login-demo p{font-weight:700;margin-bottom:.5rem}.login-demo small{display:block;margin-bottom:.25rem;color:var(--color-text-secondary)}.main-app{display:flex;height:100vh;overflow:hidden}.main-app.hidden{display:none}.sidebar{width:220px;background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width .3s ease,transform .3s ease;z-index:1000;overflow:hidden}.sidebar-header{height:64px;display:flex;align-items:center;padding:0 1.5rem;border-bottom:1px solid var(--color-border)}.sidebar-logo{font-size:1.25rem;color:var(--color-primary);margin:0}.sidebar-menu{list-style:none;padding:1.5rem 1rem;margin:0;flex:1;overflow-y:auto}.sidebar-menu li{margin-bottom:.5rem}.sidebar-link{display:flex;align-items:center;padding:.75rem 1rem;color:var(--color-text-secondary);border-radius:.5rem;transition:all .2s ease;font-weight:500}.sidebar-link:hover{background-color:var(--color-secondary);color:var(--color-primary)}.sidebar-link.active{background-color:var(--color-bg-1);color:var(--color-primary)}.sidebar-link .icon{margin-right:.75rem;font-size:1.25rem;width:24px;text-align:center}.role-restricted.hidden,.admin-only.hidden{display:none}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-background)}.topbar{height:64px;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:900}.topbar-left{display:flex;align-items:center}.sidebar-toggle{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary);margin-right:1rem;display:block;position:relative;z-index:1001}.sidebar-toggle:hover{color:var(--color-primary)}.breadcrumb{font-weight:600;color:var(--color-text)}.topbar-right{display:flex;align-items:center;gap:1.5rem}.search-container,.search-box{position:relative}.search-box input{display:block;width:100%;padding:.2rem .75rem;font-size:1rem;font-weight:400;color:var(--color-text);background-color:var(--color-surface);background-clip:padding-box;border:1px solid var(--color-border);border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.search-box-global input{width:330px;display:block;padding:.2rem .75rem;font-size:1rem;font-weight:400;color:var(--color-text);background-color:var(--color-surface);background-clip:padding-box;border:1px solid var(--color-border);border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.search-box input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none}.search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--color-gray-200);border-radius:0 0 8px 8px;box-shadow:0 4px 6px -1px #0000001a;z-index:50;max-height:400px;overflow-y:auto}.search-results.hidden{display:none}.search-result-item{padding:.75rem 1rem;border-bottom:1px solid var(--color-gray-200);cursor:pointer;transition:background-color .2s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:var(--color-gray-200)}.result-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.result-guia{font-weight:600;color:var(--color-text)}.result-status{font-size:.75rem;padding:.125rem .5rem;border-radius:9999px}.result-status.assigned{background-color:var(--color-bg-3);color:var(--color-teal-600)}.result-status.pending{background-color:var(--color-bg-2);color:var(--color-orange-500)}.result-details{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.85rem;color:var(--color-text-secondary)}.user-profile{display:flex;align-items:center;gap:.75rem}.user-menu{position:relative}.avatar{width:40px;height:40px;border-radius:50%;background-color:var(--color-bg-1);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;border:2px solid var(--color-surface);cursor:pointer;transition:transform .2s ease}.avatar:hover{transform:scale(1.05)}.user-dropdown{position:absolute;top:100%;right:0;width:200px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;margin-top:.5rem;box-shadow:0 4px 12px #0000001a;z-index:1000;padding:.5rem 0}.user-dropdown.hidden{display:none}.user-dropdown a{display:block;padding:.5rem 1rem;color:var(--color-text);transition:background-color .2s}.user-dropdown a:hover{background-color:var(--color-bg-1);color:var(--color-primary)}.content{flex:1;overflow-y:auto;padding:2rem}.page{display:none;animation:fadeIn .3s ease}.page.active{display:block}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.page-header h1{margin-bottom:.5rem;color:var(--color-text)}.page-header p{color:var(--color-text-secondary)}.page-actions,.dashboard-filters{display:flex;gap:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:var(--color-surface);padding:1.5rem;border-radius:.75rem;border:1px solid var(--color-card-border);display:flex;align-items:flex-start;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.stat-icon{width:48px;height:48px;border-radius:.75rem;background-color:var(--color-bg-1);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-content h3{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.25rem}.stat-content p{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:.25rem}.stat-trend{font-size:.85rem;display:flex;align-items:center;gap:.25rem}.stat-trend.positive{color:var(--color-success)}.stat-trend.negative{color:var(--color-error)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card{background-color:var(--color-surface);padding:1.5rem;border-radius:.75rem;border:1px solid var(--color-card-border)}.chart-card h3{margin-bottom:1.5rem;color:var(--color-text)}.quick-actions{margin-bottom:2rem}.quick-actions h3{margin-bottom:1rem}.action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-card{background-color:var(--color-surface);padding:1.5rem;border-radius:.75rem;border:1px solid var(--color-card-border);text-align:center;cursor:pointer;transition:all .2s ease}.action-card:hover{border-color:var(--color-primary);background-color:var(--color-bg-1)}.action-icon{font-size:2rem;margin-bottom:1rem;display:block}.action-card h4{margin-bottom:.5rem;color:var(--color-primary)}.action-card p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.top-performers{display:flex;flex-direction:column;gap:1rem}.performer-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:.5rem;background-color:var(--color-background);transition:background-color .2s}.performer-item:hover{background-color:var(--color-bg-1)}.performer-info{display:flex;align-items:center;gap:.75rem}.performer-name{font-weight:500;color:var(--color-text)}.performer-stats{font-size:.85rem;color:var(--color-text-secondary)}.performer-rate{font-weight:600;color:var(--color-success)}.filters-bar{background-color:var(--color-surface);padding:1rem;border-radius:.75rem;border:1px solid var(--color-card-border);margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.filter-group{flex:1;min-width:200px}.filter-group label{display:block;margin-bottom:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.table-container{background-color:var(--color-surface);border-radius:.75rem;border:1px solid var(--color-card-border);overflow-x:auto;margin-bottom:1rem}.packages-table{width:100%;border-collapse:collapse}.packages-table th{text-align:left;padding:1rem;background-color:var(--color-bg-1);color:var(--color-text-secondary);font-weight:600;font-size:.875rem;white-space:nowrap}.packages-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.packages-table th.sortable:hover{color:var(--color-primary)}.sort-icon{margin-left:.25rem;font-size:.75rem}.packages-table td{padding:.7rem;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:small}.packages-table tr:hover{background-color:var(--color-bg-1)}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--color-surface);border-radius:.75rem;border:1px solid var(--color-card-border)}.bulk-actions{display:flex;gap:.5rem}.status{padding:.25rem .75rem;border-radius:2rem;font-size:.85rem;font-weight:500}.status--pending{background-color:var(--color-bg-2);color:var(--color-warning)}.status--assigned{background-color:var(--color-bg-1);color:var(--color-primary)}.status--in_transit{background-color:var(--color-bg-5);color:#9333ea}.status--delivered{background-color:var(--color-bg-3);color:var(--color-success)}.status--failed{background-color:var(--color-bg-4);color:var(--color-error)}.status--returned{background-color:var(--color-bg-6);color:var(--color-orange-500)}.action-buttons{display:flex;gap:.5rem}.btn--sm{padding:.25rem .5rem;font-size:.85rem}.upload-container{max-width:800px;margin:0 auto}.upload-area{border:2px dashed var(--color-border);border-radius:1rem;padding:3rem;text-align:center;background-color:var(--color-surface);cursor:pointer;transition:all .2s ease}.upload-area.drag-over{border-color:var(--color-primary);background-color:var(--color-bg-1)}.upload-icon{font-size:3rem;margin-bottom:1rem;display:block}.upload-area h3{margin-bottom:.5rem;color:var(--color-text)}.upload-hint{color:var(--color-text-secondary);font-size:.875rem}.upload-stats{margin-top:2rem;background-color:var(--color-surface);padding:1.5rem;border-radius:.75rem;border:1px solid var(--color-card-border)}.stats-row{display:flex;justify-content:space-around;margin-bottom:1rem}.stat-item{text-align:center}.stat-item strong{display:block;font-size:1.5rem;color:var(--color-primary)}.stat-item span{font-size:.875rem;color:var(--color-text-secondary)}.upload-preview{margin-top:2rem}.preview-table-container{max-height:300px;overflow-y:auto;border:1px solid var(--color-border);border-radius:.5rem;margin-bottom:1rem}.preview-table{width:100%;border-collapse:collapse}.preview-table th,.preview-table td{padding:.75rem;border-bottom:1px solid var(--color-border);text-align:left}.preview-table th{background-color:var(--color-bg-1);position:sticky;top:0}.upload-actions{display:flex;justify-content:flex-end;gap:1rem}.upload-progress{margin-top:2rem}.progress-bar{height:8px;background-color:var(--color-border);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background-color:var(--color-primary);width:0%;transition:width .3s ease}.progress-details{display:flex;justify-content:space-between;font-size:.85rem;color:var(--color-text-secondary)}.staff-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background-color:var(--color-surface);padding:1.5rem;border-radius:.75rem;border:1px solid var(--color-card-border);text-align:center}.summary-card h4{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.5rem}.summary-value{font-size:1.75rem;font-weight:700;color:var(--color-text)}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.staff-card{background-color:var(--color-surface);border-radius:.75rem;border:1px solid var(--color-card-border);overflow:hidden;transition:transform .2s ease}.staff-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.staff-header{padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--color-border)}.staff-avatar{width:56px;height:56px;border-radius:50%;background-color:var(--color-bg-1);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600}.staff-info h4{margin-bottom:.25rem;color:var(--color-text)}.staff-contact{font-size:.85rem;color:var(--color-text-secondary);margin:10px 20px}.staff-status{width:12px;height:12px;border-radius:50%}.staff-status.available{background-color:var(--color-success);box-shadow:0 0 0 2px #22c55e33}.staff-status.busy{background-color:var(--color-warning);box-shadow:0 0 0 2px #f59e0b33}.staff-status.offline{background-color:var(--color-text-secondary)}.staff-stats{padding:1rem 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem;background-color:var(--color-bg-1)}.staff-stat{text-align:center}.staff-stat-value{display:block;font-weight:600;color:var(--color-text)}.staff-stat-label{font-size:.75rem;color:var(--color-text-secondary)}.staff-actions{padding:1rem 1.5rem;display:flex;gap:8px}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stats-summary .summary-card{display:flex;flex-direction:column;justify-content:space-between}.stats-summary .summary-card h3{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.5rem}.success-rate,.daily-average,.top-staff,.period-revenue{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.failure-reasons{list-style:none;padding:0;margin:0}.failure-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.failure-count{background-color:var(--color-bg-4);color:var(--color-error);padding:.1rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:600}.large-modal{max-width:900px;width:95%}.assignment-steps{display:flex;justify-content:space-between;margin-bottom:2rem;position:relative}.step{flex:1;text-align:center;padding:.75rem;background-color:var(--color-bg-1);color:var(--color-text-secondary);font-weight:500;position:relative;z-index:1;border-bottom:2px solid transparent}.step.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background-color:var(--color-surface)}.assignment-step{animation:fadeIn .3s ease}.assignment-step.hidden{display:none}.scanner-container{background-color:var(--color-bg-1);padding:2rem;border-radius:.75rem;text-align:center;margin-bottom:1.5rem}.scanner-input{max-width:400px;margin:0 auto 1rem}.scanner-input input{padding:.5rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--color-text);background-color:var(--color-surface);background-clip:padding-box;border:1px solid var(--color-border);border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.scanner-info{color:var(--color-text-secondary);font-size:.875rem}.package-counter{font-size:1.25rem;font-weight:600;color:var(--color-primary);margin-top:.5rem}.scanned-packages h4{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.scanned-list{max-height:300px;overflow-y:auto;border:1px solid var(--color-border);border-radius:.5rem}.no-packages{padding:2rem;text-align:center;color:var(--color-text-secondary);font-style:italic}.scanned-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background-color:var(--color-surface)}.scanned-item:last-child{border-bottom:none}.scanned-item:hover{background-color:var(--color-bg-1)}.scanned-info{display:flex;flex-direction:column;font-size:.8rem}.scanned-guide{font-weight:600;color:var(--color-text)}.scanned-details{font-size:.85rem;color:var(--color-text-secondary)}.remove-scanned{color:var(--color-error);background:none;border:none;cursor:pointer;font-size:1.25rem;padding:.25rem}.remove-scanned:hover{background-color:var(--color-bg-4);border-radius:.25rem}.scanner-actions{display:flex;justify-content:space-between;margin-top:1.5rem}.assignment-summary{background-color:var(--color-bg-1);padding:1.5rem;border-radius:.75rem;margin-bottom:1.5rem}.summary-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.summary-item{display:flex;flex-direction:column}.final-package-list{background-color:var(--color-surface);padding:1rem;border-radius:.5rem;max-height:200px;overflow-y:auto;border:1px solid var(--color-border)}.final-actions{display:flex;justify-content:flex-end;gap:1rem}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;visibility:hidden;transition:all .3s ease}.modal.show{opacity:1;visibility:visible}.modal.hidden{display:none}.modal-content{background-color:var(--color-surface);border-radius:.75rem;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0000001a;transform:translateY(20px);transition:transform .3s ease}.modal.show .modal-content{transform:translateY(0)}.small-modal{max-width:400px}.modal-header{padding:1.5rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;color:var(--color-text)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary);padding:0;line-height:1}.modal-close:hover{color:var(--color-error)}.modal-body{padding:1.5rem}.modal-footer{padding:1.5rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:1rem}.package-details{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.detail-row:last-child{border-bottom:none}.detail-row strong{color:var(--color-text-dark)}.detail-row span{color:var(--color-text)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row .form-group{margin-bottom:0}.package-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.package-detail-item{margin-bottom:1rem}.package-detail-label{font-size:.85rem;color:var(--color-text-secondary);display:block;margin-bottom:.25rem}.package-detail-value{font-weight:500;color:var(--color-text);font-size:1rem}.pagination{display:flex;gap:.5rem}.pagination button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:.25rem;cursor:pointer;transition:all .2s ease}.pagination button:hover:not(:disabled){background-color:var(--color-bg-1);color:var(--color-primary)}.pagination button.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.notification{position:fixed;bottom:2rem;right:2rem;z-index:3000;transform:translateY(100px);transition:transform .3s ease}.notification.show{transform:translateY(0)}.notification.hidden{display:none}.notification-content{display:flex;align-items:center;padding:1rem 1.5rem;border-radius:.5rem;box-shadow:0 4px 12px #00000026;color:#fff;min-width:300px}.notification.success .notification-content{background-color:var(--color-success)}.notification.error .notification-content{background-color:var(--color-error)}.notification.warning .notification-content{background-color:var(--color-warning)}.notification.info .notification-content{background-color:var(--color-info)}.notification-message{flex:1;margin:0 1rem}.notification-close{background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:0;opacity:.8}.notification-close:hover{opacity:1}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-overlay.hidden{display:none}.loading-spinner{text-align:center;color:var(--color-primary)}.spinner{width:40px;height:40px;border:4px solid var(--color-bg-1);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes beep{0%{background-color:var(--color-success)}to{background-color:transparent}}.beep-animation{animation:beep .5s ease}.hidden{display:none!important}.text-center{text-align:center}.text-right{text-align:right}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.sidebar{transform:translate(-100%);position:fixed;height:100%}.sidebar.active{transform:translate(0)}}@media (min-width: 1025px){#sidebarToggleTop{display:none!important}.sidebar.active{width:80px}.sidebar.active .sidebar-logo{display:none}.sidebar.active .sidebar-header{justify-content:center;padding:0;margin-left:auto}.sidebar.active .sidebar-link span:not(.icon){display:none}.sidebar.active .sidebar-link{justify-content:center;padding:.75rem 0}.sidebar.active .sidebar-link .icon{margin-right:0;font-size:1.5rem}}@media (max-width: 768px){.stats-grid,.charts-grid,.form-row,.package-detail-grid{grid-template-columns:1fr}.topbar-right .search-container{display:none}.content{padding:1rem}.page-header{flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1.5rem}.page-actions{width:100%;flex-direction:column;gap:.75rem}.page-actions .btn{width:100%;justify-content:center}}@media (max-width: 480px){.login-container{width:90%;padding:1.5rem}.stat-card{flex-direction:column;align-items:center;text-align:center}.stat-icon{margin-bottom:1rem}.modal-content{width:95%;margin:1rem}.assignment-steps{font-size:.85rem}}.swal2-container{z-index:9999!important}