/*! tailwindcss v4.1.5 | 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)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-1\/2{top:50%}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.w-full{width:100%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:3.40282e+38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.text-right{text-align:right}.whitespace-nowrap{white-space:nowrap}.uppercase{text-transform:uppercase}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:root{--color-bg:#f3f6fa;--color-bg-gradient:linear-gradient(135deg,#f9fafb,#f3f4f6);--color-card:#fff;--color-card-hover:#f8fafc;--color-text:#1e293b;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-text-light:#cbd5e1;--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-primary-bg:#eff6ff;--color-primary-border:#bfdbfe;--color-accent:#10b981;--color-accent-dark:#059669;--color-accent-light:#34d399;--color-accent-bg:#ecfdf5;--color-accent-border:#a7f3d0;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-primary-hover:linear-gradient(135deg,#764ba2,#667eea);--gradient-accent:linear-gradient(135deg,#10b981,#3b82f6);--gradient-accent-hover:linear-gradient(135deg,#059669,#2563eb);--gradient-danger:linear-gradient(135deg,#f093fb,#f5576c);--gradient-danger-hover:linear-gradient(135deg,#f5576c,#f093fb);--gradient-header:linear-gradient(135deg,#3b82f6,#2563eb);--gradient-sidebar:linear-gradient(120deg,#1e3a52 85%,#2b4a6a);--color-success:#10b981;--color-success-bg:#ecfdf5;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-error:#ef4444;--color-error-bg:#fef2f2;--color-info:#3b82f6;--color-info-bg:#eff6ff;--sent-msg:#dcfce7;--received-msg:#f1f5f9;--timestamp-color:#94a3b8;--nav-bg:#f0f4f8;--input-bg:#f9fafb;--border-color:#e2e8f0;--border-color-light:#f1f5f9;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 4px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--shadow-xl:0 16px 48px #0000001f;--shadow-elevation:0 8px 20px #172c5014,0 2px 4px #172c500f;--shadow-card:0 4px 12px #00000014,0 1px 3px #0000000a;--shadow-card-hover:0 12px 28px #0000001f,0 4px 8px #0000000f;--shadow-button:0 4px 14px #3b82f640;--shadow-button-hover:0 8px 24px #3b82f659;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--transition-fast:all .15s cubic-bezier(.4,0,.2,1);--transition:all .25s cubic-bezier(.22,1,.36,1);--transition-slow:all .35s cubic-bezier(.4,0,.2,1);--transition-spring:all .3s cubic-bezier(.34,1.56,.64,1)}body,html{background:var(--color-bg);color:var(--color-text);scroll-behavior:smooth;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100vh;transition:background var(--transition),color var(--transition);margin:0;padding:0;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,Arial,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--color-text);letter-spacing:-.025em;font-weight:700;line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}a{color:var(--color-primary);transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}p{line-height:1.6}label,p{color:var(--color-text-secondary)}label{letter-spacing:.025em;text-transform:uppercase;margin-bottom:.375rem;font-size:.8125rem;font-weight:600;display:block}canvas,img,picture,svg,video{max-width:100%;height:auto;display:block}*,:after,:before{box-sizing:border-box;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition),border var(--transition-fast)}.container{width:100%;max-width:100%;margin:0 auto;padding:1.5rem 1rem}@media (min-width:640px){.container{max-width:640px}}@media (min-width:1024px){.container{max-width:1024px}}input,select,textarea{border:1.5px solid var(--border-color);border-radius:var(--radius-lg);background:var(--color-card);width:100%;color:var(--color-text);transition:var(--transition-fast);box-shadow:var(--shadow-xs);outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:hover,select:hover,textarea:hover{border-color:var(--color-primary-light)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg),var(--shadow-sm);outline:none}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8.5L1.5 4h9L6 8.5z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.5rem}input:disabled,select:disabled,textarea:disabled{background:var(--border-color-light);color:var(--color-text-muted);cursor:not-allowed;opacity:.7}.btn-primary{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-button);transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";background:var(--gradient-primary-hover);z-index:0;width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.btn-primary span,.btn-primary svg{z-index:1;position:relative}.btn-primary:hover:before{left:0}.btn-primary:hover{box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.btn-primary:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary:disabled:hover{box-shadow:var(--shadow-button);transform:none}.btn-primary:disabled:before{display:none}.btn-accent{background:var(--gradient-accent);color:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #10b98140}.btn-accent:hover{background:var(--gradient-accent-hover);transform:translateY(-2px);box-shadow:0 8px 24px #10b98159}.btn-accent:active{transform:translateY(0)}.btn-accent:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary:hover{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-button-hover);border-color:#0000;transform:translateY(-2px)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:var(--gradient-danger);color:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #f5576c40}.btn-danger:hover{background:var(--gradient-danger-hover);transform:translateY(-2px);box-shadow:0 8px 24px #f5576c59}.sf-panel{flex-direction:column;gap:.75rem;padding:0;display:flex}.sf-header-bar{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.sf-header-info{flex:1;min-width:200px}.sf-main-title{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700}.sf-main-sub{color:#64748b;margin:.25rem 0 0;font-size:.85rem}.sf-stat-row{flex-wrap:wrap;gap:.5rem;display:flex}.sf-stat{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fff;align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.8rem;font-weight:600;display:flex}.sf-stat span{font-size:1rem;font-weight:700}.sf-stat small{color:#64748b;font-size:.7rem;font-weight:500}.sf-stat-pending{color:#dc2626;background:#fef2f2;border-color:#fecaca}.sf-stat-ofd{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.sf-stat-done{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.sf-toggle-form{color:#64748b;border-radius:var(--radius-md);cursor:pointer;background:#f8fafc;border:1px dashed #cbd5e1;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.sf-toggle-form:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-bg)}.sf-form-card{background:var(--color-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1rem}.sf-form-title{color:#334155;border-bottom:1px solid var(--border-color-light);align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;font-size:.95rem;font-weight:700;display:flex}.sf-form-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.sf-field{flex-direction:column;gap:.25rem;display:flex}.sf-field label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:.75rem;font-weight:600}.sf-field input,.sf-field select,.sf-field textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;padding:.55rem .7rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.sf-field input:focus,.sf-field select:focus,.sf-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg);outline:none}.sf-field-wide{grid-column:span 2}.sf-field-small{max-width:100px}.sf-form-actions{border-top:1px solid var(--border-color-light);flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem;padding-top:.75rem;display:flex}.sf-btn-submit{color:#fff;background:var(--gradient-primary);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 8px #3b82f640}.sf-btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f659}.sf-btn-submit:disabled{opacity:.7;cursor:not-allowed}.sf-msg{border-radius:var(--radius-md);align-items:center;gap:.35rem;padding:.45rem .7rem;font-size:.8rem;font-weight:600;display:inline-flex}.sf-msg-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.sf-msg-success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;animation:fadeInUp .3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sf-toolbar{flex-wrap:wrap;gap:.75rem;padding:.5rem 0}.sf-search-box,.sf-toolbar{align-items:center;display:flex}.sf-search-box{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;flex:1;min-width:250px;overflow:hidden}.sf-search-icon{color:#94a3b8;flex-shrink:0;margin-left:.65rem}.sf-search-box input{background:0 0;border:none;outline:none;flex:1;padding:.55rem .5rem;font-size:.875rem}.sf-btn-search{color:#fff;background:var(--color-primary);cursor:pointer;border:none;padding:.55rem .9rem;font-size:.8rem;font-weight:600;transition:background .15s}.sf-btn-search:hover{background:var(--color-primary-dark)}.sf-btn-clear{color:#94a3b8;border:none;border-left:1px solid var(--border-color);cursor:pointer;background:0 0;padding:.55rem .7rem;font-size:.875rem;transition:all .15s}.sf-btn-clear:hover{color:#ef4444;background:#fef2f2}.sf-filter-btns{border-radius:var(--radius-md);background:#f1f5f9;gap:.35rem;padding:.25rem;display:flex}.sf-filter-btn{color:#64748b;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:.45rem .85rem;font-size:.8rem;font-weight:600;transition:all .15s}.sf-filter-btn:hover{color:#334155}.sf-filter-btn.active{color:var(--color-primary);background:#fff;box-shadow:0 1px 3px #0000001a}.sf-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--color-card);box-shadow:var(--shadow-sm);overflow-x:auto}.sf-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.875rem}.sf-table td,.sf-table th{text-align:center;vertical-align:middle;border-bottom:1px solid var(--border-color-light);white-space:nowrap;padding:.75rem 1rem}.sf-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-size:.75rem;font-weight:700}.sf-table tbody tr{transition:background .15s}.sf-table tbody tr:hover{background:#f8fafc}.sf-table tbody tr[data-status=Pending]{background:linear-gradient(90deg,#fef2f2,#fff 60%)}.sf-table tbody tr[data-status=OFD]{background:linear-gradient(90deg,#eff6ff,#fff 60%)}.sf-table tbody tr[data-status=Delivered]{background:linear-gradient(90deg,#ecfdf5,#fff 60%)}.sf-table tbody tr.dragging{opacity:.7;transform:scale(1.01)}.sf-cell-docket{color:#1e293b;white-space:nowrap;cursor:pointer;border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:.35rem;padding:.25rem .5rem;font-weight:600;transition:background .15s;display:inline-flex}.sf-cell-docket:hover{background:#f1f5f9}.sf-cell-docket:active{background:#e2e8f0}.sf-copy-icon{color:#cbd5e1;flex-shrink:0;transition:color .15s}.sf-cell-docket:hover .sf-copy-icon{color:#64748b}.sf-copied{color:#059669;font-size:.85rem;font-weight:700}.sf-cell-desc{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;color:#475569;text-align:left;max-width:300px;overflow:hidden}.sf-cell-desc.expanded{white-space:normal;max-width:none}.sf-cell-pcs{text-align:center;width:60px;min-width:60px;font-weight:600}.sf-cell-status{width:110px;min-width:110px}.sf-table td:first-child,.sf-table th:first-child{width:120px;min-width:120px}.sf-table td:nth-child(2),.sf-table th:nth-child(2){width:100px;min-width:100px}.sf-table td:nth-child(3),.sf-table th:nth-child(3){width:auto;min-width:200px}.sf-table td:nth-child(4),.sf-table th:nth-child(4){width:90px;min-width:90px}.sf-status-select{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;width:100%;min-width:100px;padding:.35rem .5rem;font-size:.8rem;font-weight:600;transition:all .15s}.sf-status-pending{color:#dc2626;background:#fef2f2;border-color:#fecaca}.sf-status-ofd{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.sf-status-delivered{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.sf-empty{text-align:center;color:#94a3b8;font-style:italic;padding:2rem!important}.sf-load-more{text-align:center;padding:.5rem 0}.sf-btn-more{color:var(--color-primary);background:var(--color-primary-bg);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);cursor:pointer;padding:.5rem 1.25rem;font-size:.8rem;font-weight:600;transition:all .15s}.sf-btn-more:hover{background:var(--color-primary);color:#fff}.sf-cell-edit{text-align:center;width:60px;min-width:60px}.sf-btn-edit{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:#64748b;cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:.4rem;transition:all .15s;display:inline-flex}.sf-btn-edit:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.sf-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:fadeIn .2s;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sf-modal{border-radius:var(--radius-lg);background:#fff;width:90%;max-width:600px;max-height:90vh;animation:slideUp .3s;overflow-y:auto;box-shadow:0 20px 50px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.sf-modal-header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#f8fafc,#f1f5f9);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.sf-modal-header h3{color:#0f172a;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:700;display:flex}.sf-modal-close{color:#64748b;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:.35rem;transition:all .15s;display:inline-flex}.sf-modal-close:hover{color:#ef4444;background:#f1f5f9}.sf-modal-body{padding:1.25rem}.sf-modal-footer{border-top:1px solid var(--border-color-light);justify-content:flex-end;gap:.75rem;margin-top:1.25rem;padding-top:1rem;display:flex}.sf-btn-cancel{color:#64748b;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:#f8fafc;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .15s}.sf-btn-cancel:hover{color:#fff;background:#f1f5f9}.icon-spin{animation:icon-spin .8s linear infinite}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:768px){.sf-header-bar{flex-direction:column;align-items:flex-start;padding:.85rem}.sf-stat-row{justify-content:flex-start;width:100%}.sf-form-card{padding:.85rem}.sf-form-grid{grid-template-columns:1fr 1fr}.sf-field-wide{grid-column:span 2}.sf-field-small{max-width:none}.sf-toolbar{flex-direction:column;align-items:stretch}.sf-search-box{min-width:100%}.sf-filter-btns{justify-content:center}.sf-table td,.sf-table th{padding:.5rem;font-size:.8rem}.sf-cell-desc{max-width:120px}}@media (max-width:480px){.sf-form-grid{grid-template-columns:1fr}.sf-field-wide{grid-column:span 1}.sf-main-title{font-size:1.1rem}.sf-stat{padding:.35rem .5rem;font-size:.75rem}.sf-stat span{font-size:.9rem}}.stm-panel{flex-direction:column;gap:.75rem;padding:0;display:flex}.stm-header-bar{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.stm-header-info{align-items:center;gap:.75rem;display:flex}.stm-header-icon{border-radius:var(--radius-lg);background:var(--gradient-primary);justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #3b82f640}.stm-header-icon.purple{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 4px 12px #8b5cf640}.stm-header-icon svg{color:#fff}.stm-header-text h2{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700}.stm-header-text p{color:#64748b;margin:.25rem 0 0;font-size:.85rem}.stm-header-actions{align-items:center;gap:.5rem;display:flex}.stm-badge{background:#10b981;gap:.25rem;padding:.35rem .65rem;font-size:.75rem;font-weight:700}.stm-badge,.stm-btn-new{border-radius:var(--radius-md);color:#fff;align-items:center;display:inline-flex}.stm-btn-new{background:var(--gradient-primary);cursor:pointer;border:none;gap:.4rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #3b82f640}.stm-btn-new.purple{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 2px 8px #8b5cf640}.stm-btn-new:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f659}.stm-toolbar{flex-wrap:wrap;gap:.75rem;padding:.5rem 0}.stm-search-box,.stm-toolbar{align-items:center;display:flex}.stm-search-box{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;flex:1;min-width:250px;overflow:hidden}.stm-search-box svg{color:#94a3b8;flex-shrink:0;margin-left:.65rem}.stm-search-box input{background:0 0;border:none;outline:none;flex:1;padding:.55rem .5rem;font-size:.875rem}.stm-filter-btns{border-radius:var(--radius-md);background:#f1f5f9;gap:.35rem;padding:.25rem;display:flex}.stm-filter-btn{color:#64748b;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.stm-filter-btn:hover{color:#334155}.stm-filter-btn.active{color:var(--color-primary);background:#fff;box-shadow:0 1px 3px #0000001a}.stm-form-card{background:var(--color-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1rem}.stm-form-title{color:#334155;border-bottom:1px solid var(--border-color-light);align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;font-size:.95rem;font-weight:700;display:flex}.stm-form-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.stm-field{flex-direction:column;gap:.25rem;display:flex}.stm-field label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:.75rem;font-weight:600}.stm-field input,.stm-field select,.stm-field textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;padding:.55rem .7rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.stm-field input:focus,.stm-field select:focus,.stm-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg);outline:none}.stm-field-wide{grid-column:span 3}.stm-task-list{flex-direction:column;gap:.75rem;display:flex}.stm-task-card{background:var(--color-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:box-shadow .15s;overflow:hidden}.stm-task-card:hover{box-shadow:var(--shadow-md)}.stm-task-card[data-status=Pending]{border-left:4px solid #f59e0b}.stm-task-card[data-status=In\ Progress]{border-left:4px solid #3b82f6}.stm-task-card[data-status=Completed]{border-left:4px solid #10b981}.stm-task-header{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;transition:background .15s;display:flex}.stm-task-header:hover{background:#f8fafc}.stm-task-info{flex:1;min-width:0}.stm-task-title{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.stm-task-title h3{color:#1e293b;margin:0;font-size:.95rem;font-weight:600}.stm-task-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.stm-task-meta span{border-radius:var(--radius-sm);background:#f1f5f9;align-items:center;gap:.35rem;padding:.25rem .5rem;display:inline-flex}.stm-task-actions{align-items:center;gap:.5rem;display:flex}.stm-status{border-radius:var(--radius-full);align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.stm-status-pending{color:#92400e;background:#fef3c7;border:1px solid #fcd34d}.stm-status-progress{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd}.stm-status-completed{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7}.stm-priority{border-radius:var(--radius-full);text-transform:uppercase;padding:.2rem .5rem;font-size:.65rem;font-weight:700}.stm-priority-low{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.stm-priority-normal{color:#1d4ed8;background:#eff6ff;border:1px solid #93c5fd}.stm-priority-high{color:#c2410c;background:#fff7ed;border:1px solid #fdba74}.stm-priority-urgent{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5}.stm-task-body{border-top:1px solid var(--border-color-light);background:#fafbfc;padding:1rem}.stm-task-section{margin-bottom:1rem}.stm-task-section:last-child{margin-bottom:0}.stm-task-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.7rem;font-weight:700}.stm-task-section-content{color:#334155;border-radius:var(--radius-md);border:1px solid var(--border-color-light);white-space:pre-wrap;background:#fff;padding:.75rem;font-size:.875rem}.stm-task-response{border-radius:var(--radius-md);background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;padding:.75rem}.stm-task-response-title{color:#1d4ed8;text-transform:uppercase;margin-bottom:.35rem;font-size:.7rem;font-weight:700}.stm-task-response-text{color:#1e40af;font-size:.875rem}.stm-task-footer{border-top:1px solid var(--border-color-light);justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.stm-task-date{color:#94a3b8;font-size:.75rem}.stm-btn-delete{color:#dc2626;border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.8rem;font-weight:600;transition:background .15s;display:inline-flex}.stm-btn-delete:hover{background:#fef2f2}.stm-empty{text-align:center;background:var(--color-card);border:1px solid var(--border-color);padding:3rem 1.5rem}.stm-empty,.stm-empty-icon{border-radius:var(--radius-lg)}.stm-empty-icon{background:#f1f5f9;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex}.stm-empty-icon svg{color:#94a3b8}.stm-empty h3{color:#334155;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.stm-empty p{color:#64748b;margin:0;font-size:.875rem}.sp-panel{padding:1rem}.sp-panel,.sp-staff-card{background:var(--color-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.sp-staff-card{margin-bottom:.75rem;transition:box-shadow .15s;overflow:hidden}.sp-staff-card:hover{box-shadow:var(--shadow-md)}.sp-staff-header{cursor:pointer;justify-content:space-between;align-items:center;padding:1rem;transition:background .15s;display:flex}.sp-staff-header:hover{background:#f8fafc}.sp-staff-info{align-items:center;gap:.75rem;display:flex}.sp-staff-avatar{border-radius:var(--radius-lg);background:linear-gradient(135deg,#c7d2fe,#a5b4fc);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.sp-staff-avatar svg{color:#4338ca}.sp-staff-name{color:#1e293b;margin:0;font-weight:600}.sp-staff-email{color:#64748b;margin:0;font-size:.85rem}.sp-staff-actions{align-items:center;gap:.5rem;display:flex}.sp-feature-count{border-radius:var(--radius-md);color:#fff;padding:.35rem .65rem;font-size:.75rem;font-weight:700}.sp-feature-count.all{background:#10b981}.sp-feature-count.some{background:#f59e0b}.sp-feature-count.none{background:#ef4444}.sp-staff-body{border-top:1px solid var(--border-color-light);background:#fafbfc;padding:1rem}.sp-quick-actions{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.sp-btn-action{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.sp-btn-action.enable{color:#fff;background:#10b981}.sp-btn-action.disable{color:#fff;background:#ef4444}.sp-btn-action.reset{color:#fff;background:#64748b}.sp-features-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.sp-feature-item{border-radius:var(--radius-md);border:2px solid var(--border-color);cursor:pointer;background:#fff;align-items:center;gap:.75rem;padding:.75rem;transition:all .15s;display:flex}.sp-feature-item.enabled{background:#f0fdf4;border-color:#86efac}.sp-feature-checkbox{border-radius:var(--radius-sm);background:#e2e8f0;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.sp-feature-item.enabled .sp-feature-checkbox{background:#22c55e}.sp-feature-checkbox svg{color:#fff}.sp-feature-text{flex:1;min-width:0}.sp-feature-label{color:#1e293b;margin:0;font-size:.875rem;font-weight:600}.sp-feature-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;overflow:hidden}.sp-btn-save{color:#fff;background:var(--gradient-primary);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #3b82f640}.sp-btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f659}.sp-btn-save:disabled{opacity:.7;cursor:not-allowed}@media (max-width:768px){.stm-header-bar{flex-direction:column;align-items:flex-start}.stm-header-actions{justify-content:flex-end;width:100%}.stm-toolbar{flex-direction:column;align-items:stretch}.stm-search-box{min-width:100%}.stm-filter-btns{justify-content:center}.stm-form-grid{grid-template-columns:1fr}.stm-field-wide{grid-column:span 1}.stm-task-header{flex-direction:column;gap:.75rem}.stm-task-actions{align-self:flex-end}.sp-features-grid{grid-template-columns:1fr}}.btn-sm{border-radius:var(--radius-md)!important;padding:.5rem 1rem!important;font-size:.8125rem!important}.btn-icon{border-radius:var(--radius-lg);background:var(--color-card);border:1.5px solid var(--border-color);width:2.5rem;height:2.5rem;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{background:var(--color-primary-bg);border-color:var(--color-primary-border);color:var(--color-primary);transform:translateY(-1px)}.btn-toggle{border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-muted);transition:var(--transition);background:0 0;border:none;padding:.55rem 1.05rem;font-size:.875rem;font-weight:600}.btn-toggle:hover{background:var(--color-primary-bg);color:var(--color-primary);transform:translateY(-1px)}.btn-toggle.active{background:var(--color-card);color:var(--color-primary);box-shadow:var(--shadow-md);transform:scale(1.02)}@media (max-width:639px){.btn-accent,.btn-primary,.btn-secondary{padding:.6rem 1.2rem!important;font-size:.9rem!important}}.table-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius-xl);width:100%;overflow-x:auto}.booking-history-table,.docket-table,.followup-table,.task-table{border-collapse:separate;border-spacing:0;background:var(--color-card);width:100%;box-shadow:var(--shadow-card);border-radius:var(--radius-xl);overflow:hidden}.booking-history-table td,.booking-history-table th,.docket-table td,.docket-table th,.followup-table td,.followup-table th,.task-table td,.task-table th{text-align:left;vertical-align:middle;border-bottom:1px solid var(--border-color-light);white-space:nowrap;transition:var(--transition-fast);padding:.875rem 1rem;font-size:.9375rem}.booking-history-table th,.docket-table th,.followup-table th,.task-table th{color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-size:.8125rem;font-weight:700}.booking-history-table tbody tr,.docket-table tbody tr,.followup-table tbody tr,.task-table tbody tr{transition:var(--transition-fast)}.booking-history-table tbody tr:hover,.docket-table tbody tr:hover,.followup-table tbody tr:hover,.task-table tbody tr:hover{background:var(--color-card-hover)}.booking-history-table tbody tr:last-child td,.docket-table tbody tr:last-child td,.followup-table tbody tr:last-child td,.task-table tbody tr:last-child td{border-bottom:none}.task-table td.truncate,.truncate-desc{text-overflow:ellipsis;cursor:pointer;max-width:18ch;transition:color var(--transition-fast);overflow:hidden}.expanded-desc:hover,.truncate-desc:hover{color:var(--color-primary);text-decoration:underline}.expanded-desc{white-space:normal;cursor:pointer}.copied-label{color:var(--color-success);margin-left:.375rem;font-size:.6875rem;font-weight:600}.followup-table tr[data-status=Pending],.task-table tr[data-status=Pending]{background:linear-gradient(135deg,#fef2f2,#fff1f2);animation:rowFade .5s}.followup-table tr[data-status=OFD],.task-table tr[data-status=In\ Progress]{background:linear-gradient(135deg,#eff6ff,#e0f2fe);animation:rowFade .5s}.followup-table tr[data-status=Delivered],.task-table tr[data-status=Completed]{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);animation:rowFade .5s}@keyframes rowFade{0%{opacity:.6;transform:scale(.99)}to{opacity:1;transform:scale(1)}}.dashboard-tabs{gap:.375rem;display:flex;overflow-x:auto}.dashboard-tabs button{white-space:nowrap;background:var(--border-color-light);border-radius:var(--radius-md)var(--radius-md)0 0;cursor:pointer;color:var(--color-text-muted);transition:var(--transition);border:none;border-bottom:2px solid #0000;flex:none;padding:.75rem 1.25rem;font-family:inherit;font-size:.9375rem;font-weight:500}.dashboard-tabs button:hover{background:var(--color-card-hover);color:var(--color-primary)}.dashboard-tabs button.active{background:var(--color-card);border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-sm);font-weight:600}.dashboard-layout{align-items:flex-start;gap:1.25rem;display:flex}.dashboard-main{flex:1;width:100%;min-width:0}.sidebar{background:var(--gradient-sidebar);color:#f1f4f8;border-radius:var(--radius-xl);width:72px;max-height:calc(100vh - 5.5rem);box-shadow:var(--shadow-xl);border:1px solid #17243680;flex-shrink:0;min-height:80vh;padding:1.25rem .5rem;font-family:inherit;transition:width .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1);position:sticky;top:4.25rem;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{border-radius:var(--radius-full);background:#ffffff0d}.sidebar::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#fff3}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar .dashboard-tabs{gap:.5rem;display:flex;flex-direction:column!important}.sidebar .dashboard-tabs button{border-radius:var(--radius-lg);cursor:pointer;color:#cbd5e1;transition:var(--transition);white-space:nowrap;background:#ffffff14;border:none;justify-content:flex-start;align-items:center;gap:.75rem;width:100%;padding:.875rem;font-size:.9375rem;font-weight:500;display:flex;position:relative;overflow:visible}.sidebar .dashboard-tabs button .sidebar-icon{min-width:1.5rem;font-size:1.25rem;opacity:1!important;transform:none!important}.sidebar .dashboard-tabs button .sidebar-label,.sidebar .dashboard-tabs button .sidebar-text{opacity:0;white-space:nowrap;max-width:0;transition:opacity .25s,max-width .3s;overflow:hidden}.sidebar.sidebar--open .dashboard-tabs button .sidebar-label,.sidebar.sidebar--open .dashboard-tabs button .sidebar-text{opacity:1;max-width:180px}.sidebar .dashboard-tabs button:hover{color:#fff;background:#3b82f633;transform:translate(3px)}.sidebar .dashboard-tabs button.active{background:var(--gradient-primary);color:#fff;font-weight:600;box-shadow:0 4px 12px #3b82f640}.sidebar .dashboard-tabs button:disabled{opacity:.5;cursor:not-allowed;background:#ffffff0d}.sidebar .dashboard-tabs button:disabled:hover{background:#ffffff0d;transform:none}.sidebar-footer{color:#ffffff80;opacity:0;border-top:1px solid #94a3b840;max-height:0;margin-top:1.5rem;padding-top:1rem;font-size:.85rem;transition:opacity .3s,max-height .3s;overflow:hidden}.sidebar:hover .sidebar-footer{opacity:1;max-height:100px}@media (max-width:639px){.dashboard-layout{flex-direction:column;position:relative}.sidebar{opacity:0;pointer-events:none;z-index:40;width:100%;max-width:280px;height:auto;max-height:calc(100vh - 5rem);margin:0 auto;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;position:fixed;top:4rem;left:0;right:0;overflow-y:auto;transform:translate(-110%);padding:1.4rem 1rem!important}.sidebar.sidebar--open{opacity:1;pointer-events:auto;transform:translate(0);box-shadow:0 16px 40px #172c5040;width:280px!important}.sidebar.sidebar--open .dashboard-tabs button .sidebar-text{opacity:1!important;max-width:200px!important;display:inline-block!important}.sidebar.sidebar--open .dashboard-tabs button .sidebar-icon{opacity:1!important;display:flex!important}.sidebar.sidebar--open .sidebar-footer{opacity:1!important;max-height:150px!important}.sidebar-backdrop{z-index:30;background:#172c5073;animation:fadein .3s;position:fixed;inset:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}.dashboard-main{width:100%;min-width:0}.manager-panel,.special-followup-panel,.staff-panel{width:100%;margin-left:0;margin-right:0;max-width:100%!important}.table-wrapper{width:100%;overflow-x:auto}input,select,textarea{font-size:16px}}@media (min-width:640px){.sidebar{position:sticky;top:4.25rem;opacity:1!important;pointer-events:auto!important;transform:none!important}.sidebar.sidebar--closed{width:72px;min-width:72px}.sidebar.sidebar--open{width:220px;padding:1.25rem 1rem;box-shadow:0 20px 48px -8px #0f172a66}.sidebar.sidebar--open .dashboard-tabs button .sidebar-label,.sidebar.sidebar--open .dashboard-tabs button .sidebar-text{opacity:1;max-width:180px}.sidebar.sidebar--open .sidebar-footer{opacity:1;max-height:100px}}.task-modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:50;background:#0f172a99;justify-content:center;align-items:center;width:100%;height:100%;animation:modalBackdropIn .25s ease-out;display:flex;position:fixed;top:0;left:0}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}.task-modal{background:var(--color-card);border-radius:var(--radius-2xl);max-width:95%;max-height:90vh;box-shadow:var(--shadow-xl);padding:0;animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{background:var(--gradient-header);border-bottom:1px solid #ffffff1a;padding:1.5rem 2rem}.modal-header h3{color:#fff;margin:0;font-size:1.375rem;font-weight:700}.modal-header p{color:#fffc;margin:.25rem 0 0;font-size:.875rem}.modal-body{max-height:calc(90vh - 140px);padding:1.5rem 2rem;overflow-y:auto}.modal-footer{background:var(--border-color-light);border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;padding:1rem 2rem;display:flex}.whitespace-pre-wrap{white-space:pre-wrap;word-wrap:break-word}.chat-header{border-bottom:1px solid var(--border-color);border-radius:var(--radius-xl)var(--radius-xl)0 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1.5rem}.chat-header h2{color:var(--color-text);margin:0;font-size:1.25rem;font-weight:700}.chat-header p{color:var(--color-text-muted);margin:.25rem 0 0;font-size:.875rem}.chat-window{border-radius:0 0 var(--radius-xl)var(--radius-xl);background:linear-gradient(#f8fafc,#fff);flex-direction:column;flex:1;gap:.5rem;padding:1.25rem 1.5rem 4rem;display:flex;overflow-y:auto}.message-bubble{border-radius:var(--radius-xl);word-wrap:break-word;max-width:75%;box-shadow:var(--shadow-sm);transition:var(--transition-fast);margin-bottom:.25rem;padding:.75rem 1rem;font-size:.9375rem;position:relative}.message-bubble.sent{background:var(--sent-msg);border-radius:var(--radius-xl)var(--radius-xl)var(--radius-sm)var(--radius-xl);border:1px solid var(--color-accent-border);align-self:flex-end}.message-bubble.received{background:var(--received-msg);border-radius:var(--radius-xl)var(--radius-xl)var(--radius-xl)var(--radius-sm);border:1px solid var(--border-color);align-self:flex-start}.timestamp{color:var(--timestamp-color);text-align:right;margin-top:.375rem;font-size:.6875rem}.thumbnail{border-radius:var(--radius-lg);cursor:pointer;max-width:150px;box-shadow:var(--shadow-sm);transition:var(--transition);border:2px solid #0000;margin-top:.5rem;display:block}.thumbnail:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-border);transform:scale(1.03)}.pdf-thumbnail{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);background:linear-gradient(135deg,#f1f5f9,#e2e8f0);align-items:center;gap:.75rem;margin-top:.5rem;padding:.75rem;display:flex}.pdf-thumbnail p{color:var(--color-text);margin:0;font-size:.875rem;font-weight:500}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0f172ab3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--color-card);border-radius:var(--radius-xl);max-width:92vw;max-height:92vh;box-shadow:var(--shadow-xl);padding:1.5rem;position:relative;overflow:auto}.modal-content embed,.modal-content img{border-radius:var(--radius-md);width:100%;height:auto}.modal-close{background:var(--color-card);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;width:2rem;height:2rem;color:var(--color-text-muted);transition:var(--transition);justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error)}.fixed-input-container{background:var(--color-card);border-radius:var(--radius-full);z-index:10;border:1px solid var(--border-color);position:sticky;bottom:0;box-shadow:0 -4px 16px #00000014}.fixed-input-container,.input-container{align-items:center;padding:.5rem 1rem;display:flex}.input-container{background:var(--input-bg);border-radius:var(--radius-xl);border:1px solid var(--border-color);flex:1;margin:0 .75rem}.send-button{background:var(--gradient-accent);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;padding:.75rem;font-size:1.25rem;display:flex;box-shadow:0 4px 12px #10b98140}.send-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #10b98159}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.docket-table{border-collapse:separate;border-spacing:0;border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-card);margin-top:1.25rem;overflow:hidden}.docket-table td,.docket-table th{border:none;border-bottom:1px solid var(--border-color-light);vertical-align:middle;padding:.875rem 1rem}.docket-table th{color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-size:.8125rem;font-weight:700}.docket-thumb-group{flex-wrap:wrap;gap:.375rem;display:flex}.docket-thumb-group-item{object-fit:cover;border-radius:var(--radius-md);width:36px;height:36px;box-shadow:var(--shadow-sm);transition:var(--transition);border:2px solid #0000}.docket-thumb-group-item:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-border);transform:scale(1.08)}.upload-preview{flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;display:flex}.upload-preview .preview-item{position:relative}.upload-preview img{object-fit:cover;border:2px solid var(--border-color);border-radius:var(--radius-lg);width:64px;height:64px;box-shadow:var(--shadow-sm)}.upload-preview .remove-btn{background:var(--color-error);color:#fff;border-radius:var(--radius-full);cursor:pointer;width:20px;height:20px;box-shadow:var(--shadow-sm);transition:var(--transition-fast);border:2px solid #fff;justify-content:center;align-items:center;font-size:12px;line-height:16px;display:flex;position:absolute;top:-6px;right:-6px}.upload-preview .remove-btn:hover{background:#dc2626;transform:scale(1.1)}.docket-scan-section{background:var(--color-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-color-light);margin-bottom:1.5rem;padding:1.5rem}.docket-scan-inputs{flex-direction:column;gap:1rem;margin-bottom:1.25rem;display:flex}.docket-scan-inputs .input-group{align-items:center;gap:.75rem;display:flex}.docket-scan-inputs .upload-buttons{gap:1rem;display:flex}.search-area{gap:.75rem;margin-bottom:1rem;display:flex}.upload-progress-bar{background:var(--border-color);border-radius:var(--radius-full);width:100%;height:24px;margin-top:.75rem;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.upload-progress{background:var(--gradient-accent);border-radius:var(--radius-full);height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.upload-progress-bar p{color:var(--color-text);margin:0;font-size:.75rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.special-followup-panel{background:var(--color-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);border:1px solid var(--border-color-light);max-width:100%;margin:0 auto 1.5rem;padding:1.5rem}.special-followup-panel input,.special-followup-panel select,.special-followup-panel textarea{border:1.5px solid var(--border-color);border-radius:var(--radius-md);padding:.625rem .875rem}.special-followup-panel .search-controls{margin-bottom:1.25rem}.remark-mode-toggle{gap:.5rem;margin-bottom:1rem;display:flex}.remark-mode-btn{border-radius:var(--radius-md);cursor:pointer;background:var(--color-surface);color:var(--text-secondary);border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.remark-mode-btn:hover{background:var(--color-surface-hover,#374151)}.remark-mode-btn.active{background:var(--color-primary);color:#fff}.remark-suggestions{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--color-card);max-height:200px;margin-top:.5rem;overflow-y:auto}.remark-suggestion-item{cursor:pointer;border-bottom:1px solid var(--border-color-light);padding:.625rem .875rem;transition:background .15s}.remark-suggestion-item:hover{background:var(--color-surface)}.remark-suggestion-item:last-child{border-bottom:none}.remark-bulk-container{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color-light);margin-bottom:1rem;padding:1rem}.remark-bulk-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.remark-bulk-header h3{color:var(--text-primary);margin:0;font-size:.9375rem;font-weight:600}.remark-scan-btn{background:var(--color-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;transition:all .2s;display:flex}.remark-scan-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.remark-bulk-awb-list{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.remark-bulk-awb-row{align-items:center;gap:.5rem;display:flex}.remark-bulk-input{flex:1;padding:.5rem .75rem!important;font-size:.875rem!important}.remark-remove-btn{color:#ef4444;cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;padding:.375rem;transition:background .15s}.remark-remove-btn:hover{background:#ef444426}.remark-add-awb-btn{color:var(--color-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;margin-bottom:.75rem;padding:.25rem 0;font-size:.75rem;display:flex}.remark-add-awb-btn:hover{text-decoration:underline}.remark-bulk-textarea{resize:vertical;width:100%;height:5rem;margin-bottom:.75rem;font-size:.875rem!important}.remark-bulk-footer{justify-content:space-between;align-items:center;display:flex}.remark-bulk-count{color:var(--text-secondary);font-size:.75rem}.remark-bulk-scan-actions{gap:.5rem;display:flex}.remark-scan-continuous{background:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important}.remark-scan-stop{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}.remark-scanning-indicator{border-radius:var(--radius-md);color:#60a5fa;background:#60a5fa26;border:1px solid #60a5fa4d;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.75rem;display:flex}.remark-status-info{color:var(--text-secondary);margin-bottom:.75rem;font-size:.75rem}.remark-hint{color:var(--color-primary)}.special-followup-panel form{max-width:100%!important}.followup-table{border-collapse:separate;border-spacing:0;table-layout:auto;border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-card);margin-top:1.25rem;overflow:hidden}.followup-table td:not(:nth-child(3)),.followup-table th:not(:nth-child(3)){white-space:nowrap;width:1px}.followup-table td:nth-child(5),.followup-table th:nth-child(5){min-width:110px}.followup-table td,.followup-table th{border:none;border-bottom:1px solid var(--border-color-light);text-align:left;padding:.75rem .875rem}.followup-table th{color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-size:.8125rem;font-weight:700}.followup-table tr[data-status=Pending] td{background:linear-gradient(135deg,#fef2f2,#fff1f2);animation:rowFade .5s}.followup-table tr[data-status=OFD] td{background:linear-gradient(135deg,#eff6ff,#e0f2fe);animation:rowFade .5s}.followup-table tr[data-status=Delivered] td{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);animation:rowFade .5s}.special-followup-panel .form-row{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.login-loader-fullscreen{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:200px;padding:2rem;display:flex}.login-loader-fullscreen p{color:var(--color-text-secondary);margin:0;font-size:.9375rem}.login-loader-spinner{border:3px solid #8b5cf633;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:loginSpin .8s linear infinite}.login-loader-check{width:48px;height:48px}.login-loader-check svg{width:100%;height:100%}.login-loader-check circle{stroke-dasharray:166;stroke-dashoffset:166px;animation:stroke .4s ease-out forwards}.login-loader-check path{stroke-dasharray:48;stroke-dashoffset:48px;animation:stroke .3s ease-out .3s forwards}@keyframes loginSpin{to{transform:rotate(1turn)}}.global-loader-bar{z-index:99999;background:0 0;height:3px;position:fixed;top:0;left:0;right:0;overflow:hidden}.global-loader-bar-progress{background:linear-gradient(90deg,#8b5cf6,#6366f1,#8b5cf6) 0 0/200% 100%;height:100%;animation:progressSlide .3s ease-out forwards,shimmer 1s ease-in-out infinite}@keyframes progressSlide{0%{width:0}to{width:100%}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-loader{background:var(--bg,#0f0f14);z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.page-loader-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.page-loader-spinner{border:3px solid #8b5cf626;border-top-color:#8b5cf6;border-radius:50%;width:36px;height:36px;animation:pageSpinSmooth .8s linear infinite}.page-loader-text{color:#fff9;letter-spacing:.05em;font-size:.875rem;font-weight:500;animation:textPulse 1.5s ease-in-out infinite}@keyframes pageSpinSmooth{to{transform:rotate(1turn)}}@keyframes textPulse{0%,to{opacity:.6}50%{opacity:1}}.inline-spinner{border:2px solid #8b5cf626;border-top-color:#8b5cf6;border-radius:50%;width:24px;height:24px;animation:pageSpinSmooth .8s linear infinite;display:inline-block}.login-btn-loading{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.login-btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:loginSpin .6s linear infinite}.auth-panel{background:var(--color-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-color-light);max-width:420px;padding:2.5rem 2rem;position:relative;overflow:hidden}.auth-panel:before{content:"";background:var(--gradient-primary);height:4px;position:absolute;top:0;left:0;right:0}.auth-panel h1,.auth-panel h2{color:var(--color-text);text-align:center;letter-spacing:-.025em;margin-bottom:.5rem;font-weight:800}.auth-panel h2{font-size:1.75rem}.auth-panel p{text-align:center;margin-bottom:1.5rem}.auth-panel form{flex-direction:column;gap:1rem;display:flex}.auth-panel .btn-accent,.auth-panel .btn-primary{text-align:center;justify-content:center;width:100%;display:flex}.auth-panel .text-red-600{background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-md);border:1px solid #fecaca;padding:.75rem 1rem;font-size:.875rem}.login-mode-toggle{background:var(--nav-bg);border-radius:var(--radius-lg);gap:.25rem;margin-bottom:1.5rem;padding:.25rem;display:flex}.login-mode-btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);color:var(--color-text-secondary);background:0 0;border:none;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600}.login-mode-btn:hover{color:var(--color-text);background:#ffffff80}.login-mode-btn.active{background:var(--color-card);color:var(--color-primary);box-shadow:var(--shadow-sm)}.info-box{border-radius:var(--radius-lg);margin-bottom:1rem;padding:1rem;font-size:.875rem;line-height:1.5}.info-box p{text-align:left;margin:0}.info-box-blue{background:var(--color-info-bg);border:1px solid var(--color-primary-border);color:var(--color-primary-dark)}.info-box-green{background:var(--color-success-bg);border:1px solid var(--color-accent-border);color:var(--color-accent-dark)}.forgot-password-link{text-align:center;color:var(--color-text-muted);margin-top:.75rem;font-size:.875rem}.otp-link-btn{color:var(--color-primary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:0;font-family:inherit;font-size:.875rem;font-weight:600}.otp-link-btn:hover{color:var(--color-primary-dark);text-decoration:underline}@media (min-width:640px){.auth-panel .flex{flex-direction:row}}.manager-panel,.staff-panel{background:var(--color-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);border:1px solid var(--border-color-light);width:100%;max-width:100%;margin-bottom:1.5rem;padding:1.75rem}.panel-header{border-bottom:1px solid var(--border-color-light);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.panel-header h2{color:var(--color-text);margin:0;font-size:1.5rem;font-weight:700}.panel-header p{color:var(--color-text-muted);margin:.25rem 0 0;font-size:.875rem}.manager-panel .search-controls,.search-controls,.staff-panel .search-controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.manager-panel .search-controls input,.search-controls input,.staff-panel .search-controls input{border:1.5px solid var(--border-color);border-radius:var(--radius-lg);flex:1;min-width:200px;padding:.625rem .875rem}.manager-panel .search-controls .btn-accent,.search-controls .btn-accent,.staff-panel .search-controls .btn-accent{background:var(--gradient-accent);color:#fff;border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition);border:none;padding:.625rem 1rem}.search-controls .btn-accent:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.manager-panel .search-controls select,.search-controls select,.staff-panel .search-controls select{border:1.5px solid var(--border-color);border-radius:var(--radius-lg);background:var(--color-card);min-width:8rem;padding:.625rem 2rem .625rem .875rem}.time-picker-container{display:inline-block;position:relative}.time-picker-button{border:1.5px solid var(--border-color);border-radius:var(--radius-lg);background:var(--color-card);cursor:pointer;box-shadow:var(--shadow-xs);color:var(--color-primary);transition:var(--transition);align-items:center;gap:.5rem;padding:.625rem .875rem;font-family:inherit;font-size:.9375rem;display:flex}.time-picker-button:hover{background:var(--color-primary-bg);border-color:var(--color-primary)}.time-picker-dropdown{background:var(--color-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);z-index:20;width:9rem;max-height:14rem;box-shadow:var(--shadow-lg);margin-top:.375rem;animation:dropdownSlide .2s ease-out;position:absolute;top:100%;left:0;overflow-y:auto}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.time-picker-dropdown li{cursor:pointer;color:var(--color-text);transition:var(--transition-fast);border-bottom:1px solid var(--border-color-light);padding:.625rem .875rem;font-size:.875rem}.time-picker-dropdown li:last-child{border-bottom:none}.time-picker-dropdown li:hover{background:var(--color-primary-bg);color:var(--color-primary)}.stock-card{border-radius:var(--radius-2xl);cursor:pointer;transition:var(--transition),box-shadow .3s;box-shadow:var(--shadow-card);background:linear-gradient(145deg,#fff,#f8fafc);margin-bottom:1.25rem;padding:1.75rem;animation:cardPop .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;border:1px solid var(--border-color-light)!important}.stock-card:before{content:"";background:var(--gradient-primary);opacity:0;height:4px;transition:var(--transition);position:absolute;top:0;left:0;right:0}@keyframes cardPop{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.stock-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}.stock-card:hover:before{opacity:1}.stock-card.available{background:linear-gradient(145deg,#fff,#f0fdf4 50%,#ecfdf5)}.stock-card.available:before{background:linear-gradient(90deg,#10b981,#34d399)}.stock-card.available .icon-box{color:var(--color-accent-dark);background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.stock-card.used{background:linear-gradient(145deg,#fff,#eff6ff 50%,#dbeafe)}.stock-card.used:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stock-card.used .icon-box{color:var(--color-primary);background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.stock-card .icon-box{border-radius:var(--radius-full);width:3.5rem;height:3.5rem;transition:var(--transition-spring);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#f1f5f9,#e2e8f0);justify-content:center;align-items:center;margin-bottom:1rem;padding:1rem;font-size:1.75rem;display:flex}.stock-card:hover .icon-box{box-shadow:var(--shadow-lg);transform:scale(1.1)rotate(6deg)}@media (max-width:639px){.chat-window{min-height:400px;max-height:calc(100vh - 200px)}.auth-panel{width:calc(100% - 2rem);max-width:100%;margin:0 1rem}.stock-card{padding:1.2rem}.btn-accent,.btn-primary,.btn-secondary{width:100%;padding:.55rem 1rem!important;font-size:.875rem!important}.search-controls{flex-wrap:wrap}.search-controls input{flex:1;min-width:200px}.time-picker-dropdown{width:90%;max-width:250px;position:fixed;left:50%;transform:translate(-50%)}}.ador-booking-container{background:var(--color-bg-gradient);min-height:100vh;margin:0;padding:0}.ador-subtabs-nav{margin-bottom:1.5rem;padding:0 .25rem}.ador-subtabs-buttons{background:var(--color-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light);flex-wrap:wrap;gap:.625rem;padding:.5rem;display:flex}.ador-subtab-btn{border-radius:var(--radius-lg);cursor:pointer;color:var(--color-text-secondary);transition:var(--transition);background:0 0;border:none;align-items:center;gap:.5rem;padding:.625rem 1.125rem;font-size:.875rem;font-weight:500;display:flex;position:relative;overflow:hidden}.ador-subtab-btn:hover{color:var(--color-primary);background:var(--color-primary-bg)}.ador-subtab-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-button);font-weight:600}.ador-subtab-btn svg{flex-shrink:0;width:1.125rem;height:1.125rem;transition:transform .2s}.ador-subtab-btn.active svg{transform:scale(1.05)}.ador-content-panel{background:var(--color-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);border:1px solid var(--border-color-light);padding:1.75rem}@media (max-width:639px){.ador-subtabs-nav{margin-bottom:.75rem;padding:0}.ador-subtabs-buttons{-webkit-overflow-scrolling:touch;scrollbar-width:none;box-shadow:none;background:0 0;border:none;flex-direction:row;gap:.375rem;padding:.375rem;overflow:auto hidden}.ador-subtabs-buttons::-webkit-scrollbar{display:none}.ador-subtab-btn{border-radius:var(--radius-md);background:var(--color-card);width:auto;min-width:fit-content;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;padding:.5rem .75rem;font-size:.8125rem}.ador-subtab-btn svg{width:.9375rem;height:.9375rem}.ador-subtab-btn span{display:none}.ador-subtab-btn{padding:.625rem}.ador-content-panel{border-radius:var(--radius-xl);padding:.75rem}}@media (min-width:480px) and (max-width:639px){.ador-subtab-btn span{display:inline}.ador-subtab-btn{padding:.5rem .875rem}}@media (min-width:640px) and (max-width:1023px){.ador-subtab-btn{padding:.625rem 1rem;font-size:.875rem}.ador-content-panel{padding:1.5rem}}.booking-history-table{border-collapse:separate;border-spacing:0;border-radius:var(--radius-xl);width:100%;min-width:900px;box-shadow:var(--shadow-card);table-layout:fixed;margin-top:1.25rem;overflow:hidden}.booking-history-table td,.booking-history-table th{border:none;border-bottom:1px solid var(--border-color-light);text-align:left;text-overflow:ellipsis;padding:.875rem 1rem;overflow:hidden}.booking-history-table th{color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-size:.75rem;font-weight:700}.booking-history-table td:first-child,.booking-history-table th:first-child{width:15%}.booking-history-table td:nth-child(2),.booking-history-table th:nth-child(2){width:20%}.booking-history-table td:nth-child(3),.booking-history-table th:nth-child(3){width:18%;font-weight:600}.booking-history-table td:nth-child(4),.booking-history-table th:nth-child(4){text-align:center;width:12%}.booking-history-table td:nth-child(5),.booking-history-table th:nth-child(5){text-align:right;width:15%}.booking-history-table td:nth-child(6),.booking-history-table th:nth-child(6){text-align:center;width:20%}.booking-history-table tbody tr{transition:var(--transition-fast)}.booking-history-table tbody tr:hover{background:var(--color-card-hover)}.booking-history-table tbody tr:last-child td{border-bottom:none}.booking-cards-container{display:none;padding:.5rem 0!important}.booking-card{background:var(--color-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-color-light);transition:var(--transition);margin-bottom:1rem;padding:1.25rem;animation:cardFadeIn .3s ease-out;position:relative;overflow:hidden}.booking-card:before{content:"";background:var(--gradient-primary);height:3px;position:absolute;top:0;left:0;right:0}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.booking-card:hover{box-shadow:var(--shadow-card-hover)}.booking-card-header{border-bottom:1px solid var(--border-color-light);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.booking-card-awb{color:var(--color-primary);letter-spacing:.025em;font-size:1.125rem;font-weight:800}.booking-card-status{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.6875rem;font-weight:700;display:inline-flex}.booking-card-status.deletable{background:var(--color-error-bg);color:var(--color-error);border:1px solid #fecaca}.booking-card-status.locked{background:var(--border-color-light);color:var(--color-text-muted);border:1px solid var(--border-color)}.booking-card-body{flex-direction:column;gap:.625rem;margin-bottom:1rem;display:flex}.booking-card-row{border-bottom:1px solid var(--border-color-light);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.booking-card-row:last-child{border-bottom:none}.booking-card-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:700}.booking-card-value{color:var(--color-text);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-size:.9375rem;font-weight:600;overflow:hidden}.booking-card-value.highlight{color:var(--color-primary);font-weight:700}.booking-card-value.amount{color:var(--color-accent-dark);font-size:1rem;font-weight:700}.booking-card-actions{border-top:1px solid var(--border-color);gap:.75rem;padding-top:.875rem;display:flex}.booking-card-actions button{border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;display:flex}.booking-card-btn-info{background:linear-gradient(135deg,var(--color-primary-bg)0,#bfdbfe 100%);color:var(--color-primary-dark);border:1px solid var(--color-primary-border)}.booking-card-btn-info:hover{box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#bfdbfe,#93c5fd);transform:translateY(-1px)}.booking-card-btn-delete{background:linear-gradient(135deg,var(--color-error-bg)0,#fecaca 100%);color:#991b1b;border:1px solid #fecaca}.booking-card-btn-delete:hover{box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fecaca,#fca5a5);transform:translateY(-1px)}.booking-card-btn-delete:disabled{background:var(--border-color-light);color:var(--color-text-muted);cursor:not-allowed;opacity:.7;border-color:var(--border-color)}.booking-card-btn-delete:disabled:hover{box-shadow:none;transform:none}.booking-empty-state{text-align:center;color:var(--color-text-muted);padding:3rem 1.5rem}.booking-empty-state-icon{border-radius:var(--radius-full);width:4.5rem;height:4.5rem;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#f1f5f9,#e2e8f0);justify-content:center;align-items:center;margin:0 auto 1.25rem;font-size:2rem;display:flex}@media (min-width:769px) and (max-width:1024px){.booking-history-table{min-width:800px}}@media (max-width:768px){.container:has(.ador-booking-container){padding-left:.25rem!important;padding-right:.25rem!important}.ador-content-panel{padding:.25rem!important}.booking-history-panel{border-radius:1rem!important;width:calc(100vw - 1rem)!important;max-width:calc(100vw - 1rem)!important;margin:0 auto!important;padding:1rem .75rem!important}.booking-table-wrapper{display:none!important}.booking-cards-container{padding:.5rem 0!important;display:block!important}.booking-card{margin-bottom:1rem!important;padding:1.25rem!important}.manager-panel{padding:.75rem!important}}@media (min-width:769px){.booking-history-panel{max-width:1200px;margin:0 auto}.booking-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:fadeIn .2s;display:flex;position:fixed;inset:0}.create-task-modal{background:var(--color-card);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;animation:slideUp .3s;overflow-y:auto;box-shadow:0 25px 50px #00000040}.create-task-modal-header{border-bottom:1px solid var(--border-color);border-radius:var(--radius-xl)var(--radius-xl)0 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.create-task-modal-header h2{color:var(--color-text);align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:700;display:flex}.modal-close-btn{cursor:pointer;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:var(--transition-fast);background:0 0;border:none;padding:.5rem}.modal-close-btn:hover{background:var(--color-danger-bg);color:var(--color-danger)}.create-task-success-overlay{z-index:100;background:#fffffff2;flex-direction:column;justify-content:center;align-items:center;animation:fadeIn .2s ease-out;display:flex;position:absolute;inset:0}.create-task-success-overlay .success-checkmark{width:64px;height:64px;margin-bottom:1rem}.create-task-success-overlay .success-checkmark svg{width:100%;height:100%}.create-task-success-overlay .success-checkmark circle{stroke-dasharray:166;stroke-dashoffset:166px;animation:stroke .4s ease-out forwards}.create-task-success-overlay .success-checkmark path{stroke-dasharray:48;stroke-dashoffset:48px;animation:stroke .3s ease-out .3s forwards}.create-task-success-overlay p{color:#22c55e;margin:0;font-size:1.125rem;font-weight:600;animation:fadeIn .3s ease-out .4s both}@keyframes stroke{to{stroke-dashoffset:0}}.create-task-modal-form{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.create-task-modal-form .form-group{flex-direction:column;gap:.375rem;display:flex}.create-task-modal-form .form-group label{color:var(--color-text-secondary);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;display:flex}.create-task-modal-form input,.create-task-modal-form select,.create-task-modal-form textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--input-bg);color:var(--color-text);transition:var(--transition-fast);padding:.75rem 1rem;font-size:.9375rem}.create-task-modal-form input:focus,.create-task-modal-form select:focus,.create-task-modal-form textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);background:var(--color-card);outline:none}.create-task-modal-form textarea{resize:vertical;min-height:80px}.task-description-textarea{white-space:pre-wrap;min-height:120px;font-family:inherit;line-height:1.5}.create-task-modal-form .form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.create-task-modal-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:1rem;display:flex}.create-task-modal-actions .btn-secondary{border:1px solid var(--border-color);background:var(--color-card);color:var(--color-text);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);padding:.75rem 1.5rem;font-weight:500}.create-task-modal-actions .btn-secondary:hover{background:var(--nav-bg)}.create-task-modal-actions .btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:flex}.create-task-modal-actions .btn-primary:hover{background:var(--color-primary-hover)}.create-task-modal-actions .btn-primary:disabled{opacity:.7;cursor:not-allowed}.attachment-buttons{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.attach-btn{background:var(--color-bg);border:1px solid var(--border-color);color:var(--color-text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;transition:all .15s;display:flex}.attach-btn:hover:not(:disabled){background:var(--color-card);color:#8b5cf6;border-color:#8b5cf6}.attach-btn:disabled{opacity:.5;cursor:not-allowed}.upload-status{color:var(--color-text-secondary);align-items:center;gap:.375rem;font-size:.75rem;display:flex}.attachment-list{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.attachment-item{background:var(--color-bg);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:.5rem;max-width:180px;padding:.375rem .5rem;display:flex}.attachment-thumb{object-fit:cover}.attachment-file,.attachment-thumb{border-radius:4px;width:36px;height:36px}.attachment-file{background:var(--color-card);color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.attachment-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.75rem;overflow:hidden}.attachment-remove{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem}.attachment-remove:hover{color:#ef4444;background:#fee2e2}@media (max-width:480px){.create-task-modal-form .form-row{grid-template-columns:1fr}}.tasks-panel{background:var(--color-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin-bottom:1.5rem;padding:1.5rem}.tasks-panel-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.tasks-panel-header-info{align-items:center;gap:.875rem;display:flex}.tasks-panel-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg,#8b5cf6,#6366f1);justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #8b5cf640}.tasks-panel-icon span{font-size:1.5rem}.tasks-panel-title h2{color:var(--color-text);margin:0 0 .125rem;font-size:1.25rem;font-weight:700}.tasks-panel-title p{color:var(--color-text-secondary);margin:0;font-size:.8125rem}.tasks-panel-badges{flex-wrap:wrap;gap:.5rem;display:flex}.tasks-badge{border-radius:var(--radius-full);color:#fff;padding:.375rem .75rem;font-size:.75rem;font-weight:600}.tasks-badge-pending{background:#ef4444}.tasks-badge-progress{background:#3b82f6}.tasks-badge-done{background:#10b981}.tasks-badge-review{background:#f59e0b}.tasks-panel-header-actions{align-items:center;gap:.75rem;display:flex}.tasks-create-btn{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #8b5cf640}.tasks-create-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf659}.tasks-create-btn svg{width:18px;height:18px}.tasks-direction-tabs{border-bottom:1px solid var(--border-color);gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex;overflow-x:auto}.tasks-direction-tab{border:1px solid var(--border-color);background:var(--color-card);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;display:flex}.tasks-direction-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.tasks-direction-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.tasks-tab-badge{border-radius:var(--radius-full);background:#fff3;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.tasks-direction-tab:not(.active) .tasks-tab-badge{color:#fff;background:#ef4444}.tasks-direction-tab:not(.active) .tasks-tab-badge.review{background:#f59e0b}.tasks-card-direction{margin-bottom:.5rem}.direction-badge{border-radius:var(--radius-sm);align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.7rem;font-weight:500;display:inline-flex}.direction-badge.created{color:#1d4ed8;background:#dbeafe}.direction-badge.assigned{color:#d97706;background:#fef3c7}.direction-badge.self{color:#6b7280;background:#f3f4f6}.tasks-card-actions-row{flex-wrap:wrap;gap:.5rem;display:flex}.tasks-status-btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:none;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8rem;font-weight:500;display:flex}.tasks-status-btn.in-progress{color:#fff;background:#3b82f6}.tasks-status-btn.in-progress:hover{background:#2563eb}.tasks-status-btn.submitted{color:#fff;background:#f59e0b}.tasks-status-btn.submitted:hover{background:#d97706}.tasks-status-btn.completed{color:#fff;background:#10b981}.tasks-status-btn.completed:hover{background:#059669}.tasks-status-btn.needs-revision{color:#fff;background:#ef4444}.tasks-status-btn.needs-revision:hover{background:#dc2626}.tasks-status-btn:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.tasks-card-status-info{text-align:center;padding:.5rem}.status-info-text{color:var(--color-text-muted);font-size:.8rem}.tasks-card.needs-attention{box-shadow:0 0 0 2px #f59e0b,var(--shadow-md);animation:pulse-attention 2s ease-in-out infinite}@keyframes pulse-attention{0%,to{box-shadow:0 0 0 2px #f59e0b,var(--shadow-md)}50%{box-shadow:0 0 0 4px #f59e0b80,var(--shadow-md)}}tr.needs-attention{background:#fef3c7!important}.table-direction{color:var(--color-text-secondary);font-size:.8rem}.ml-1{margin-left:.25rem}.tasks-controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.tasks-filter-select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-text);cursor:pointer;transition:var(--transition-fast);padding:.625rem 1rem;font-size:.875rem}.tasks-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.tasks-search-wrapper{flex:1;min-width:200px;position:relative}.tasks-search-icon{color:var(--color-text-muted);position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.tasks-search-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--input-bg);width:100%;transition:var(--transition-fast);padding:.625rem 1rem .625rem 2.5rem;font-size:.875rem}.tasks-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);background:var(--color-card);outline:none}.tasks-view-toggle{background:var(--nav-bg);border-radius:var(--radius-md);gap:.25rem;padding:.25rem;display:flex}.tasks-view-btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);color:var(--color-text-secondary);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem .75rem;display:flex}.tasks-view-btn:hover{background:var(--color-card);color:var(--color-text)}.tasks-view-btn.active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.tasks-empty{text-align:center;color:var(--color-text-secondary);padding:3rem 1rem}.tasks-empty-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.tasks-empty h3{color:var(--color-text);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.tasks-empty p{margin:0;font-size:.875rem}.tasks-card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.tasks-card{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);border-left:4px solid #94a3b8;padding:1.25rem;position:relative}.tasks-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tasks-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.625rem;display:flex}.tasks-card-number{color:var(--color-text-muted);font-size:.75rem;font-weight:500}.tasks-card-actions{gap:.375rem;display:flex}.tasks-card-action-btn{border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.tasks-card-chat-btn{background:var(--color-primary-bg);color:var(--color-primary)}.tasks-card-chat-btn:hover{background:var(--color-primary);color:#fff}.tasks-card-edit-btn{color:#d97706;background:#fef3c7}.tasks-card-edit-btn:hover{color:#fff;background:#f59e0b}.tasks-card-ticket{color:var(--color-primary);cursor:pointer;text-align:left;word-break:break-all;background:0 0;border:none;margin-bottom:.75rem;padding:0;font-size:.9375rem;font-weight:600;display:block}.tasks-card-ticket:hover{text-decoration:underline}.tasks-card-status{border-radius:var(--radius-full);margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.tasks-card-content{flex-direction:column;gap:.75rem;display:flex}.tasks-card-task{border-bottom:1px solid var(--border-color-light);padding-bottom:.75rem}.tasks-card-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.25rem;font-size:.6875rem;font-weight:500}.tasks-card-value{color:var(--color-text);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.tasks-card-row{align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.tasks-card-row-icon{color:var(--color-text-muted);flex-shrink:0}.tasks-card-row-label{color:var(--color-text-secondary);flex-shrink:0}.tasks-card-row-value{color:var(--color-text);font-weight:500}.tasks-card-footer{border-top:1px solid var(--border-color-light);margin-top:1rem;padding-top:1rem}.tasks-card-select-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.375rem;font-size:.6875rem;font-weight:500;display:block}.tasks-card-select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--color-card);cursor:pointer;width:100%;transition:var(--transition-fast);padding:.5rem .75rem;font-size:.875rem}.tasks-card-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.tasks-table-wrapper{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto}.tasks-table{border-collapse:collapse;background:var(--color-card);width:100%;font-size:.875rem}.tasks-table th{background:var(--nav-bg);text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:.875rem 1rem;font-size:.75rem;font-weight:600}.tasks-table td{border-bottom:1px solid var(--border-color-light);vertical-align:middle;padding:.875rem 1rem}.tasks-table tbody tr:hover{background:var(--color-card-hover)}.tasks-table-ticket{color:var(--color-primary);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-weight:600}.tasks-table-ticket:hover{text-decoration:underline}.tasks-table-task{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;max-width:250px;overflow:hidden}.tasks-table-task:hover{color:var(--color-primary)}.tasks-table-status{border-radius:var(--radius-full);padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-block}.tasks-table-due{white-space:nowrap}.tasks-table-time{color:var(--color-text-secondary);font-size:.75rem}.tasks-table-actions{align-items:center;gap:.5rem;display:flex}.tasks-table-action-btn{border-radius:var(--radius-md);background:var(--color-primary-bg);width:32px;height:32px;color:var(--color-primary);cursor:pointer;transition:var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.tasks-table-action-btn:hover{background:var(--color-primary);color:#fff}.tasks-table-select{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:.375rem .5rem;font-size:.8125rem}.tasks-table-expanded{background:var(--nav-bg)!important}.tasks-table-expanded-content{padding:.5rem}.tasks-table-expanded-content p{margin:.375rem 0;font-size:.875rem}@media (max-width:640px){.tasks-panel{border-radius:var(--radius-lg);padding:1rem}.tasks-panel-header{flex-direction:column;align-items:flex-start}.tasks-panel-badges{width:100%}.tasks-controls{flex-direction:column}.tasks-filter-select{width:100%}.tasks-search-wrapper{width:100%;min-width:unset}.tasks-view-toggle{justify-content:center;width:100%}.tasks-card-grid{grid-template-columns:1fr}.tasks-table-wrapper{display:none}}.tp2{background:var(--color-card);border-radius:16px;padding:1.25rem;box-shadow:0 1px 3px #00000014}.tp2-header{justify-content:space-between;margin-bottom:1rem}.tp2-header,.tp2-header-left{align-items:center;display:flex}.tp2-header-left{gap:.75rem}.tp2-header-left h1{color:var(--color-text);margin:0;font-size:1.5rem;font-weight:700}.tp2-count{background:var(--color-bg);color:var(--color-text-secondary);border-radius:20px;padding:.25rem .625rem;font-size:.8125rem;font-weight:600}.tp2-new-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #6366f14d}.tp2-new-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.tp2-filters{scrollbar-width:none;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.tp2-filters::-webkit-scrollbar{display:none}.tp2-filter{background:var(--color-bg);border:1px solid var(--border-color);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.tp2-filter:hover{background:var(--color-card);color:#8b5cf6;border-color:#8b5cf6}.tp2-filter.active{color:#fff;background:#8b5cf6;border-color:#8b5cf6}.tp2-filter.review-alert{color:#92400e;background:#fef3c7;border-color:#f59e0b}.tp2-filter.review-alert.active{color:#fff;background:#f59e0b}.tp2-badge{background:#fff3;border-radius:10px;padding:.125rem .375rem;font-size:.6875rem;font-weight:700}.tp2-filter:not(.active) .tp2-badge{background:var(--color-card);color:var(--color-text)}.tp2-badge.urgent{color:#fff;background:#ef4444}.tp2-toolbar{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.tp2-search{background:var(--color-bg);border:1px solid var(--border-color);border-radius:8px;flex:1;align-items:center;gap:.5rem;min-width:200px;padding:.5rem .75rem;transition:border-color .15s;display:flex}.tp2-search:focus-within{border-color:#8b5cf6}.tp2-search svg{color:var(--color-text-secondary);flex-shrink:0}.tp2-search input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.tp2-search input::placeholder{color:var(--color-text-secondary)}.tp2-clear{background:var(--color-card);width:20px;height:20px;color:var(--color-text-secondary);border:none;border-radius:50%;justify-content:center}.tp2-archive-search-btn,.tp2-clear{cursor:pointer;align-items:center;display:flex}.tp2-archive-search-btn{color:#fff;white-space:nowrap;background:#8b5cf6;border:none;border-radius:6px;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.tp2-archive-search-btn:hover{background:#7c3aed}.tp2-archive-search-btn:disabled{cursor:not-allowed;background:#9ca3af}.tp2-spin{animation:tp2-spin 1s linear infinite}@keyframes tp2-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.tp2-archive-banner{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.tp2-archive-banner button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.tp2-archive-banner button:hover{background:#ffffff4d}.tp2-toolbar-right{gap:.5rem;display:flex}.tp2-status-filter{color:var(--color-text);cursor:pointer;padding:.5rem .75rem;font-size:.8125rem}.tp2-status-filter,.tp2-view-btns{background:var(--color-bg);border:1px solid var(--border-color);border-radius:8px}.tp2-view-btns{display:flex;overflow:hidden}.tp2-view-btns button{width:42px;height:40px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.tp2-view-btns button svg{width:20px;height:20px}.tp2-view-btns button:hover{background:var(--color-card)}.tp2-view-btns button.active{color:#fff;background:#8b5cf6}.tp2-empty{text-align:center;padding:3rem 1rem}.tp2-empty-icon{margin-bottom:1rem;font-size:3rem}.tp2-empty h3{color:var(--color-text);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.tp2-empty p{color:var(--color-text-secondary);margin:0 0 1rem;font-size:.875rem}.tp2-empty-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.tp2-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}.tp2-card{background:var(--color-bg);border:1px solid var(--border-color);border-radius:12px;transition:all .2s;position:relative;overflow:hidden}.tp2-card:hover{border-color:#8b5cf64d;box-shadow:0 4px 12px #0000000f}.tp2-card.urgent{background:linear-gradient(to bottom,#fffbeb,var(--color-bg));border-color:#f59e0b}.tp2-card.priority-high{background:linear-gradient(to right,#f59e0b0a,var(--color-bg));border-left:4px solid #f59e0b}.tp2-card.priority-urgent{background:linear-gradient(to right,#ef44440d,var(--color-bg));border-left:4px solid #ef4444;animation:tp2-pulse 2s ease-in-out infinite}.tp2-card.priority-urgent:hover{animation:none}@keyframes tp2-pulse{0%,to{box-shadow:0 0 #ef444433}50%{box-shadow:0 0 8px 2px #ef444426}}.tp2-card-indicator{width:4px;height:100%;position:absolute;top:0;left:0}.tp2-card-header{justify-content:space-between;align-items:center;padding:.875rem 1rem .5rem 1.25rem;display:flex}.tp2-card-ticket-wrap{align-items:center;gap:.5rem;display:flex}.tp2-card-ticket{color:var(--color-text-secondary);letter-spacing:.025em;font-size:.75rem;font-weight:700}.tp2-card-status-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.tp2-card-due{color:var(--color-text-secondary);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.tp2-card-due[data-overdue=true]{color:#ef4444;font-weight:600}.tp2-card-body{padding:0 1rem .75rem 1.25rem}.tp2-card-task{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .375rem;font-size:.9375rem;font-weight:600;line-height:1.4;transition:all .3s;display:-webkit-box;overflow:hidden}.tp2-card-task.expanded{-webkit-line-clamp:unset;max-height:none;display:block}.tp2-card-description{color:var(--color-text-secondary);white-space:pre-wrap;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .625rem;font-size:.8125rem;line-height:1.5;transition:all .3s;display:-webkit-box;overflow:hidden}.tp2-card-description.expanded{-webkit-line-clamp:unset;max-height:none;display:block}.tp2-card-meta{flex-wrap:wrap;gap:.75rem;display:flex}.tp2-meta-item{color:var(--color-text-secondary);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.tp2-meta-item svg{opacity:.7}.tp2-meta-item strong{color:var(--color-text);font-weight:600}.tp2-card-footer{border-top:1px solid var(--border-color);background:var(--color-card);justify-content:space-between;align-items:center;padding:.625rem 1rem .75rem 1.25rem;display:flex}.tp2-card-actions{gap:.5rem;display:flex}.tp2-action-btn{background:var(--action-color);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.tp2-action-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.tp2-action-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.tp2-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:tp2spin .6s linear infinite}@keyframes tp2spin{to{transform:rotate(1turn)}}.tp2-card-waiting{font-size:.75rem}.tp2-card-waiting,.tp2-tool-btn{color:var(--color-text-secondary)}.tp2-tool-btn{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:6px;padding:.375rem;transition:all .15s}.tp2-tool-btn:hover{background:var(--color-bg);color:#8b5cf6;border-color:#8b5cf6}.tp2-tool-btn.active{color:#fff;background:#8b5cf6;border-color:#8b5cf6}.tp2-card-tools{gap:.25rem;display:flex}.tp2-list{flex-direction:column;gap:.5rem;display:flex}.tp2-list-item{background:var(--color-bg);border:1px solid var(--border-color);border-radius:10px;transition:all .15s}.tp2-list-item:hover{border-color:#8b5cf64d}.tp2-list-row{align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.tp2-list-status{border-radius:50%;flex-shrink:0;width:8px;height:8px}.tp2-list-main{flex:1;min-width:0}.tp2-list-top{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.tp2-list-ticket{color:var(--color-text-secondary);letter-spacing:.02em;font-size:.6875rem;font-weight:700}.tp2-list-status-text{text-transform:uppercase;font-size:.6875rem;font-weight:600}.tp2-list-task{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;font-size:.875rem;font-weight:600;overflow:hidden}.tp2-list-description{color:var(--color-text-secondary);white-space:pre-wrap;word-wrap:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0 0 .25rem;font-size:.75rem;display:-webkit-box;overflow:hidden}.tp2-list-meta{color:var(--color-text-secondary);flex-wrap:wrap;gap:.75rem;font-size:.6875rem;display:flex}.tp2-list-meta span{align-items:center;gap:.25rem;display:flex}.tp2-list-meta span[data-overdue=true]{color:#ef4444;font-weight:600}.tp2-list-actions{flex-shrink:0;gap:.375rem;display:flex}.tp2-list-action{color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.tp2-list-action:hover{filter:brightness(1.1)}.tp2-list-tool{border:1px solid var(--border-color);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.tp2-list-tool:hover{background:var(--color-card);color:#8b5cf6}.tp2-list-tool.active{color:#fff;background:#8b5cf6;border-color:#8b5cf6}.tp2-chat{border-top:1px solid var(--border-color);background:#f0f2f5;border-radius:0 0 12px 12px;overflow:hidden}.tp2-chat-task-header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:.75rem 1rem}.tp2-chat-task-title{color:var(--color-text);margin:0 0 .25rem;font-size:.9375rem;font-weight:600;line-height:1.4}.tp2-chat-task-description{color:var(--color-text-secondary);white-space:pre-wrap;word-wrap:break-word;max-height:120px;margin:0 0 .5rem;font-size:.8125rem;line-height:1.5;overflow-y:auto}.tp2-chat-task-attachments{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.tp2-task-attachment{text-decoration:none;display:inline-flex}.tp2-task-attachment-thumb{object-fit:cover;width:48px;height:48px}.tp2-task-attachment-file,.tp2-task-attachment-thumb{border:1px solid var(--border-color);border-radius:6px}.tp2-task-attachment-file{background:var(--color-card);color:var(--color-text-secondary);align-items:center;gap:.25rem;padding:.375rem .625rem;font-size:.75rem;display:inline-flex}.tp2-task-attachment-file:hover{background:var(--color-bg);color:var(--color-primary)}.tp2-chat-messages{background:#e5ddd5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' patternUnits='userSpaceOnUse' width='20' height='20'%3E%3Ccircle cx='10' cy='10' r='1' fill='%23d4cdc4' opacity='0.3'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100' height='100'/%3E%3C/svg%3E");max-height:280px;padding:.75rem;overflow-y:auto}.tp2-chat-empty{color:#667781;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;font-size:.875rem;display:flex}.tp2-bubble{margin-bottom:.5rem;display:flex}.tp2-bubble.sent{justify-content:flex-end}.tp2-bubble.received{justify-content:flex-start}.tp2-bubble-content{border-radius:8px;max-width:80%;padding:.5rem .75rem;position:relative;box-shadow:0 1px .5px #00000021}.tp2-bubble.sent .tp2-bubble-content{background:#d9fdd3;border-top-right-radius:0}.tp2-bubble.received .tp2-bubble-content{background:#fff;border-top-left-radius:0}.tp2-bubble-name{color:#8b5cf6;margin-bottom:.125rem;font-size:.6875rem;font-weight:600;display:block}.tp2-bubble-media{display:inline-block;position:relative}.tp2-bubble-media .tp2-share-btn{color:#fff;cursor:pointer;opacity:0;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .2s;display:flex;position:absolute;bottom:8px;right:8px}.tp2-bubble-media:hover .tp2-share-btn{opacity:1}.tp2-bubble-media .tp2-share-btn:hover{background:#000000b3}.tp2-bubble-file-wrap{align-items:center;gap:.375rem;display:flex}.tp2-share-btn-small{color:#667781;cursor:pointer;background:#00000014;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.tp2-share-btn-small:hover{color:#fff;background:#8b5cf6}.tp2-bubble-text{color:#111b21;word-break:break-word;white-space:pre-wrap;margin:0;font-size:.875rem;line-height:1.4}.tp2-bubble-time{color:#667781;text-align:right;margin-top:.25rem;font-size:.625rem;display:block}.tp2-bubble-img{cursor:pointer;max-width:200px;display:block}.tp2-bubble-file,.tp2-bubble-img{border-radius:6px;margin-top:.375rem}.tp2-bubble-file{color:#111b21;word-break:break-word;background:#0000000d;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;text-decoration:none;display:flex}.tp2-chat-preview{background:#fff;border-top:1px solid #e9edef;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.tp2-chat-preview img{border-radius:6px;max-height:60px}.tp2-chat-preview span{color:#667781;align-items:center;gap:.25rem;font-size:.8125rem;display:flex}.tp2-chat-preview button{color:#667781;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:.25rem}.tp2-chat-input{background:#f0f2f5;align-items:center;gap:.5rem;padding:.625rem 1rem;display:flex}.tp2-chat-input-left{gap:.25rem;display:flex}.tp2-attach-btn{color:#54656f;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.tp2-attach-btn:hover:not(:disabled){color:#8b5cf6;background:#0000000d}.tp2-attach-btn:disabled{opacity:.5;cursor:not-allowed}.tp2-chat-textbox{color:#111b21;background:#fff;border:none;border-radius:24px;outline:none;flex:1;padding:.625rem 1rem;font-size:.9375rem}.tp2-chat-textbox::placeholder{color:#8696a0}.tp2-chat-send{color:#fff;cursor:pointer;background:#00a884;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.tp2-chat-send:hover:not(:disabled){background:#008f72}.tp2-chat-send:disabled{cursor:not-allowed;background:#8696a0}@media (prefers-color-scheme:dark){.tp2-chat{background:#111b21}.tp2-chat-messages{background:#0b141a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' patternUnits='userSpaceOnUse' width='20' height='20'%3E%3Ccircle cx='10' cy='10' r='1' fill='%23182229' opacity='0.5'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100' height='100'/%3E%3C/svg%3E")}.tp2-chat-empty{color:#8696a0}.tp2-bubble.sent .tp2-bubble-content{background:#005c4b}.tp2-bubble.received .tp2-bubble-content{background:#202c33}.tp2-bubble-text{color:#e9edef}.tp2-bubble-time{color:#8696a0}.tp2-bubble-file{color:#e9edef;background:#ffffff1a}.tp2-share-btn-small{color:#8696a0;background:#ffffff1a}.tp2-chat-preview{border-color:#313d45}.tp2-chat-input,.tp2-chat-preview{background:#202c33}.tp2-attach-btn{color:#8696a0}.tp2-chat-textbox{color:#e9edef;background:#2a3942}.tp2-chat-textbox::placeholder{color:#8696a0}}.tp2-timeline{border-top:1px solid var(--border-color);background:var(--color-card)}.tp2-timeline-header{border-bottom:1px solid var(--border-color);background:var(--color-bg);padding:.75rem 1rem}.tp2-timeline-ticket{align-items:center;gap:.75rem;margin-bottom:.375rem;display:flex}.tp2-timeline-ticket-num{color:#8b5cf6;font-size:.75rem;font-weight:600}.tp2-timeline-awb{color:var(--color-text-secondary);background:var(--color-card);border-radius:4px;padding:.125rem .5rem;font-size:.6875rem}.tp2-timeline-task{color:var(--color-text);white-space:pre-wrap;margin:0;font-size:.8125rem;line-height:1.5}.tp2-timeline-content{max-height:250px;padding:.75rem 1rem;overflow-y:auto}.tp2-timeline-empty{color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;font-size:.8125rem;display:flex}.tp2-msg{gap:.625rem;margin-bottom:.75rem;display:flex}.tp2-msg.own{flex-direction:row-reverse}.tp2-msg-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:600;display:flex}.tp2-msg.own .tp2-msg-avatar{background:linear-gradient(135deg,#10b981,#059669)}.tp2-msg-content{background:var(--color-bg);border-radius:10px;max-width:75%;padding:.5rem .75rem}.tp2-msg.own .tp2-msg-content{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1)}.tp2-msg-header{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.tp2-msg-name{color:var(--color-text);font-size:.6875rem;font-weight:600}.tp2-msg.own .tp2-msg-name{color:#ffffffe6}.tp2-msg-time{color:var(--color-text-secondary);font-size:.625rem}.tp2-msg.own .tp2-msg-time{color:#ffffffb3}.tp2-msg-text{word-break:break-word;margin:0;font-size:.8125rem;line-height:1.4}.tp2-msg-img{cursor:pointer;border-radius:8px;max-width:200px;margin-top:.375rem}.tp2-msg-file{color:inherit;background:#0000000d;border-radius:6px;align-items:center;gap:.375rem;margin-top:.375rem;padding:.375rem .625rem;font-size:.75rem;text-decoration:none;display:flex}.tp2-msg.own .tp2-msg-file{background:#ffffff26}.tp2-preview{background:var(--color-bg);border-top:1px solid var(--border-color);align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.tp2-preview img{border-radius:6px;max-height:60px}.tp2-preview span{color:var(--color-text-secondary);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.tp2-preview button{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:.25rem}.tp2-timeline-input{border-top:1px solid var(--border-color);background:var(--color-bg);align-items:center;gap:.375rem;padding:.625rem 1rem;display:flex}.tp2-input-btn{width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.tp2-input-btn:hover:not(:disabled){background:var(--color-card);color:#8b5cf6}.tp2-input-btn:disabled{opacity:.5;cursor:not-allowed}.tp2-timeline-input input[type=text]{border:1px solid var(--border-color);background:var(--color-card);color:var(--color-text);border-radius:8px;flex:1;padding:.5rem .75rem;font-size:.8125rem}.tp2-timeline-input input[type=text]:focus{border-color:#8b5cf6;outline:none}.tp2-send-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.tp2-send-btn:hover:not(:disabled){background:#7c3aed}.tp2-send-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.tp2{border-radius:12px;padding:1rem}.tp2-header-left h1{font-size:1.25rem}.tp2-new-btn span{display:none}.tp2-new-btn{padding:.625rem}.tp2-filters{gap:.375rem}.tp2-filter{padding:.375rem .625rem;font-size:.75rem}.tp2-toolbar{flex-direction:column;gap:.5rem}.tp2-search{min-width:100%}.tp2-toolbar-right{justify-content:space-between;width:100%}.tp2-cards{grid-template-columns:1fr}.tp2-card-header{padding:.75rem .875rem .375rem 1rem}.tp2-card-body{padding:0 .875rem .625rem 1rem}.tp2-card-footer{flex-wrap:wrap;gap:.5rem;padding:.5rem .875rem .625rem 1rem}.tp2-timeline-input{padding:.5rem .75rem}}.edit-modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.edit-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.edit-modal-header{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex;position:sticky;top:0}.edit-modal-header h2{color:#1e293b;margin:0;font-size:1.125rem;font-weight:700}.edit-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.edit-modal-close:hover{color:#1e293b;background:#f1f5f9}.edit-modal-tabs{border-bottom:1px solid #e5e7eb;display:flex}.edit-modal-tabs button{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.edit-modal-tabs button:hover{background:#f8fafc}.edit-modal-tabs button.active{color:#3b82f6;background:#eff6ff;border-bottom-color:#3b82f6}.edit-modal-tabs button.delete.active{color:#ef4444;background:#fef2f2;border-bottom-color:#ef4444}.edit-modal-info{color:#64748b;background:#f8fafc;gap:1rem;padding:.75rem 1.25rem;font-size:.8125rem;display:flex}.edit-modal-body{padding:1.25rem}.edit-form{gap:1rem}.edit-form,.edit-form label{flex-direction:column;display:flex}.edit-form label{color:#374151;gap:.375rem;font-size:.875rem;font-weight:500}.edit-form input,.edit-form select,.edit-form textarea{color:#1e293b;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.625rem .875rem;font-size:.875rem;transition:all .15s}.edit-form input:focus,.edit-form select:focus,.edit-form textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.edit-form textarea{resize:vertical;min-height:80px}.edit-form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.edit-reassign-btn,.edit-save-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;transition:all .15s;display:flex}.edit-save-btn{color:#fff;background:#3b82f6}.edit-save-btn:hover:not(:disabled){background:#2563eb}.edit-reassign-btn{color:#fff;background:#8b5cf6}.edit-reassign-btn:hover:not(:disabled){background:#7c3aed}.edit-reassign-btn:disabled,.edit-save-btn:disabled{opacity:.5;cursor:not-allowed}.edit-delete-confirm{text-align:center;padding:1.5rem 0}.edit-delete-confirm .delete-icon{color:#ef4444;margin-bottom:1rem}.edit-delete-confirm h3{color:#1e293b;margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.edit-delete-confirm p{color:#64748b;margin:0 0 1.5rem;font-size:.875rem}.edit-delete-btns{gap:.75rem;display:flex}.edit-delete-btns button{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;transition:all .15s;display:flex}.edit-delete-btns button:first-child{color:#475569;background:#e2e8f0}.edit-delete-btns button:first-child:hover{background:#cbd5e1}.edit-delete-btns button.danger{color:#fff;background:#ef4444}.edit-delete-btns button.danger:hover:not(:disabled){background:#dc2626}.edit-delete-btns button:disabled{opacity:.5;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@media (prefers-color-scheme:dark){.edit-modal{background:#1e293b}.edit-modal-header{background:#1e293b;border-color:#334155}.edit-modal-header h2{color:#f1f5f9}.edit-modal-close{color:#94a3b8}.edit-modal-close:hover{color:#f1f5f9;background:#334155}.edit-modal-tabs{border-color:#334155}.edit-modal-tabs button{color:#94a3b8}.edit-modal-tabs button:hover{background:#334155}.edit-modal-tabs button.active{background:#1e3a5f}.edit-modal-tabs button.delete.active{background:#450a0a}.edit-modal-info{color:#94a3b8;background:#0f172a}.edit-form label{color:#e2e8f0}.edit-form input,.edit-form select,.edit-form textarea{color:#f1f5f9;background:#0f172a;border-color:#334155}.edit-delete-confirm h3{color:#f1f5f9}.edit-delete-confirm p{color:#94a3b8}.edit-delete-btns button:first-child{color:#e2e8f0;background:#334155}.edit-delete-btns button:first-child:hover{background:#475569}}.dashboard-header{background:var(--color-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.dashboard-header .menu-btn{background:var(--color-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.dashboard-header .menu-btn:hover{background:var(--color-primary-bg);border-color:var(--color-primary-border);color:var(--color-primary)}.dashboard-header .title{text-align:center;color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:clamp(1rem,4vw,1.5rem);font-weight:700;overflow:hidden}.dashboard-header .logout-btn{background:var(--gradient-accent);border-radius:var(--radius-lg);color:#fff;cursor:pointer;transition:var(--transition);border:none;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;display:flex;box-shadow:0 2px 8px #10b98140}.dashboard-header .logout-btn:hover{background:var(--gradient-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.dashboard-header .logout-btn svg{width:18px;height:18px}.dashboard-header .logout-btn span{display:none}@media (min-width:640px){.dashboard-header .logout-btn span{display:inline}}.dashboard-header .logout-btn.manager{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 2px 8px #ec489940}.dashboard-header .logout-btn.manager:hover{background:linear-gradient(135deg,#db2777,#be185d);box-shadow:0 4px 12px #ec489959}.copy-to-picklist-btn{border-radius:var(--radius-lg);color:#2563eb;cursor:pointer;width:38px;height:38px;transition:var(--transition);background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1.5px solid #93c5fd;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:0 1px 3px #2563eb1a}.copy-to-picklist-btn:hover{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 8px #2563eb33}.copy-to-picklist-btn:active{transform:translateY(0);box-shadow:0 1px 2px #2563eb1a}.copy-to-picklist-btn svg{width:18px;height:18px}.copy-to-picklist-btn[title]:after{content:attr(title);color:#fff;white-space:nowrap;border-radius:var(--radius-md);opacity:0;pointer-events:none;z-index:10;background:#1e293b;padding:.375rem .625rem;font-size:.75rem;font-weight:500;transition:opacity .2s,transform .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.copy-to-picklist-btn:hover[title]:after{opacity:1;transform:translate(-50%)translateY(-4px)}.sidebar .dashboard-tabs button .sidebar-icon{text-align:center;border-radius:var(--radius-md);width:28px;min-width:28px;height:28px;transition:var(--transition);background:#ffffff1a;flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;display:flex}.sidebar .dashboard-tabs button:hover .sidebar-icon{background:#3b82f640;transform:scale(1.05)}.sidebar .dashboard-tabs button.active .sidebar-icon{background:#fff3}.sidebar .dashboard-tabs button .sidebar-icon .badge{color:#fff;text-align:center;background:#ef4444;border-radius:9999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #ef444466}.sidebar .dashboard-tabs button .sidebar-label,.sidebar .dashboard-tabs button .sidebar-text{letter-spacing:.01em;font-size:.875rem;font-weight:500}.sidebar .dashboard-tabs button.active .sidebar-label,.sidebar .dashboard-tabs button.active .sidebar-text{font-weight:600}@media (max-width:639px){.sidebar.sidebar--open .dashboard-tabs button{padding:.875rem 1rem}.sidebar.sidebar--open .dashboard-tabs button .sidebar-icon{width:32px;min-width:32px;height:32px;font-size:1.25rem}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}