/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}@layer theme{:root,:host{--color-indigo-400:oklch(67.3% .182 276.935);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--font-weight-semibold:600;--animate-spin:spin 1s linear infinite;--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.flex{display:flex}.grid{display:grid}.shrink-0{flex-shrink:0}.animate-spin{animation:var(--animate-spin)}.flex-col{flex-direction:column}.items-center{align-items:center}.text-center{text-align:center}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-indigo-400{color:var(--color-indigo-400)}.text-purple-400{color:var(--color-purple-400)}.text-purple-500{color:var(--color-purple-500)}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}}:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}@property --tw-font-weight{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}.sidebar{width:260px;background:#0f172a;color:#fff;height:100vh;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.1);position:fixed;left:0;top:0;z-index:1000;transition:transform .3s ease-in-out}.mobile-menu-btn{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;background:#1e293b;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.75rem;border-radius:.5rem;cursor:pointer;transition:all .2s}.mobile-menu-btn:hover{background:#334155}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}@media (max-width: 1024px) and (min-width: 768px){.sidebar{width:80px}.logo{padding:1.5rem .5rem}.logo-full{display:none}.logo-collapsed{display:block!important;font-size:2rem;text-align:center}.menu-text{display:none}.menu-item{justify-content:center;padding:1rem}.menu-item svg{width:24px;height:24px}.status-container{padding:.5rem}.status-item{justify-content:center}.status-item span{display:none}.footer{padding:1rem .5rem}.logout-btn{justify-content:center;padding:1rem}.logout-btn span{display:none}.logout-btn svg{width:24px;height:24px}}@media (max-width: 767px){.mobile-menu-btn,.sidebar-overlay{display:block}.sidebar{width:260px;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.content{margin-left:0;padding:4rem 1rem 1rem}}.logo{padding:2rem;text-align:center;transition:padding .3s ease-in-out}.logo h2{font-size:1.5rem;font-weight:700;background:linear-gradient(to right,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.logo-collapsed{display:none}.menu{flex:1;padding:1rem}.menu-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;border-radius:.75rem;color:#94a3b8;transition:all .2s;cursor:pointer;margin-bottom:.5rem;text-decoration:none}.menu-item svg{flex-shrink:0;width:20px;height:20px}.menu-item:hover{background:#ffffff0d;color:#fff}.menu-item.active{background:#3b82f6;color:#fff}.footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.status-container{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;background:#ffffff08;border-radius:.75rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.05)}.status-item{display:flex;align-items:center;gap:.75rem;font-size:.8125rem;color:#94a3b8;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;box-shadow:0 0 8px currentColor}.status-dot.open{background:#22c55e;color:#22c55e66}.status-dot.closed{background:#ef4444;color:#ef444466}.logout-btn{width:100%;display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;border-radius:.75rem;background:transparent;border:1px solid rgba(239,68,68,.2);color:#f87171;cursor:pointer;transition:all .2s}.logout-btn svg{flex-shrink:0;width:20px;height:20px}.logout-btn:hover{background:#ef44441a}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);font-family:Inter,sans-serif}.login-box{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000080;width:100%;max-width:400px;border:1px solid rgba(255,255,255,.1);color:#fff}.login-box h1{font-size:1.875rem;font-weight:700;margin-bottom:.5rem;text-align:center;background:linear-gradient(to right,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-box p{text-align:center;color:#94a3b8;margin-bottom:2rem;font-size:.875rem}.input-group{margin-bottom:1.25rem}.input-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#e2e8f0}.input-group input[type=text],.input-group input[type=password]{width:100%;padding:.75rem 1rem;border-radius:.75rem;background:#0003;border:1px solid rgba(255,255,255,.1);color:#fff;transition:all .2s;box-sizing:border-box}.password-wrapper{position:relative}.toggle-password{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#94a3b8;cursor:pointer;width:auto;padding:.5rem;display:flex;align-items:center;justify-content:center}.toggle-password:hover{color:#e2e8f0}.input-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.checkbox-group{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.checkbox-group label{margin-bottom:0;cursor:pointer}.login-box button[type=submit]{width:100%;padding:.75rem;border-radius:.75rem;background:#3b82f6;color:#fff;font-weight:600;border:none;cursor:pointer;transition:all .2s}.login-box button[type=submit]:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.login-box button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.error-msg{background:#ef44441a;color:#f87171;padding:.75rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.875rem;text-align:center;border:1px solid rgba(239,68,68,.2)}.selection-toolbar{position:sticky;top:0;z-index:100;background:#6366f1;margin:-2rem -2rem 2rem;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0003;animation:slideDown .3s ease-out}.checkbox-wrapper input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#6366f1}.tracking-card{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tracking-card.selected{border-color:#6366f1;background:#6366f11a;box-shadow:0 0 0 2px #6366f1}.tracking-card:active{transform:scale(.98)}.note-select-inline{background:transparent;border:1px solid rgba(99,102,241,.3);color:#a5b4fc;font-style:italic;font-size:.85rem;border-radius:.25rem;padding:.1rem .3rem;cursor:pointer;outline:none}.note-select-inline:hover{border-color:#6366f1}.tab-btn.active{color:#6366f1}.tab-btn.active:after{content:"";position:absolute;bottom:-.6rem;left:0;right:0;height:2px;background:#6366f1}.filter-group select:hover{border-color:#6366f1}.search-box:focus-within{border-color:#6366f1;background:#6366f10d}.add-trigger-btn{background:#6366f1;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;display:flex;align-items:center;gap:.5rem;font-weight:600;cursor:pointer;transition:background .2s}.add-trigger-btn:hover{background:#4f46e5}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.tracking-card{background:#1e293b;border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.05);transition:transform .2s;width:100%;box-sizing:border-box}.tracking-card:hover{transform:translateY(-4px);border-color:#6366f14d}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.number-box{display:flex;align-items:center;gap:.5rem;color:#6366f1;font-weight:600;font-family:JetBrains Mono,monospace}.copyable:hover{color:#818cf8;text-decoration:underline}.status-badge-row{margin-bottom:1.25rem;display:flex;gap:.5rem;flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:600;background:#3b82f61a;color:#60a5fa}.status-badge[data-status=info_received]{background:#94a3b81a;color:#94a3b8}.status-badge[data-status=transit]{background:#3b82f61a;color:#60a5fa}.status-badge[data-status=out_for_delivery]{background:#f59e0b1a;color:#f59e0b}.status-badge[data-status=delivered]{background:#10b9811a;color:#10b981}.status-badge[data-status=exception]{background:#ef44441a;color:#ef4444}.detail-item{display:flex;align-items:flex-start;gap:.75rem;color:#94a3b8;font-size:.875rem;line-height:1.4}.detail-item span{word-break:break-word}.text-indigo-400{color:#818cf8}.time-info{border-top:1px solid rgba(255,255,255,.05);padding-top:.75rem;margin-top:.25rem}.reload-btn:hover:not(:disabled){color:#6366f1;background:#6366f11a}.input-group input:focus{border-color:#6366f1}.submit-btn{background:#6366f1;color:#fff;border:none;padding:1rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;cursor:pointer}.submit-btn:hover{background:#4f46e5}.toast{position:fixed;bottom:2rem;right:2rem;background:#6366f1;color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;z-index:3000;animation:slideIn .3s ease-out;font-weight:500}.tracking-list{min-height:200px}.search-box{display:flex;align-items:center;gap:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.6rem 1rem;border-radius:.75rem;color:#94a3b8;width:300px}.loading-container{display:flex;align-items:center;justify-content:center;padding:5rem 0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.card{background:#1e293b;border:1px solid rgba(255,255,255,.05);border-radius:1rem;padding:1rem;transition:all .2s;cursor:pointer;text-decoration:none;display:block;width:100%;box-sizing:border-box}.card:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px #a855f74d;border-color:#a855f780}.card-content{display:flex;justify-content:space-between;align-items:center}.card .flex{display:flex;align-items:center}.icon-container{width:2.5rem;height:2.5rem;background:#111827;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-right:.75rem;color:#a855f7;transition:all .2s}.card:hover .icon-container{background:#a855f7;color:#fff}.order-id{font-family:monospace;font-weight:700;color:#e5e7eb;display:block;transition:color .2s}.card:hover .order-id{color:#a855f7}.order-label{font-size:.625rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.chevron{color:#4b5563;transition:color .2s}.card:hover .chevron{color:#a855f7}.empty-state{grid-column:1 / -1;padding:5rem 0;text-align:center;background:#1118274d;border:2px dashed #1f2937;border-radius:1rem}.empty-icon{margin:0 auto 1rem;color:#374151}.empty-state p{color:#6b7280}.loading-page{display:flex;align-items:center;justify-content:center;min-height:400px;gap:.75rem}.loading-text{margin-left:.75rem;font-size:1.125rem;font-weight:500;color:#fff}.back-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#a1a1aa;cursor:pointer;margin-bottom:1.5rem;transition:color .2s}.back-btn:hover{color:#fff}.empty-card{padding:3rem;text-align:center;background:#1e293b;border-radius:1rem;border:1px solid rgba(255,255,255,.05)}.empty-card h2{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.empty-card p{color:#9ca3af;font-size:1.125rem}.order-id-text{color:#a855f7;font-family:monospace}.header-info{margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:flex-end}.header-content h1{font-size:1.875rem;font-weight:700;color:#fff;margin-bottom:.5rem}.header-content>div>p{color:#9ca3af}.header-actions{display:flex;gap:1rem}.refresh-btn{display:flex;align-items:center;gap:.5rem;background:#3f3f46;color:#fff;padding:.5rem 1rem;border-radius:.5rem;border:none;font-weight:500;cursor:pointer;transition:background .2s}.refresh-btn:hover:not(:disabled){background:#52525b}.delete-group-btn{display:flex;align-items:center;gap:.5rem;background:#ef44441a;color:#f87171;padding:.5rem 1rem;border-radius:.5rem;border:1px solid rgba(239,68,68,.2);font-weight:500;cursor:pointer;transition:all .2s}.delete-group-btn:hover{background:#ef444433;border-color:#f87171}.order-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.order-section{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.section-header h2{font-size:1.25rem;font-weight:600;color:#fff}.section-icon{margin-right:.5rem}.section-icon.purple{color:#a855f7}.section-icon.indigo{color:#818cf8}.orders-list,.trackings-list{display:flex;flex-direction:column;gap:1rem}.order-card,.tracking-card{background:#1e293b;border:1px solid rgba(255,255,255,.05);border-radius:1rem;padding:1rem;transition:border-color .2s}.order-card:hover{border-color:#a855f7}.tracking-card:hover{border-color:#818cf8}.order-content{display:flex;gap:1rem}.image-wrapper{width:5rem;height:5rem;background:#1f2937;border-radius:.5rem;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-wrapper img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.placeholder-icon{color:#4b5563}.order-details{flex-grow:1}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.order-date{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#9ca3af}.status-badge{display:inline-block;padding:.125rem .5rem;border-radius:.25rem;font-size:.875rem;margin-bottom:.5rem}.status-badge.purple{background:#a855f733;color:#d8b4fe;border:1px solid rgba(168,85,247,.3)}.status-badge.indigo{background:#6366f133;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.note-box{font-size:.875rem;color:#d1d5db;background:#1f293780;padding:.5rem;border-radius:.25rem;margin-top:.5rem}.note-box.indigo-border{border-left:2px solid #818cf8}.note-label{color:#6b7280}.tracking-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.tracking-number-wrapper{display:flex;align-items:center;gap:.5rem}.tracking-number{font-family:monospace;color:#818cf8;font-weight:700}.external-link{color:#6b7280;transition:color .2s}.external-link:hover{color:#fff}.tracking-date{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#9ca3af}.tracking-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.address-row{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:#d1d5db}.address-row svg{margin-top:.125rem;color:#6b7280;flex-shrink:0}.tracking-footer{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;font-size:.625rem;color:#4b5563;margin-top:.75rem}.empty-message{padding:1.5rem;text-align:center;color:#6b7280;background:#1e293b;border-radius:1rem;border:1px solid rgba(255,255,255,.05)}.confirm-modal{max-width:450px;animation:modalAppear .3s ease-out}@keyframes modalAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h3{color:#fff;font-size:1.25rem;font-weight:700}.close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;transition:color .2s}.modal-body{margin-bottom:1.5rem}.modal-body p{color:#d1d5db;margin-bottom:.5rem}.warning-text{color:#f87171;font-size:.875rem;margin-top:.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid #1f2937}.cancel-btn{background:#ffffff0d;color:#94a3b8;border:1px solid rgba(255,255,255,.1);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.confirm-btn{background:#ef4444;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .2s}.toast{position:fixed;bottom:2rem;right:2rem;background:#a855f7;color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;z-index:3000;animation:slideIn .3s ease-out;font-weight:500;box-shadow:0 10px 15px -3px #0000001a}.selection-toolbar{position:sticky;top:0;z-index:100;background:#a855f7;margin:-2rem -2rem 2rem;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0003;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.selection-info .count{font-weight:700;font-size:1.1rem;color:#fff}.selection-actions{display:flex;gap:1rem}.btn-cancel{background:#fff3;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer}.btn-delete-bulk{background:#ef4444;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px #0000001a}.checkbox-wrapper{position:absolute;top:1rem;right:1rem;z-index:10}.checkbox-wrapper input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#a855f7}.order-card{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.order-card.selected{border-color:#a855f7;background:#a855f71a;box-shadow:0 0 0 2px #a855f7}.order-card:active{transform:scale(.98)}.note-select-inline{background:transparent;border:1px solid rgba(168,85,247,.3);color:#d8b4fe;font-style:italic;font-size:.85rem;border-radius:.25rem;padding:.1rem .3rem;cursor:pointer;outline:none}.note-select-inline:hover{border-color:#a855f7}.modal-tabs{display:flex;gap:1rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.tab-btn{background:none;border:none;color:#94a3b8;font-weight:600;cursor:pointer;padding:.25rem .5rem;position:relative}.tab-btn.active{color:#a855f7}.tab-btn.active:after{content:"";position:absolute;bottom:-.6rem;left:0;right:0;height:2px;background:#a855f7}.modal-select{width:100%;padding:.75rem;background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;outline:none;box-sizing:border-box}.modal-select option{background:#1e293b;color:#fff}textarea{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;outline:none;resize:vertical;font-family:monospace;box-sizing:border-box}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.filter-bar{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1rem;background:#ffffff08;border-radius:.75rem;align-items:center;border:1px solid rgba(255,255,255,.05)}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-group label{color:#94a3b8;font-size:.875rem;white-space:nowrap}.filter-group select{background:#1e293b;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.4rem .75rem;border-radius:.5rem;outline:none;cursor:pointer;font-size:.875rem}.filter-group select:hover{border-color:#a855f7}.clear-filter{background:none;border:none;color:#f87171;font-size:.875rem;cursor:pointer;padding:0;text-decoration:underline}.header-section h1{font-size:2rem;color:#fff;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.count-badge{background:#ffffff1a;color:#94a3b8;font-size:1rem;padding:.125rem .75rem;border-radius:9999px;font-weight:600}.header-section p{color:#94a3b8}.actions{display:flex;gap:1rem;align-items:center}.search-box{display:flex;align-items:center;gap:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.6rem 1rem;border-radius:.75rem;color:#94a3b8;width:280px}.search-box input{background:transparent;border:none;color:#fff;outline:none;width:100%;padding:0;font-size:.875rem}.search-box:focus-within{border-color:#a855f7;background:#a855f70d}.add-trigger-btn{background:#a855f7;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;display:flex;align-items:center;gap:.5rem;font-weight:600;cursor:pointer;transition:background .2s}.add-trigger-btn:hover{background:#9333ea}.refresh-btn{background:#ffffff0d;color:#94a3b8;border:1px solid rgba(255,255,255,.1);padding:.75rem 1.25rem;border-radius:.75rem;display:flex;align-items:center;gap:.5rem;font-weight:600;cursor:pointer}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width: 1400px){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.grid{grid-template-columns:repeat(2,1fr)}}.order-card{background:#1e293b;border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;width:100%;box-sizing:border-box}.image-container{height:200px;background:#0f172a;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-container img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.no-image{color:#334155}.order-info{padding:1.25rem}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.card-actions{display:flex;gap:.5rem}.order-id{font-family:JetBrains Mono,monospace;color:#a855f7;font-weight:600}.copyable{cursor:pointer}.copyable:hover{color:#c084fc;text-decoration:underline}.status-badge-row{margin-bottom:1rem;display:flex;gap:.5rem;flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:600;background:#a855f71a;color:#c084fc}.status-badge[data-status=not_shipped]{background:#94a3b81a;color:#94a3b8}.status-badge[data-status=shipped]{background:#3b82f61a;color:#60a5fa}.status-badge[data-status=returning]{background:#10b9811a;color:#10b981}.status-badge[data-status=cancelled]{background:#ef44441a;color:#f87171}.status-badge.collecting{background:#ffffff0d;color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.details{display:flex;flex-direction:column;gap:.75rem}.detail-item{display:flex;align-items:center;gap:.75rem;color:#94a3b8;font-size:.875rem}.flex-col{display:flex;flex-direction:column;align-items:flex-start}.note-item{color:#64748b;background:#0000001a;padding:.5rem;border-radius:.4rem}.text-purple-400{color:#c084fc}.font-semibold{font-weight:600}.hover\:underline:hover{text-decoration:underline}.time-info{border-top:1px solid rgba(255,255,255,.05);padding-top:.75rem;margin-top:.25rem;display:flex;flex-direction:column;gap:.5rem}.mini-text{font-size:.75rem!important;color:#64748b!important}.btn-link-delete{font-size:.65rem;color:#ef4444;background:none;border:none;cursor:pointer;opacity:.7;padding:0;margin-top:.25rem}.btn-link-delete:hover{opacity:1;text-decoration:underline}.delete-btn,.reload-btn{color:#64748b;background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px}.delete-btn:hover{color:#f87171;background:#ef44441a}.reload-btn:hover:not(:disabled){color:#a855f7;background:#a855f71a}.reload-btn:disabled{opacity:.5}.check-btn{color:#10b981;background:#10b9811a;border:1px solid rgba(16,185,129,.3);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.check-btn:hover{color:#34d399;background:#10b98133;border-color:#10b981;transform:scale(1.1)}.status-badge.checked-badge{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1.5rem}.modal-content{width:100%;max-width:500px;background:#1e293b;padding:2rem;border:1px solid rgba(255,255,255,.1);border-radius:1.25rem;box-shadow:0 25px 50px -12px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.modal-header h3{color:#fff;font-size:1.25rem}.close-btn{background:none;border:none;color:#94a3b8;cursor:pointer}.close-btn:hover{color:#fff}.modal-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{color:#94a3b8;font-size:.875rem;font-weight:500}.input-group input{background:#0f172a;border:1px solid rgba(255,255,255,.1);padding:.85rem 1rem;border-radius:.5rem;color:#fff;outline:none;box-sizing:border-box}.input-group input:focus{border-color:#a855f7}.submit-btn{background:#a855f7;color:#fff;border:none;padding:1rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;cursor:pointer}.submit-btn:hover{background:#9333ea}.modal-body{margin-bottom:2rem}.modal-body p{color:#94a3b8;font-size:1rem;line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:1rem}.cancel-btn{background:#ffffff0d;color:#94a3b8;border:1px solid rgba(255,255,255,.1);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer}.confirm-btn{background:#ef4444;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer}.confirm-btn:hover{background:#dc2626}.confirm-modal{max-width:400px;border-radius:1.25rem}.toast{position:fixed;bottom:2rem;right:2rem;background:#22c55e;color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;z-index:3000;animation:slideIn .3s ease-out;font-weight:500}@keyframes slideIn{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}.animate-spin{animation:spin 1s linear infinite}.status-msg{text-align:center;color:#94a3b8;padding:2rem}.orders-list{min-height:200px}.shrink-0{flex-shrink:0}.page-container{max-width:1200px;margin:0 auto}.header{margin-bottom:2rem}.header h1{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.content-grid{display:grid;grid-template-columns:350px 1fr;gap:2rem}.form-card,.table-card{background:#1e293b;border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.05)}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;color:#3b82f6}.card-header h2{font-size:1.25rem;color:#fff}.input-field{margin-bottom:1.25rem}.input-field label{display:block;font-size:.875rem;color:#94a3b8;margin-bottom:.5rem}.input-field input{width:100%;padding:.75rem;background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;box-sizing:border-box}.form-actions{display:flex;gap:.75rem}.add-btn{flex:1;padding:.75rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer}.add-btn:hover{background:#2563eb}.cancel-btn{padding:.75rem 1.5rem;background:#ffffff0d;color:#94a3b8;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;font-weight:600;cursor:pointer}.cancel-btn:hover{background:#ffffff1a;color:#fff}.custom-table{width:100%;border-collapse:collapse}.custom-table th{text-align:left;padding:1rem;color:#64748b;font-weight:600;border-bottom:1px solid rgba(255,255,255,.05)}.custom-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);color:#fff}.password-cell{font-family:JetBrains Mono,monospace;color:#10b981}.row-actions{display:flex;gap:.5rem}.delete-btn,.edit-btn{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:.4rem;transition:all .2s}.edit-btn{color:#3b82f6}.edit-btn:hover{background:#3b82f61a}.delete-btn{color:#f87171}.delete-btn:hover{background:#ef44441a}.text-center{text-align:center;color:#64748b}.editing-row{background:#3b82f60d}.settings-container{max-width:100%}.header{margin-bottom:2.5rem}.title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.socket-indicator{display:flex;align-items:center;gap:.625rem;padding:.5rem 1rem;background:#ffffff0d;border-radius:.75rem;font-size:.75rem;font-weight:600}.socket-indicator .dot{width:8px;height:8px;border-radius:50%}.socket-indicator.online{color:#4ade80}.socket-indicator.online .dot{background:#22c55e;box-shadow:0 0 8px #22c55e}.socket-indicator.offline{color:#f87171}.socket-indicator.offline .dot{background:#ef4444;box-shadow:0 0 8px #ef4444}.header h1{font-size:2rem;font-weight:700;color:#f8fafc;margin:0}.header p{color:#94a3b8}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem}@media (max-width: 1400px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid{grid-template-columns:1fr}}.card{background:#1e293b;border:1px solid rgba(255,255,255,.05);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.card-header h2{font-size:1.25rem;font-weight:600;color:#f1f5f9}.card-desc{color:#94a3b8;font-size:.875rem;line-height:1.5;margin-bottom:1.5rem}.icon-blue{color:#3b82f6}.icon-purple{color:#a855f7}.icon-green{color:#10b981}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#e2e8f0;font-size:.875rem}.form-group input[type=number]{width:100%;padding:.5rem;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;box-sizing:border-box}.toggle-group{display:flex;align-items:center;justify-content:space-between;background:#0003;padding:.75rem 1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.05)}.label-text{color:#e2e8f0;font-weight:500}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#475569;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch input:checked+.slider{background-color:#3b82f6}.toggle-switch input:checked+.slider:before{transform:translate(20px)}.status-badge-container{margin-bottom:1.5rem}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:#ffffff0d;color:#cbd5e1}.status-badge.logged-in{background:#22c55e1a;color:#4ade80}.status-badge.failed{background:#ef44441a;color:#f87171}.status-badge.checking{background:#3b82f61a;color:#60a5fa}.status-badge.ready{background:#22c55e1a;color:#4ade80}.btn{padding:.75rem 1rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:flex;justify-content:center;align-items:center;width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d}.btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.1);color:#cbd5e1}.btn-secondary:hover:not(:disabled){background:#ffffff0d;border-color:#fff3}.spacer{flex:1;min-height:1.5rem}.button-group{display:flex;flex-direction:column;gap:.75rem}.logs-section{background:#0f172a;border:1px solid rgba(255,255,255,.05);border-radius:1rem;overflow:hidden}.logs-header{padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;background:#ffffff05}.logs-header h3{font-size:.875rem;font-weight:600;color:#94a3b8}.clear-btn{background:transparent;border:none;color:#64748b;font-size:.75rem;cursor:pointer}.clear-btn:hover{color:#94a3b8}.logs-container{padding:1rem;height:300px;overflow-y:auto;font-family:"ui-monospace",SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;display:flex;flex-direction:column;gap:.5rem}.log-item{display:flex;gap:.75rem;padding:.25rem .5rem;border-radius:.25rem}.log-time{color:#64748b;flex-shrink:0}.log-msg{color:#cbd5e1;word-break:break-all}.log-item.success .log-msg{color:#4ade80}.log-item.error .log-msg{color:#f87171}.no-logs{height:100%;display:flex;align-items:center;justify-content:center;color:#475569;font-style:italic}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-layout{display:flex;min-height:100vh;background:#020617;color:#f8fafc}.content{margin-left:260px;flex:1;padding:2.5rem;overflow-y:auto;transition:margin-left .3s ease-in-out}@media (max-width: 1024px) and (min-width: 768px){.content{margin-left:80px}}@media (max-width: 767px){.content{margin-left:0;padding:4rem 1rem 1rem}}.page-container{max-width:100%}