@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:.2s ease-in-out animate-fade-in}.driver-fade .driver-popover{animation:.2s animate-fade-in}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.driver-popover-title{zoom:1;margin:0;font:700 19px/1.5 sans-serif;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font:400 14px/1.5 sans-serif}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer button{all:unset;box-sizing:border-box;text-shadow:1px 1px #fff;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font:12px/1.3 sans-serif;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{margin-top:-5px;top:50%}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{margin-left:-5px;left:50%}.driver-popover-arrow-none{display:none}:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#eff6ff;--color-primary-50:#dbeafe;--color-success:#10b981;--color-success-light:#ecfdf5;--color-warning:#f59e0b;--color-warning-light:#fffbeb;--color-danger:#ef4444;--color-danger-light:#fef2f2;--color-bg:#f8fafc;--color-surface:#fff;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-text:#1e293b;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--status-white:#e2e8f0;--status-red:#ef4444;--status-green:#10b981;--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000d;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--navbar-height:52px;--top-nav-height:56px;--max-width:480px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#e0e7ff 0%,#eff6ff 50%,#f3e8ff 100%) fixed;justify-content:center;min-height:100dvh;display:flex;overflow-x:clip}img,svg{max-width:100%;display:block}button,input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}#root{width:100%;max-width:var(--max-width);background:var(--color-surface);min-height:100dvh;box-shadow:var(--shadow-2xl);flex-direction:column;display:flex;position:relative;overflow-x:clip}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media (width<=400px){html{font-size:14px}:root{--navbar-height:52px;--top-nav-height:44px;--space-4:.75rem;--space-5:1rem;--space-6:1.125rem;--space-8:1.5rem;--space-10:1.75rem;--space-12:2rem;--radius-lg:12px;--radius-xl:16px;--font-size-base:.9rem;--font-size-lg:1rem;--font-size-xl:1.1rem;--font-size-2xl:1.25rem;--font-size-3xl:1.5rem}.app-shell__content{padding:var(--space-3)}}.driver-popover{-webkit-backdrop-filter:blur(16px)!important;border-radius:var(--radius-xl)!important;color:var(--color-text)!important;font-family:var(--font-family)!important;background:#ffffffd9!important;border:1px solid #fffc!important;padding:20px!important;box-shadow:0 20px 40px #0000001a,inset 0 0 0 1px #fff6!important}.driver-popover-title{font-size:var(--font-size-lg)!important;color:var(--color-primary)!important;margin-bottom:10px!important;font-weight:700!important}.driver-popover-description{font-size:var(--font-size-sm)!important;color:var(--color-text-secondary)!important;line-height:1.6!important}.driver-popover-footer{margin-top:15px!important}.driver-popover-next-btn,.driver-popover-prev-btn,.driver-popover-done-btn{border-radius:var(--radius-md)!important;text-shadow:none!important;padding:8px 14px!important;font-weight:600!important;transition:all .2s!important}.driver-popover-next-btn,.driver-popover-done-btn{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover))!important;color:#fff!important;border:none!important;box-shadow:0 4px 10px #2563eb4d!important}.driver-popover-next-btn:hover,.driver-popover-done-btn:hover{transform:translateY(-1px)!important;box-shadow:0 6px 14px #2563eb66!important}.driver-popover-prev-btn{color:var(--color-text-secondary)!important;border:1px solid var(--color-border)!important;background:#fffc!important}.driver-popover-prev-btn:hover{background:var(--color-border-light)!important;color:var(--color-text)!important}.driver-popover-arrow{display:none!important}.tpl-tooltip{display:inline-flex;position:relative}.tpl-tooltip-content{visibility:hidden;opacity:0;background-color:var(--color-surface);width:260px;color:var(--color-text);text-align:left;border-radius:var(--radius-lg);padding:var(--space-3);z-index:999;border:1px solid var(--color-border);pointer-events:none;white-space:pre-wrap;font-size:13px;line-height:1.5;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;top:130%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.tpl-tooltip:hover .tpl-tooltip-content{visibility:visible;opacity:1;transform:translate(-50%)translateY(0)}.tpl-tooltip-content:after{content:"";border-style:solid;border-width:6px;border-color:transparent transparent var(--color-border-light) transparent;margin-left:-6px;position:absolute;bottom:100%;left:50%}.tpl-tooltip-content:before{content:"";border-style:solid;border-width:5px;border-color:transparent transparent var(--color-surface) transparent;z-index:1;margin-left:-5px;position:absolute;bottom:100%;left:50%}.navbar{-webkit-backdrop-filter:blur(16px);z-index:100;background:#ffffffeb;border-bottom:1px solid #0000000a;justify-content:space-between;align-items:center;height:52px;padding:0 14px;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:0 1px 3px #00000008}.navbar__brand{flex-shrink:0;align-items:center;gap:6px;min-width:0;display:flex}.navbar__brand-icon{flex-shrink:0;font-size:1.1rem;line-height:1}.navbar__brand-text{letter-spacing:-.3px;background:linear-gradient(135deg,#1e40af 0%,#3b82f6 50%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:15px;font-style:italic;font-weight:800}.navbar__tabs{flex-shrink:0;align-items:center;display:flex}.navbar__actions{align-items:center;gap:var(--space-2);display:flex}.top-nav{top:var(--navbar-height);height:calc(var(--top-nav-height));-webkit-backdrop-filter:blur(12px);z-index:99;background:#fffffff2;border-bottom:1px solid #0000000d;justify-content:space-around;align-items:center;display:flex;position:sticky}.top-nav__item{padding:var(--space-1) var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast);border-radius:var(--radius-md);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;display:flex}.top-nav__item:active{background:var(--color-primary-light)}.top-nav__item--active{color:var(--color-primary)}.top-nav__icon{font-size:1.35rem;line-height:1}.app-shell{flex-direction:column;flex:1;display:flex}.app-shell__content{padding:var(--space-4);flex:1}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--success{background:var(--color-success);color:var(--color-text-inverse)}.btn--danger{background:var(--color-danger);color:var(--color-text-inverse)}.btn--outline{color:var(--color-text);border:1.5px solid var(--color-border);background:0 0}.btn--outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn--ghost{color:var(--color-text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-primary)}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn--lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-base)}.btn--full{width:100%}.btn--icon{padding:var(--space-2);border-radius:var(--radius-md)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card--flat{box-shadow:none;border:1px solid var(--color-border-light)}.card--flat:hover{box-shadow:none;border-color:var(--color-border)}.input-group{gap:var(--space-1);flex-direction:column;display:flex}.input-group__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.input{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-base);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50)}.input::placeholder{color:var(--color-text-muted)}.textarea{resize:vertical;min-height:100px;font-family:var(--font-family)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.02em;display:inline-flex}.badge--white{color:#64748b;background:#f1f5f9}.badge--red{color:#dc2626;background:#fef2f2}.badge--green{color:#059669;background:#ecfdf5}.toast-container{top:var(--space-4);width:calc(100% - var(--space-6));z-index:9999;align-items:center;gap:var(--space-3);pointer-events:none;flex-direction:column;max-width:420px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-lg);pointer-events:auto;-webkit-backdrop-filter:blur(12px);align-items:flex-start;gap:10px;width:100%;padding:12px 16px;font-size:13.5px;font-weight:500;line-height:1.4;animation:.4s cubic-bezier(.16,1,.3,1) toast-in;display:flex}.toast--success{color:#065f46;background:#ecfdf5f2;border:1px solid #10b98133;box-shadow:0 8px 16px -4px #10b98126}.toast--error{color:#991b1b;background:#fef2f2f2;border:1px solid #ef444433;box-shadow:0 8px 16px -4px #ef444426}.toast--info{color:#1e40af;background:#eff6fff2;border:1px solid #2563eb33;box-shadow:0 8px 16px -4px #2563eb26}@keyframes toast-in{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0006;justify-content:center;align-items:flex-end;animation:.2s fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-6);width:100%;max-width:500px;max-height:85vh;animation:.3s slide-up;overflow-y:auto}.modal__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.customer-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);align-items:center;gap:var(--space-3);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;display:flex}.customer-card:active{background:var(--color-primary-light);transform:scale(.98)}.customer-card__info{flex:1;min-width:0}.customer-card__name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--color-text)}.customer-card__phone{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px}.customer-card__address{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.customer-card__status{flex-shrink:0}.empty-state{padding:var(--space-12) var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{margin-bottom:var(--space-4);opacity:.5;font-size:3rem}.empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.empty-state__desc{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:280px}.auth-layout{z-index:9999;background:#f0f4f8;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.auth-bg-shapes{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.auth-shape{filter:blur(140px);opacity:.25;border-radius:50%;animation:25s ease-in-out infinite alternate float-shape;position:absolute}.auth-shape-1{background:#0068ff;width:600px;height:600px;animation-delay:0s;top:-15%;left:-10%}.auth-shape-2{background:#8b5cf6;width:500px;height:500px;animation-delay:-7s;bottom:-10%;right:-5%}.auth-shape-3{opacity:.15;background:#f59e0b;width:400px;height:400px;animation-delay:-14s;top:40%;left:55%}.auth-shape-4{background:#0ea5e9;width:450px;height:450px;animation-delay:-21s;bottom:10%;left:-5%}@keyframes float-shape{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-30px)scale(1.1)}to{transform:translate(-20px,20px)scale(.9)}}.auth-container{z-index:1;width:100%;min-height:100dvh;padding:var(--space-6) clamp(2rem, 5vw, 6rem);grid-template-columns:1fr 1fr;place-items:center;display:grid}.auth-hero{text-align:center;padding:var(--space-6);flex-direction:column;justify-content:center;align-items:center;max-width:480px;display:flex}.auth-hero__illustration{margin-bottom:var(--space-8);filter:drop-shadow(0 20px 30px #0000000d);animation:6s ease-in-out infinite float-illustration}@keyframes float-illustration{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.auth-hero__title{color:var(--color-text);margin-bottom:var(--space-4);letter-spacing:-.02em;font-size:2.5rem;font-weight:800;line-height:1.2}.auth-hero__highlight{color:var(--color-primary);background:linear-gradient(135deg, var(--color-primary) 0%, #8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-hero__desc{color:var(--color-text-secondary);max-width:340px;margin:0 auto;font-size:1.05rem;line-height:1.6}.auth-form-wrapper{padding:var(--space-6);flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-footer{margin-top:var(--space-6);color:var(--color-text-muted);text-align:center;font-size:.8rem}@media (width<=850px){.auth-container{justify-content:center;align-items:center;gap:var(--space-5);padding:var(--space-2);flex-direction:column;height:100dvh;display:flex}.auth-hero{margin:0;margin-top:calc(env(safe-area-inset-top) - 25px);padding:0;display:flex}.auth-hero__illustration{margin-top:-10px;margin-bottom:5px}.auth-hero__illustration svg{width:135px;height:auto;transform:none}.auth-hero__title{margin-bottom:4px;font-size:1.2rem;line-height:1.1}.auth-hero__desc{opacity:.8;max-width:360px;margin:0 auto;padding:0 5px;font-size:.7rem;line-height:1.35;display:block}.login-card{padding:var(--space-3) var(--space-4);width:100%;margin:0;box-shadow:0 10px 30px -10px #0068ff26,inset 0 0 0 1px #fffc}.login-card__logo{display:block;margin-bottom:var(--space-1)!important}.login-card__logo-icon{margin-bottom:0!important;font-size:1.3rem!important}.login-card__logo-title{margin-bottom:0!important;font-size:1.1rem!important}.login-card p{margin-bottom:var(--space-2)!important;font-size:.7rem!important}.auth-form-wrapper{width:100%;max-width:380px;margin-bottom:20px;padding:0}.auth-form-wrapper input{padding:var(--space-2) var(--space-3)!important;height:42px!important}.auth-form-wrapper .form-group{margin-bottom:var(--space-3)!important}.auth-footer{opacity:.6;margin-top:0;font-size:.7rem;position:absolute;bottom:5px;left:0;right:0}.auth-shape-1{filter:blur(70px);width:250px;height:250px;top:-5%;left:-20%}.auth-shape-2{filter:blur(70px);width:250px;height:250px;bottom:-5%;right:-20%}.auth-shape-3{filter:blur(50px);width:200px;height:200px;top:15%;left:30%}.auth-shape-4{filter:blur(50px);width:200px;height:200px;bottom:20%;left:-10%}}.login-card{-webkit-backdrop-filter:blur(30px);border-radius:var(--radius-xl);padding:calc(var(--space-8) * 1.2);background:#ffffffb3;border:1px solid #ffffff80;width:100%;max-width:440px;box-shadow:0 40px 80px -20px #0068ff1f,inset 0 0 0 1px #fff9}.login-card__logo{text-align:center;margin-bottom:var(--space-6)}.login-card__logo-icon{margin-bottom:var(--space-2);font-size:2.5rem}.login-card__logo-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.login-card__logo-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.login-card__form{gap:var(--space-4);flex-direction:column;display:flex}.login-card__divider{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer}.login-card__divider:hover{color:var(--color-primary)}.import-panel{margin-bottom:var(--space-4)}.import-panel__textarea{width:100%;min-height:120px;padding:var(--space-3);border:2px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text);resize:vertical;transition:border-color var(--transition-fast);outline:none}.import-panel__textarea:focus{border-color:var(--color-primary);border-style:solid}.import-panel__actions{gap:var(--space-2);margin-top:var(--space-3);display:flex}.message-preview{background:var(--color-primary-light);border:1px solid var(--color-primary-50);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-3) 0}.message-preview__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.message-preview__text{font-size:var(--font-size-sm);color:var(--color-text);line-height:var(--line-height-normal);word-break:break-word}.copy-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:none;display:flex}.copy-btn:active{background:var(--color-primary-hover);transform:scale(.97)}.copy-btn--copied{animation:.3s pulse;background:var(--color-success)!important}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.filter-tabs{margin-bottom:var(--space-3);gap:6px;display:flex}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);font-size:11px;font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;text-align:center;border:none;border:1.5px solid var(--color-border);flex:1;padding:6px 4px;transition:background 80ms}.filter-tab--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.section-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.section-header__title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text)}.section-header__count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.navbar__badge{background:var(--color-danger);color:#fff;font-size:11px;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);letter-spacing:.02em;padding:3px 10px;animation:.3s badge-pop}@keyframes badge-pop{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.progress-section{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.progress-bar{background:var(--color-border-light);border-radius:var(--radius-full);height:8px;margin-bottom:var(--space-2);overflow:hidden}.progress-bar__fill{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-success) 100%);border-radius:var(--radius-full);min-width:0;height:100%;transition:width .5s}.progress-stats{justify-content:space-between;align-items:center;display:flex}.progress-stats__main{font-size:var(--font-size-sm);color:var(--color-text)}.progress-stats__detail{gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex}.search-box{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);transition:border-color var(--transition-fast);display:flex}.search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50)}.search-box__icon{flex-shrink:0;font-size:14px}.search-box__input{font-size:var(--font-size-sm);color:var(--color-text);background:0 0;border:none;outline:none;flex:1;min-width:0}.search-box__input::placeholder{color:var(--color-text-muted)}.search-box__clear{background:var(--color-border-light);color:var(--color-text-muted);border-radius:var(--radius-full);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex}.card-compact{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:10px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000a}.card-compact:hover{border-color:#2563eb33;transform:translateY(-2px);box-shadow:0 8px 15px #0000000d}.card-compact:active{transform:scale(.98)}.card--selected{border-width:2px!important;border-color:var(--color-primary)!important;background-color:#2563eb0a!important;box-shadow:0 0 0 1px #2563eb1a!important}.card-compact--done{opacity:.5;cursor:default}.card-compact--done:active{background:var(--color-surface);transform:none}.card-compact__index{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);text-align:center;flex-shrink:0;min-width:28px;padding:2px 7px;font-size:10px;font-weight:700}.card-compact__info{flex:1;min-width:0}.card-compact__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.card-compact__meta{color:var(--color-text-muted);margin-top:1px;font-size:11px;display:block}.card-compact__right{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.card--expanded{background:var(--color-surface);border:1.5px solid var(--color-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-2);animation:.3s cubic-bezier(.175,.885,.32,1.275) card-expand;overflow:hidden;box-shadow:0 12px 24px #2563eb26}@keyframes card-expand{0%{opacity:0;transform:scale(.97)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.card-expanded__header{padding:var(--space-3) var(--space-4);cursor:pointer;background:var(--color-primary-light);border-bottom:1px solid var(--color-primary-50);justify-content:space-between;align-items:center;display:flex}.card-expanded__body{padding:var(--space-3) var(--space-4) var(--space-4)}.card-section,.card-section:last-of-type{margin-bottom:var(--space-3)}.card-section__label{text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);font-size:10px;font-weight:700}.card-section__label--primary{color:var(--color-primary)}.card-section__label--relative{color:#e67e22}.card-section__empty{color:var(--color-text-muted);font-size:11px;font-style:italic}.card-relative-group{padding:var(--space-1);border-radius:var(--radius-sm);margin-bottom:var(--space-1)}.card-relative-group--done{background:var(--color-success-light)}.action-btn-v2{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--color-primary-light);border:1.5px solid #0000;margin-bottom:4px;padding:8px 12px;transition:transform 80ms;display:flex}.action-btn-v2:active{transform:scale(.97)}.action-btn-v2--done{background:var(--color-success-light);border-color:var(--color-success);opacity:.65}.action-btn-v2--copied{animation:.4s copied-flash;opacity:1!important;background:var(--color-success-light)!important;border-color:var(--color-success)!important;color:var(--color-success)!important}@keyframes copied-flash{0%{transform:scale(.95)}50%{transform:scale(1.03)}to{transform:scale(1)}}.action-btn-v2__icon{flex-shrink:0;font-size:14px}.action-btn-v2__label{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.action-btn-v2__label--mono{letter-spacing:.02em;font-family:SF Mono,Cascadia Code,Consolas,monospace}.action-btn-v2__status{flex-shrink:0;font-size:11px;font-weight:600}.card-complete-btn{margin-top:var(--space-3);font-size:var(--font-size-sm)!important;padding:var(--space-3)!important;border-radius:var(--radius-md)!important}.unreachable-btn{border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-muted);border:1px dashed var(--color-border);-webkit-user-select:none;user-select:none;background:0 0;justify-content:center;align-items:center;margin-top:4px;padding:6px 12px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.unreachable-btn:active{transform:scale(.97)}.unreachable-btn--active{background:var(--color-danger-light);border:1.5px solid var(--color-danger);color:var(--color-danger);border-style:solid;font-weight:600}.card-compact--unreachable{border-left:3px solid var(--color-danger);opacity:.7}.card-relative-group--unreachable{background:var(--color-danger-light);border-left:2px solid var(--color-danger)}.card-summary{gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-secondary);margin-top:var(--space-2);flex-wrap:wrap;font-size:11px;display:flex}@media (width>=768px){.modal-overlay{align-items:center}.modal{border-radius:var(--radius-xl);max-height:80vh}}.flex-center{justify-content:center;align-items:center;display:flex}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.text-muted{color:var(--color-text-muted)}.mb-3{margin-bottom:12px}.action-btn-v2{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.action-btn-v2:not(.action-btn-v2--done):not(.action-btn-v2--copied):hover{background:var(--color-surface);border-color:var(--color-primary);opacity:.9}.unreachable-btn{cursor:pointer;transition:all .2s}.card-compact{cursor:pointer}.card-actions-grid{gap:var(--space-2);margin-bottom:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.action-btn-v2{margin-bottom:0!important;padding:8px 6px!important}.card-summary{display:none!important}@media (width<=480px){.action-btn-v2__status>span{display:none}}@keyframes badge-pulse-subtle{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 4px #ef444400}to{box-shadow:0 0 #ef444400}}.interactive-badge-pulse{z-index:10;border-radius:9999px;animation:2s infinite badge-pulse-subtle;position:relative}@media (width<=400px){.navbar{height:var(--navbar-height);padding:0 var(--space-3)}.navbar__brand{font-size:var(--font-size-sm);gap:var(--space-1)}.navbar__badge{padding:2px 7px;font-size:10px}.top-nav{height:var(--top-nav-height)}.top-nav__item{padding:var(--space-1) var(--space-2);font-size:10px}.top-nav__icon{font-size:1.1rem}.import-panel{margin-bottom:var(--space-2)}.card{padding:var(--space-3);border-radius:var(--radius-md)}.customer-card{padding:var(--space-3);gap:var(--space-2)}.customer-card__name{font-size:var(--font-size-sm)}.customer-card__phone{font-size:var(--font-size-xs)}.customer-card__address{font-size:10px}.card-compact{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.card-compact__index{min-width:24px;padding:2px 6px;font-size:9px}.card-compact__name{font-size:var(--font-size-xs)}.card-compact__meta{font-size:10px}.card-expanded__header{padding:var(--space-2) var(--space-3)}.card-expanded__body{padding:var(--space-2) var(--space-3) var(--space-3)}.action-btn-v2{padding:6px 5px!important}.action-btn-v2__icon{font-size:12px}.action-btn-v2__label{font-size:11px}.action-btn-v2__status{font-size:10px}.card-section{margin-bottom:var(--space-2)}.card-section__label{margin-bottom:var(--space-1);font-size:9px}.progress-section{padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}.progress-bar{height:5px;margin-bottom:var(--space-1)}.progress-stats__main{font-size:var(--font-size-xs)}.progress-stats__detail{gap:var(--space-2);font-size:10px}.filter-tab{padding:4px 3px;font-size:10px}.search-box{padding:var(--space-1) var(--space-2);margin-bottom:var(--space-2)}.search-box__input{font-size:var(--font-size-xs)}.modal{padding:var(--space-4)}.modal__title{font-size:var(--font-size-base)}.btn--sm{padding:var(--space-1) var(--space-2);font-size:10px}.btn--lg{padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm)}.copy-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.empty-state{padding:var(--space-8) var(--space-3)}.empty-state__icon{font-size:2.2rem}.empty-state__title{font-size:var(--font-size-base)}.empty-state__desc{font-size:var(--font-size-xs)}.toast{padding:8px 12px;font-size:12px}.card-complete-btn{margin-top:var(--space-2);font-size:var(--font-size-xs)!important;padding:var(--space-2)!important}.unreachable-btn{margin-top:2px;padding:4px 10px;font-size:10px}.navbar{gap:4px;padding:0 6px}.navbar__brand-text{font-size:.8rem}.navbar__brand-icon{font-size:1rem}.navbar__tab{gap:2px;padding:4px 7px;font-size:10px}}.navbar__brand-text{background:linear-gradient(135deg, var(--color-primary) 0%, #8b5cf6 100%);-webkit-text-fill-color:transparent;white-space:nowrap;letter-spacing:-.01em;-webkit-background-clip:text;background-clip:text;font-size:.95rem;font-style:italic;font-weight:800}