:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Outfit", "Inter", sans-serif;--primary-50: #f0fdfa;--primary-100: #ccfbf1;--primary-200: #99f6e4;--primary-400: #2dd4bf;--primary-500: #14b8a6;--primary-600: #0d9488;--primary-700: #0f766e;--primary-800: #115e59;--primary-900: #134e4a;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #020617;--emerald-500: #10b981;--emerald-600: #059669;--amber-500: #f59e0b;--amber-600: #d97706;--rose-500: #f43f5e;--rose-600: #e11d48;--sky-500: #0284c7;--bg-app: #f8fafc;--bg-card: #ffffff;--bg-header: #ffffff;--bg-surface: #ffffff;--bg-surface-hover: #f1f5f9;--bg-surface-muted: #f8fafc;--bg-input: #ffffff;--bg-dropdown: #ffffff;--bg-modal: #ffffff;--bg-modal-footer: #f8fafc;--bg-sidebar: #0f172a;--text-main: #0f172a;--text-heading: #0f172a;--text-muted: #64748b;--text-subtle: #94a3b8;--text-inverse: #ffffff;--border-color: #e2e8f0;--border-subtle: #f1f5f9;--border-hover: #cbd5e1;--ring-primary: rgba(20, 184, 166, .35);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .05);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .05);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--badge-success-bg: #dcfce7;--badge-success-text: #15803d;--badge-warning-bg: #fef3c7;--badge-warning-text: #b45309;--badge-danger-bg: #ffe4e6;--badge-danger-text: #be123c;--badge-info-bg: #e0f2fe;--badge-info-text: #0369a1;--badge-primary-bg: #ccfbf1;--badge-primary-text: #0f766e;--table-th-bg: #f8fafc;--table-th-text: #64748b;--table-td-text: #1e293b;--table-row-hover: #f1f5f9;--table-row-border: #f1f5f9;--card-overlay-bg: rgba(255, 255, 255, .82);--theme-transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease}[data-theme=dark],.dark{--bg-app: #090d16;--bg-card: #111827;--bg-header: #0e1526;--bg-surface: #172033;--bg-surface-hover: #1f2d45;--bg-surface-muted: #111827;--bg-input: #0e1526;--bg-dropdown: #131c2e;--bg-modal: #111827;--bg-modal-footer: #0c1220;--bg-sidebar: #080c14;--text-main: #f1f5f9;--text-heading: #ffffff;--text-muted: #94a3b8;--text-subtle: #64748b;--text-inverse: #0f172a;--border-color: #1e293b;--border-subtle: #162032;--border-hover: #334155;--ring-primary: rgba(45, 212, 191, .4);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .6), 0 8px 10px -6px rgb(0 0 0 / .4);--badge-success-bg: rgba(16, 185, 129, .18);--badge-success-text: #34d399;--badge-warning-bg: rgba(245, 158, 11, .18);--badge-warning-text: #fbbf24;--badge-danger-bg: rgba(244, 63, 94, .18);--badge-danger-text: #fb7185;--badge-info-bg: rgba(2, 132, 199, .18);--badge-info-text: #38bdf8;--badge-primary-bg: rgba(20, 184, 166, .2);--badge-primary-text: #2dd4bf;--table-th-bg: #0e1526;--table-th-text: #94a3b8;--table-td-text: #e2e8f0;--table-row-hover: #172236;--table-row-border: #162032;--card-overlay-bg: rgba(17, 24, 39, .82)}*{box-sizing:border-box;margin:0;padding:0}html{width:100%;max-width:100vw;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;transition:var(--theme-transition)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em;color:var(--text-heading)}a{color:var(--primary-500);text-decoration:none;transition:color .15s ease}a:hover{color:var(--primary-400)}button,input,select,textarea,optgroup{font-family:inherit}button{cursor:pointer;border:none;outline:none}#root{width:100%;max-width:100vw;overflow-x:hidden}.app-container{display:flex;height:100vh;height:100dvh;width:100%;max-width:100vw;overflow-x:hidden;overflow-y:hidden;background-color:var(--bg-app)}.main-content-wrapper{flex:1;display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;max-width:100vw;overflow-y:auto;overflow-x:hidden;background-color:var(--bg-app);transition:var(--theme-transition)}.page-container{padding:28px 36px;max-width:1440px;width:100%;margin:0 auto;flex:1}.app-header{height:70px;min-height:70px;max-height:70px;box-sizing:border-box;flex-shrink:0;background:var(--bg-header);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:40;transition:var(--theme-transition)}.header-left,.header-right{display:flex;align-items:center;gap:14px;height:100%}.app-sidebar{width:260px;background-color:var(--bg-sidebar);color:#f1f5f9;display:flex;flex-direction:column;transition:width .22s cubic-bezier(.4,0,.2,1),background-color .2s ease;z-index:50;border-right:1px solid rgba(255,255,255,.08);flex-shrink:0;position:relative;-webkit-user-select:none;user-select:none}.app-sidebar.collapsed{width:72px;overflow:visible!important}.sidebar-brand{height:70px;min-height:70px;max-height:70px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 20px;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--font-heading);font-weight:700;font-size:18px;color:#fff;flex-shrink:0;position:relative}.app-sidebar.collapsed .sidebar-brand{padding:0;justify-content:center;overflow:visible!important}.sidebar-collapsed-brand{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.sidebar-expand-btn-top{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#0f766e,#0d9488);border:1px solid rgba(45,212,191,.4);color:#fff!important;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s ease;overflow:hidden;box-shadow:0 2px 8px #0f766e66}.sidebar-expand-btn-top .brand-logo-icon{font-size:13px;font-weight:800;color:#fff!important;letter-spacing:.04em;transition:opacity .15s ease,transform .15s ease}.sidebar-expand-btn-top .expand-overlay-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#0f766ef2;opacity:0;transform:scale(.8);transition:all .18s ease}.sidebar-expand-btn-top:hover{border-color:#2dd4bf;box-shadow:0 0 14px #2dd4bf80}.sidebar-expand-btn-top:hover .brand-logo-icon{opacity:0;transform:scale(.6)}.sidebar-expand-btn-top:hover .expand-overlay-icon{opacity:1;transform:scale(1)}.sidebar-collapse-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8;border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.sidebar-collapse-btn:hover{background:#ffffff24;color:#fff;border-color:#fff3}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;overflow-x:hidden}.app-sidebar.collapsed .sidebar-nav{padding:16px 10px;align-items:center;overflow:visible!important}.nav-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:700;padding:8px 12px 4px}.nav-section-divider{height:1px;width:36px;background:#ffffff14;margin:6px auto}.nav-section-module{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center}.nav-accordion-group{display:flex;flex-direction:column;margin-bottom:6px}.nav-accordion-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 12px;background:transparent;border:none;border-radius:var(--radius-md);color:#94a3b8;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .18s ease;-webkit-user-select:none;user-select:none;outline:none}.nav-accordion-header:hover{background-color:#ffffff0d;color:#fff}.nav-accordion-header.is-open{color:#38bdf8}.nav-accordion-header.has-active-child{color:#fff}.nav-accordion-header-left{display:flex;align-items:center;gap:8px;min-width:0}.nav-accordion-header-right{display:flex;align-items:center;gap:6px}.accordion-chevron{display:flex;align-items:center;justify-content:center;transition:transform .22s cubic-bezier(.16,1,.3,1);color:#64748b}.nav-accordion-header:hover .accordion-chevron{color:#cbd5e1}.accordion-chevron.is-open{transform:rotate(180deg);color:#38bdf8}.nav-accordion-content{display:flex;flex-direction:column;gap:2px;margin-top:4px;overflow:hidden;transition:max-height .28s cubic-bezier(.16,1,.3,1),opacity .22s ease}.nav-accordion-content.is-collapsed{max-height:0!important;opacity:0;margin:0;pointer-events:none}.nav-accordion-content.is-expanded{max-height:850px;opacity:1}.nav-accordion-content.has-tree-line{margin-left:14px;padding-left:10px;border-left:1.5px solid rgba(56,189,248,.3)}.app-sidebar.collapsed .nav-accordion-content.has-tree-line{margin-left:0;padding-left:0;border-left:none}.app-sidebar.collapsed .nav-accordion-group,.app-sidebar.collapsed .nav-accordion-content,.app-sidebar.collapsed .nav-sub-list{overflow:visible!important}.nav-sub-group{position:relative;width:100%}.nav-sub-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:var(--radius-md);color:#94a3b8;font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;cursor:pointer;transition:all .15s ease;text-decoration:none;box-sizing:border-box;margin:0;text-align:left}.nav-sub-header:hover{background-color:#ffffff0f;color:#fff}.nav-sub-header.has-active{color:#38bdf8;font-weight:600}.nav-sub-header:hover .accordion-chevron{color:#cbd5e1}.nav-sub-header.has-active .accordion-chevron{color:#38bdf8}.nav-sub-header-title{display:flex;align-items:center;gap:12px;min-width:0}.nav-sub-list{display:flex;flex-direction:column;gap:2px;margin-left:23px;padding-left:12px;border-left:1.5px solid rgba(56,189,248,.4);margin-top:2px;margin-bottom:4px;overflow:hidden;transition:max-height .24s cubic-bezier(.16,1,.3,1),opacity .2s ease}.nav-sub-list.is-collapsed{max-height:0!important;opacity:0;margin-top:0;margin-bottom:0;pointer-events:none}.nav-sub-list.is-expanded{max-height:400px;opacity:1}.nav-sub-link{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-sm);color:#94a3b8;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s ease}.nav-sub-link:hover{background-color:#ffffff0d;color:#fff}.nav-sub-link.active{color:#38bdf8;font-weight:600;background:#38bdf81f}.nav-item-wrapper{position:relative;width:100%}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);color:#94a3b8;font-size:14px;font-weight:500;transition:all .15s ease;width:100%;box-sizing:border-box;text-decoration:none}.nav-link-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px}.nav-link-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar.collapsed .nav-link{justify-content:center;padding:12px 0;width:48px;height:48px;margin:0 auto}.nav-link:hover{background-color:#ffffff0f;color:#fff}.nav-link.active{background:linear-gradient(135deg,var(--primary-700),var(--primary-600));color:#fff;font-weight:600;box-shadow:0 4px 12px #0f766e4d}.sidebar-tooltip{position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%) translate(-6px);background:#0f172a;color:#f8fafc;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;letter-spacing:.01em;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1),visibility .18s;box-shadow:0 10px 25px -3px #00000080,0 4px 10px -2px #0000004d;border:1px solid rgba(255,255,255,.16);z-index:99999}.sidebar-tooltip:before{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%) rotate(45deg);width:8px;height:8px;background:#0f172a;border-left:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.app-sidebar.collapsed .nav-item-wrapper:hover .sidebar-tooltip,.app-sidebar.collapsed .sidebar-collapsed-brand:hover .sidebar-tooltip,.app-sidebar.collapsed .sidebar-collapsed-user-wrapper:hover .sidebar-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.sidebar-footer{padding:12px 14px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;position:relative}.app-sidebar.collapsed .sidebar-footer{padding:12px 10px;display:flex;justify-content:center;overflow:visible!important}.sidebar-user-card{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;transition:all .15s ease;overflow:hidden}.sidebar-user-card:hover{background:#ffffff12;border-color:#ffffff24}.sidebar-user-avatar{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,#0f766e,#06b6d4);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #0f766e59}.sidebar-user-info{display:flex;flex-direction:column;min-width:0;flex:1}.sidebar-user-name{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.sidebar-user-email{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.sidebar-user-role-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:#2dd4bf;margin-top:4px;text-transform:uppercase;letter-spacing:.03em}.sidebar-logout-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#94a3b8;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.sidebar-logout-btn:hover{background:#f43f5e2e;color:#f43f5e;border-color:#f43f5e59;transform:scale(1.08)}.sidebar-collapsed-footer-container{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.sidebar-collapsed-user-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.sidebar-user-avatar-collapsed{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#0f766e,#06b6d4);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0f766e66}.sidebar-user-avatar-collapsed:hover{transform:scale(1.06);box-shadow:0 4px 12px #06b6d480}.sidebar-collapsed-logout-btn{position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#94a3b8;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.sidebar-collapsed-logout-btn:hover{background:#f43f5e2e;color:#f43f5e;border-color:#f43f5e59;transform:scale(1.08)}.app-sidebar.collapsed .sidebar-collapsed-logout-btn:hover .sidebar-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease,background-color .2s ease,border-color .2s ease}.card:hover{box-shadow:var(--shadow-md)}.card-interactive{position:relative;overflow:hidden;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),border-color .22s ease}.card-interactive:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary-600)!important}.card-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-overlay-bg, rgba(255, 255, 255, .82));backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .22s cubic-bezier(.16,1,.3,1);z-index:5;border-radius:inherit}.card-interactive:hover .card-hover-overlay{opacity:1;pointer-events:auto}.card-hover-overlay-btn{transform:translateY(6px) scale(.96);transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .18s ease;box-shadow:0 4px 14px #0f766e59}.card-interactive:hover .card-hover-overlay-btn{transform:translateY(0) scale(1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14px;padding:9px 18px;border-radius:var(--radius-md);transition:all .15s ease;white-space:nowrap}.btn-primary,.btn--primary{background:linear-gradient(135deg,var(--primary-700),var(--primary-600));color:#fff;box-shadow:0 2px 8px #0f766e40}.btn-primary:hover,.btn--primary:hover{background:linear-gradient(135deg,var(--primary-800),var(--primary-700));box-shadow:0 4px 14px #0f766e59;transform:translateY(-1px)}.btn-secondary,.btn--secondary{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main)}.btn-secondary:hover,.btn--secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-hover)}.btn-danger,.btn--danger{background:var(--rose-500);color:#fff}.btn-danger:hover,.btn--danger:hover{background:var(--rose-600)}.btn-sm{padding:6px 12px;font-size:13px;border-radius:var(--radius-sm)}.btn-icon{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-main);cursor:pointer;padding:0;transition:all .15s ease}.btn-icon:hover{background-color:var(--bg-surface-hover);border-color:var(--border-hover)}.btn-icon-primary{color:var(--primary-600)}.btn-icon-primary:hover{background-color:var(--badge-primary-bg, rgba(13, 148, 136, .12))!important;border-color:var(--primary-600)!important;color:var(--primary-700)!important}.btn-icon-danger{color:var(--rose-500)}.btn-icon-danger:hover:not(:disabled){background-color:#f43f5e1f!important;border-color:var(--rose-500)!important;color:var(--rose-600)!important}.form-group{margin-bottom:18px;display:flex;flex-direction:column;gap:6px}.form-label,.label{font-size:13px;font-weight:600;color:var(--text-main)}.form-input,.form-select,.form-textarea,.input,.form-control{width:100%;padding:10px 14px;font-size:14px;font-family:inherit;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-input);color:var(--text-main);box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease,background-color .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus,.input:focus,.form-control:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--ring-primary)}.form-input::placeholder,.input::placeholder,.form-textarea::placeholder,.form-control::placeholder{color:var(--text-subtle)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:9999px}.badge-success{background-color:var(--badge-success-bg);color:var(--badge-success-text)}.badge-warning{background-color:var(--badge-warning-bg);color:var(--badge-warning-text)}.badge-danger{background-color:var(--badge-danger-bg);color:var(--badge-danger-text)}.badge-info{background-color:var(--badge-info-bg);color:var(--badge-info-text)}.badge-primary{background-color:var(--badge-primary-bg);color:var(--badge-primary-text)}.table-container,.table-responsive{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);transition:var(--theme-transition)}.card>.table-container,.card>.table-responsive{border:none;border-radius:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table,.table,.ud-table{width:100%;max-width:100%;border-collapse:collapse;text-align:left;font-size:13px;table-layout:auto}.data-table th,.table th,.ud-table th{background-color:var(--table-th-bg);padding:10px 14px;font-weight:700;font-size:11.5px;color:var(--table-th-text);border-bottom:1px solid var(--border-color);letter-spacing:.03em;text-transform:uppercase;white-space:normal;word-break:normal}.data-table td,.table td,.ud-table td{padding:10px 14px;border-bottom:1px solid var(--table-row-border);color:var(--table-td-text);vertical-align:middle}.data-table tbody tr:last-child td,.table tbody tr:last-child td,.ud-table tbody tr:last-child td{border-bottom:none}.data-table tr:hover td,.table tr:hover td,.ud-table tr:hover td,tr.table-row-hover:hover td{background-color:var(--table-row-hover)}.modal-overlay,.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-content,.modal-dialog,.modal-card{background:var(--bg-modal);border-radius:var(--radius-xl);width:100%;max-width:540px;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);overflow:hidden;animation:modalIn .2s ease-out}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:24px;max-height:75vh;overflow-y:auto}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px;background-color:var(--bg-modal-footer)}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.app-tooltip-container{position:relative;display:inline-flex;align-items:center;max-width:100%}.app-tooltip-bubble{position:absolute;box-sizing:border-box;background:#0f172a;color:#f8fafc;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:500;line-height:1.45;letter-spacing:.01em;white-space:normal;width:max-content;max-width:400px;word-wrap:break-word;word-break:normal;overflow-wrap:break-word;text-align:left;pointer-events:none;box-shadow:0 10px 25px -3px #00000080,0 4px 10px -2px #0000004d;border:1px solid rgba(255,255,255,.16);z-index:999999;opacity:0;visibility:hidden;transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1),visibility .18s}.app-tooltip-bubble:has(div),.app-tooltip-bubble.multiline{white-space:normal}.app-tooltip-bubble.visible{opacity:1;visibility:visible}.app-tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px)}.app-tooltip-top.visible{transform:translate(-50%) translateY(0)}.app-tooltip-top:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(-4px) rotate(45deg);width:8px;height:8px;background:#0f172a;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.app-tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px)}.app-tooltip-bottom.visible{transform:translate(-50%) translateY(0)}.app-tooltip-bottom:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(4px) rotate(45deg);width:8px;height:8px;background:#0f172a;border-left:1px solid rgba(255,255,255,.16);border-top:1px solid rgba(255,255,255,.16)}.app-tooltip-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%) translate(4px)}.app-tooltip-left.visible{transform:translateY(-50%) translate(0)}.app-tooltip-left:before{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%) translate(-4px) rotate(45deg);width:8px;height:8px;background:#0f172a;border-top:1px solid rgba(255,255,255,.16);border-right:1px solid rgba(255,255,255,.16)}.app-tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%) translate(-4px)}.app-tooltip-right.visible{transform:translateY(-50%) translate(0)}.app-tooltip-right:before{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%) translate(4px) rotate(45deg);width:8px;height:8px;background:#0f172a;border-bottom:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.16)}.app-tooltip-bubble.app-tooltip-portal{position:fixed!important;transform:none!important;z-index:9999999!important;bottom:auto!important;right:auto!important;pointer-events:none}.app-tooltip-bubble.app-tooltip-portal.app-tooltip-top:before{top:100%;left:var(--arrow-offset, 50%);transform:translate(-50%) translateY(-4px) rotate(45deg);bottom:auto;right:auto}.app-tooltip-bubble.app-tooltip-portal.app-tooltip-bottom:before{bottom:100%;left:var(--arrow-offset, 50%);transform:translate(-50%) translateY(4px) rotate(45deg);top:auto;right:auto}.app-tooltip-bubble.app-tooltip-portal.app-tooltip-left:before{top:50%;left:100%;transform:translateY(-50%) translate(-4px) rotate(45deg);bottom:auto;right:auto}.app-tooltip-bubble.app-tooltip-portal.app-tooltip-right:before{top:50%;left:auto;right:100%;transform:translateY(-50%) translate(4px) rotate(45deg);bottom:auto}.searchable-select-wrapper{position:relative;width:100%}.searchable-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid var(--border-color);background-color:var(--bg-input);color:var(--text-main);font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;outline:none;text-align:left}.searchable-select-trigger:hover:not(:disabled){border-color:var(--border-hover)}.searchable-select-trigger:focus-visible,.searchable-select-trigger.open{border-color:var(--primary-600);box-shadow:0 0 0 3px var(--ring-primary)}.searchable-select-trigger:disabled{opacity:.6;cursor:not-allowed}.searchable-select-wrapper.is-open{z-index:1000}.searchable-select-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;width:max-content;max-width:min(420px,92vw);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);z-index:10000;overflow:hidden;display:flex;flex-direction:column;animation:fadeIn .15s ease-out forwards}.searchable-select-dropdown.align-right{left:auto;right:0}.searchable-select-dropdown.drop-up{top:auto;bottom:calc(100% + 6px);box-shadow:0 -10px 20px -3px #00000026,0 -4px 6px -2px #0000000d}.searchable-select-search-box{padding:8px 10px;border-bottom:1px solid var(--border-color);background-color:var(--bg-surface);display:flex;align-items:center;gap:8px}.searchable-select-search-input{width:100%;border:none;background:transparent;color:var(--text-main);font-size:13px;outline:none}.searchable-select-list{max-height:240px;overflow-y:auto;padding:4px}.searchable-select-group-header{padding:8px 12px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-subtle)}.searchable-select-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-radius:8px;font-size:13px;color:var(--text-main);cursor:pointer;transition:background-color .12s ease}.searchable-select-item:hover,.searchable-select-item.highlighted{background-color:var(--bg-surface-hover)}.searchable-select-item.selected{background-color:#0d94881a;color:var(--primary-600);font-weight:600}.public-qr-header{padding:10px 14px}@media(min-width:640px){.public-qr-header{padding:12px 24px}}.public-qr-brand-title{max-width:140px}@media(min-width:480px){.public-qr-brand-title{max-width:240px}}@media(min-width:768px){.public-qr-brand-title{max-width:360px}}.grid-kpi-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.grid-split-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.finance-charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.chart-card-responsive{padding:20px 22px;display:flex;flex-direction:column}.filter-dropdowns-row{display:flex;align-items:center;gap:12px}.form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.header-sidebar-toggle-btn,.header-mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;border-radius:9px;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;transition:all .15s ease;flex-shrink:0!important}.header-sidebar-toggle-btn:hover,.header-mobile-menu-btn:hover{background:var(--bg-surface-hover);color:var(--primary-600);border-color:var(--primary-400)}.sidebar-mobile-overlay,.sidebar-mobile-close-btn,.pagination-page-indicator-mobile{display:none}@media(min-width:1025px){.app-sidebar{position:relative!important;transform:none!important;display:flex!important}.sidebar-mobile-overlay,.sidebar-mobile-close-btn{display:none!important}.header-sidebar-toggle-btn{display:inline-flex!important}}@media(max-width:1024px){.app-sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;height:100vh!important;height:100dvh!important;width:280px!important;max-width:85vw!important;z-index:1000!important;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1)!important;box-shadow:none!important;overflow-y:auto!important;overflow-x:hidden!important}.app-sidebar.collapsed{width:280px!important;max-width:85vw!important}.app-sidebar.collapsed .sidebar-brand{padding:0 16px 0 20px!important;justify-content:space-between!important}.app-sidebar.collapsed .sidebar-nav{padding:0!important}.app-sidebar.collapsed .nav-link{justify-content:flex-start!important;padding:8px 14px 8px 20px!important}.app-sidebar.collapsed .nav-link-text{display:inline!important}.app-sidebar.collapsed .sidebar-tooltip{display:none!important}.app-sidebar.collapsed .sidebar-footer{padding:8px 12px!important}.app-sidebar.mobile-open{transform:translate(0)!important;box-shadow:0 0 50px #00000080!important}.sidebar-mobile-overlay{display:block!important;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;animation:fadeIn .15s ease-out}.sidebar-mobile-close-btn{display:flex!important;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#fff;cursor:pointer;transition:all .15s ease;flex-shrink:0}.sidebar-mobile-close-btn:hover{background:#ffffff38}.sidebar-collapse-btn{display:none!important}.header-sidebar-toggle-btn,.header-mobile-menu-btn{display:inline-flex!important;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;transition:all .15s ease;flex-shrink:0!important}.header-sidebar-toggle-btn:hover,.header-mobile-menu-btn:hover{background:var(--bg-surface-hover)}.app-header{padding:0 12px!important;height:58px!important;min-height:58px!important;max-height:58px!important;gap:8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important;overflow:visible!important}.header-left{display:flex!important;align-items:center!important;gap:8px!important;flex-shrink:0!important;min-width:44px!important;z-index:20!important}.header-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;flex-shrink:1!important;min-width:0!important;overflow:visible!important}.header-module-label,.header-user-details,.header-profile-chevron{display:none!important}.header-profile-btn{padding:2px!important;border-radius:50%!important;border:1px solid var(--border-color)!important}.notification-dropdown-menu{position:fixed!important;top:62px!important;right:12px!important;left:auto!important;width:360px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 75px)!important;max-height:calc(100dvh - 75px)!important;z-index:1200!important;box-shadow:0 10px 40px #0000004d!important}.page-container{padding:16px 14px!important;max-width:100%!important;box-sizing:border-box!important}.grid-kpi-4{grid-template-columns:repeat(2,1fr)}.grid-split-2,.finance-charts-grid{grid-template-columns:1fr!important;gap:16px!important}.table-container,.table-responsive{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.data-table,.table,.ud-table{min-width:600px}}@media(max-width:768px){.app-header{padding:0 10px!important;height:56px!important;min-height:56px!important;max-height:56px!important;gap:6px!important}.header-left{gap:6px!important;min-width:40px!important}.header-right{gap:4px!important}.header-locked-module,.header-platform-badge{display:none!important}.form-grid-4{grid-template-columns:repeat(2,1fr)}.form-grid-3{grid-template-columns:1fr}.header-impersonation-wrap{max-width:200px}.header-impersonation-text{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-exit-btn-text{display:none!important}.branch-switcher-btn{padding:4px 6px!important;gap:4px!important;max-width:100px!important;flex-shrink:1!important}.branch-switcher-name{max-width:60px!important;font-size:11.5px!important}.header-branch-badge{display:none!important}.language-switcher-btn{padding:4px 6px!important;gap:3px!important;flex-shrink:0!important}.lang-switcher-text-full{display:none!important}.lang-switcher-text-short{display:inline!important;font-size:11px!important;font-weight:700!important}.lang-switcher-chevron{display:none!important}.header-module-tabs{padding:2px!important;gap:2px!important}.header-module-tab{padding:4px 7px!important;font-size:11.5px!important}.date-picker-popover{flex-direction:column!important;max-width:calc(100vw - 24px)!important;overflow-y:auto!important;max-height:85vh!important;max-height:85dvh!important}.date-picker-presets{width:100%!important;border-right:none!important;border-bottom:1px solid var(--border-color)!important;flex-direction:row!important;overflow-x:auto!important;padding:8px 10px!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch}.date-picker-presets button{flex-shrink:0!important;padding:6px 10px!important;font-size:11.5px!important}.date-picker-dual-calendar{flex-direction:column!important;gap:16px!important;align-items:center!important}.date-picker-month-second{display:none!important}.date-picker-calendar-area{padding:12px 14px!important}.page-container{padding:12px 10px!important}.card,.subscription-plan-card{padding:14px 12px!important}.subscription-quotas-grid{grid-template-columns:1fr!important;gap:12px!important}.tenant-admin-highlight-card{padding:14px 12px!important}.tenant-admin-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.tenant-admin-kpi-card,.technician-kpi-card,.technician-queue-card,.technician-queue-item{padding:12px 10px!important}.header-platform-admin-badge{display:none!important}}.lang-switcher-text-short{display:none}@media(max-width:768px){.branch-switcher-dropdown{position:fixed!important;top:58px!important;left:10px!important;right:10px!important;width:auto!important;max-width:320px!important;margin:0 auto!important;z-index:1200!important;box-shadow:var(--shadow-xl)!important}}@media(max-width:640px){.app-header{padding:0 10px!important;height:56px!important;min-height:56px!important;max-height:56px!important;gap:8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;overflow:visible!important}.header-left{display:flex!important;align-items:center!important;gap:6px!important;flex-shrink:0!important;min-width:44px!important;z-index:20!important}.header-sidebar-toggle-btn,.header-mobile-menu-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;min-width:38px!important;flex-shrink:0!important;border-radius:9px!important;background:var(--bg-surface)!important;border:1px solid var(--border-color)!important;color:var(--text-main)!important;cursor:pointer!important;padding:0!important}.header-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;flex-shrink:1!important;min-width:0!important;overflow:visible!important}.header-module-label{display:none!important}.header-module-tabs{padding:2px!important;flex-shrink:0!important}.header-module-tab{padding:6px 8px!important}.header-locked-module,.header-platform-badge,.header-platform-admin-badge{display:none!important}.branch-switcher-btn{padding:4px 6px!important;gap:3px!important;flex-shrink:1!important}.branch-switcher-name{max-width:50px!important;font-size:11px!important}.header-branch-badge{display:none!important}.branch-switcher-btn>svg:last-child{display:none!important}.language-switcher-btn{padding:0 6px!important;height:32px!important;min-height:32px!important;gap:3px!important;border-radius:8px!important;flex-shrink:0!important;display:inline-flex!important;align-items:center!important}.lang-switcher-text-full{display:none!important}.lang-switcher-text-short{display:inline!important;font-size:11px!important;font-weight:700!important}.lang-switcher-chevron{display:none!important}.header-theme-btn,.header-right button[title*=Dark],.header-right button[title*=Light],.header-right button[title*=Oscuro],.header-right button[title*=Claro],.header-notification-btn,.header-right .notification-trigger-btn,.header-right button[aria-label=Notifications]{width:32px!important;min-width:32px!important;height:32px!important;padding:0!important;border-radius:8px!important;flex-shrink:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.header-profile-btn{padding:2px!important;gap:0!important;border-radius:50%!important;border:1px solid var(--border-color)!important;flex-shrink:0!important}.header-user-details,.header-profile-chevron{display:none!important}.header-profile-dropdown{right:0!important;top:calc(100% + 8px)!important;width:230px!important;max-width:calc(100vw - 20px)!important;z-index:1200!important}.branch-switcher-dropdown{position:fixed!important;top:58px!important;left:10px!important;right:10px!important;width:auto!important;max-width:320px!important;margin:0 auto!important;z-index:1200!important;box-shadow:var(--shadow-xl)!important}.notification-dropdown-menu{position:fixed!important;top:58px!important;left:8px!important;right:8px!important;width:auto!important;max-width:calc(100vw - 16px)!important;max-height:80vh!important;max-height:80dvh!important;border-radius:16px!important;padding:12px!important;z-index:1200!important;box-shadow:0 10px 40px #0000004d!important}.page-container{padding:10px 8px!important}.technician-dashboard{padding:0!important}.technician-greeting{margin-bottom:12px!important}.technician-greeting-title{font-size:20px!important;margin-bottom:4px!important}.technician-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-bottom:14px!important}.technician-kpi-card{padding:10px 12px!important;border-radius:12px!important;gap:10px!important}.technician-kpi-card>div:first-child{width:36px!important;height:36px!important;border-radius:8px!important}.technician-kpi-card>div:first-child svg{width:18px!important;height:18px!important}.technician-kpi-card>div:last-child>div:first-child{font-size:20px!important}.technician-kpi-card>div:last-child>div:last-child{font-size:11px!important}.technician-queue-card{padding:12px 10px!important;border-radius:14px!important}.technician-queue-item{padding:12px 10px!important;border-radius:10px!important;gap:10px!important}.technician-queue-header{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important;margin-bottom:16px!important}.technician-queue-header-left{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.technician-queue-header h2{font-size:16px!important;white-space:nowrap!important}.technician-queue-active-badge{font-size:11px!important;padding:2px 7px!important;white-space:nowrap!important}.technician-queue-view-all-btn{font-size:12px!important;padding:6px 12px!important;white-space:nowrap!important;margin-left:auto!important}.technician-queue-item>div:first-child{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.technician-queue-item>div:nth-child(2){font-size:11.5px!important;line-height:1.5!important}.technician-queue-item>div:nth-child(3){padding:10px 12px!important}.technician-queue-item>div:last-child{flex-wrap:wrap!important;gap:8px!important}.technician-queue-item>div:last-child button{font-size:12px!important;padding:8px 12px!important}.technician-wo-modal,.view-wo-modal{max-height:calc(100vh - 24px)!important;max-height:calc(100dvh - 24px)!important;margin:auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.technician-wo-modal .view-wo-header,.technician-wo-overlay .view-wo-header{padding:12px 14px 10px!important;flex-shrink:0!important;position:sticky!important;top:0!important;z-index:20!important;background-color:var(--bg-card)!important;min-height:auto!important;display:flex!important;align-items:flex-start!important}.technician-wo-modal .view-wo-header-info{min-width:0!important;flex:1!important;overflow:hidden!important}.technician-wo-modal .view-wo-header-info>div:first-child{flex-wrap:wrap!important;gap:6px!important}.technician-wo-modal .view-wo-header-info>div:first-child h2{font-size:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.technician-wo-modal .view-wo-header-info>div:first-child span{font-size:11px!important;padding:2px 7px!important}.technician-wo-modal .view-wo-header-info>div:first-child button{font-size:11px!important;padding:3px 8px!important}.technician-wo-modal .view-wo-header-info>p{font-size:11.5px!important;margin-top:4px!important;display:none!important}.technician-wo-modal .tabs-header-scrollable{padding:0 10px!important;gap:12px!important;flex-shrink:0!important;position:sticky!important;top:0!important;z-index:19!important;background-color:var(--bg-card)!important}.technician-wo-modal .tabs-header-scrollable button{font-size:12.5px!important;padding:10px 2px!important;white-space:nowrap!important}.technician-wo-body,.technician-wo-modal .technician-wo-body,.technician-wo-modal .modal-body,.technician-wo-modal>div:last-child{flex:1 1 auto!important;min-height:0!important;padding:14px 12px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.technician-note-form,.technician-wo-modal form.technician-note-form{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}.technician-note-input,.technician-note-form input[type=text],.technician-wo-modal form.technician-note-form input[type=text]{width:100%!important;flex:unset!important;font-size:13px!important;box-sizing:border-box!important}.technician-note-submit-btn,.technician-note-form button[type=submit],.technician-wo-modal form.technician-note-form button[type=submit]{width:100%!important;justify-content:center!important;padding:10px 14px!important;font-size:13px!important;flex-shrink:0!important;white-space:nowrap!important}.technician-wo-modal form~div,.technician-wo-modal button[type=button]{font-size:13px!important}.technician-wo-modal [style*=notesHistory] div,.technician-wo-modal div[style*="NOTES HISTORY"]~div div{font-size:12px!important}.technician-wo-modal div[style*="PROCESS TIMING"]{padding:14px 12px!important}.technician-wo-modal div[style*="PROCESS TIMING"] button{font-size:12.5px!important;padding:10px 12px!important}.technician-wo-modal div[style*="WORKFLOW STEPPER"]{padding:14px 12px!important}.technician-wo-modal div[style*="WORKFLOW STEPPER"]>div>div>div:nth-child(2){padding:10px 12px!important}.technician-wo-modal div[style*="AUDIT LOG"]{padding:14px 12px!important}.technician-wo-modal div[style*=auto-fit]{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;padding:12px!important}.technician-wo-modal div[style*="DENTAL SPEC"]{padding:12px!important}.technician-page-header{gap:12px!important;margin-bottom:16px!important}.technician-search-wrap,.technician-search-bar{max-width:100%!important;width:100%!important}.technician-filter-tabs{gap:6px!important;margin-bottom:16px!important;padding-bottom:4px!important}.technician-filter-tabs button{padding:6px 12px!important;font-size:12px!important;white-space:nowrap!important;flex-shrink:0!important}.technician-wo-card{padding:14px 12px!important;gap:10px!important;border-radius:12px!important}.technician-filter-bar{padding:12px!important;gap:10px!important;flex-direction:column!important;align-items:stretch!important}.technician-filters-group{width:100%!important;display:flex!important;gap:8px!important;align-items:center!important}.technician-status-select-wrap{flex:1!important;width:auto!important}.technician-create-btn{width:100%!important;justify-content:center!important;padding:9px 16px!important;font-size:13px!important}.technician-table-wrapper table{min-width:680px!important}.technician-dashboard>div:last-of-type{padding:14px 12px!important;margin-top:14px!important}.technician-dashboard>div:last-of-type h2{font-size:14px!important}.technician-dashboard>div:last-of-type ul{font-size:12px!important;padding-left:16px!important;gap:8px!important}.platform-support-page,.lab-support-page{gap:16px!important}.support-portal-header{gap:12px!important}.support-refresh-btn{padding:7px 12px!important;font-size:12px!important}.support-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.support-kpi-grid>div{padding:12px 14px!important}.support-filter-bar{padding:12px 10px!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}.support-filter-left{width:100%!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}.support-tenant-select-wrap{width:100%!important}.support-tenant-select-wrap select{width:100%!important;box-sizing:border-box!important}.support-status-pills{width:100%!important;gap:4px!important}.support-status-pills button{padding:4px 10px!important;font-size:11px!important}.support-search-wrap{width:100%!important;box-sizing:border-box!important}.support-table-card .table-responsive table{min-width:680px!important}.onboarding-instructions-page{padding-bottom:30px!important}.onboarding-header{gap:12px!important;margin-bottom:16px!important}.onboarding-header-actions{width:100%!important;gap:8px!important}.onboarding-header-actions button{flex:1!important;justify-content:center!important;padding:8px 12px!important;font-size:12px!important}.onboarding-progress-card{padding:12px 14px!important;margin-bottom:16px!important}.onboarding-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:16px!important}.onboarding-role-pills{width:100%!important;gap:6px!important;overflow-x:auto!important;padding-bottom:4px!important;white-space:nowrap!important}.onboarding-role-pills button{padding:6px 12px!important;font-size:12px!important;flex-shrink:0!important}.onboarding-search-wrap{width:100%!important;min-width:100%!important}.grid-kpi-4{grid-template-columns:1fr;gap:10px}.form-grid-4,.form-grid-3,.form-grid-2{grid-template-columns:1fr!important;gap:12px!important}.filter-bar-responsive{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.filter-bar-responsive>*{width:100%!important;max-width:100%!important;flex-basis:auto!important}.reminders-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.reminders-filter-search{width:100%!important;max-width:100%!important;min-width:0!important}.reminders-filter-dropdowns{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}.reminders-filter-dropdowns>div{width:100%!important;min-width:0!important}.reminders-filter-reset-btn{width:100%!important}.chart-card-responsive{padding:14px 12px!important}.modal-overlay,.modal-backdrop{padding:16px 12px!important;align-items:center!important;justify-content:center!important}.modal-content,.modal-dialog,.modal-card{max-width:calc(100vw - 24px)!important;width:100%!important;max-height:calc(100vh - 32px)!important;max-height:calc(100dvh - 32px)!important;border-radius:16px!important;border:1px solid var(--border-color)!important;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003!important;margin:auto!important;display:flex!important;flex-direction:column!important;animation:modalIn .2s ease-out!important}.modal-header{padding:14px 16px!important;flex-shrink:0!important}.modal-body{padding:16px!important;max-height:calc(100dvh - 150px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.modal-footer{padding:12px 16px!important;flex-shrink:0!important;gap:8px!important}.branch-modal-contact-grid{grid-template-columns:1fr!important;gap:12px!important}.view-wo-overlay,.technician-wo-overlay{padding:16px 12px!important;align-items:center!important;justify-content:center!important}.view-wo-modal,.technician-wo-modal{max-width:calc(100vw - 24px)!important;width:100%!important;max-height:calc(100vh - 32px)!important;max-height:calc(100dvh - 32px)!important;border-radius:16px!important;border:1px solid var(--border-color)!important;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003!important;margin:auto!important;display:flex!important;flex-direction:column!important;animation:modalIn .2s ease-out!important}.view-wo-header{padding:12px 14px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-shrink:0!important}.view-wo-header-info{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important;flex:1!important}.view-wo-title-row{display:flex!important;align-items:center!important;gap:6px!important}.view-wo-title{font-size:15px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.view-wo-badges-row{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:4px!important}.view-wo-badge{font-size:10px!important;padding:2px 6px!important;border-radius:5px!important;line-height:1.3!important}.view-wo-actions{display:flex!important;align-items:center!important;gap:6px!important;flex-shrink:0!important}.view-wo-edit-btn{padding:4px 8px!important;font-size:11px!important;border-radius:6px!important}.view-wo-close-btn{width:28px!important;height:28px!important;border-radius:6px!important}.view-wo-tab-bar,.modal-tab-bar{padding:0 8px!important;gap:2px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-shrink:0!important}.view-wo-tab-bar::-webkit-scrollbar,.modal-tab-bar::-webkit-scrollbar{display:none!important}.view-wo-tab-bar button,.modal-tab-bar button{padding:9px 12px!important;font-size:12px!important;font-weight:700!important;white-space:nowrap!important;flex-shrink:0!important}.view-wo-body,.modal-body{padding:14px 12px!important;gap:12px!important;max-height:calc(100dvh - 165px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.view-wo-timeline-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:6px!important;scrollbar-width:thin!important}.view-wo-timeline-track{min-width:520px!important}.view-wo-timeline-label{font-size:10px!important;max-width:80px!important;line-height:1.25!important;margin-top:6px!important;word-break:normal!important}.view-wo-table-responsive{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:10px!important}.view-wo-table-responsive table{min-width:640px!important}.view-wo-table-responsive th{padding:9px 10px!important;font-size:11px!important}.view-wo-table-responsive td{padding:9px 10px!important;font-size:11.5px!important}.view-wo-time-card{padding:12px 14px!important;gap:8px!important}.view-wo-time-card-value{font-size:17px!important;padding:6px 12px!important}.view-wo-footer,.modal-footer{padding:10px 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;border-top:1px solid var(--border-color)!important;background-color:var(--bg-card)!important;flex-shrink:0!important}.view-wo-footer button,.modal-footer button{padding:7px 14px!important;font-size:12px!important;border-radius:7px!important}.pagination-container{flex-direction:column!important;align-items:center!important;gap:10px!important;padding:12px 14px!important}.pagination-pages-desktop{display:none!important}.card{padding:16px 14px}}@media(max-width:480px){.app-header{padding:0 8px;height:52px;min-height:52px;max-height:52px}.header-left,.header-right{gap:4px}.header-impersonation-badge{padding:3px 6px!important}.header-impersonation-text,.header-platform-title span{display:none!important}.branch-switcher-name{max-width:40px!important;font-size:10.5px!important}.page-container h1,.page-container h2{font-size:18px!important}.page-container h3{font-size:15px!important}}@keyframes mobileModalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.process-edit-item-row{flex-wrap:wrap!important;gap:10px!important}.process-edit-assignee-col{width:100%!important;max-width:100%!important}}.tabs-header-scrollable{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.tabs-header-scrollable::-webkit-scrollbar{display:none!important}