@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--bg-primary: #ECEEF2;--card-bg-opacity: .75;--card-blur: 12px;--bg-header: #FFFFFF;--bg-sidebar: #FFFFFF;--bg-active: rgba(126, 34, 206, .08);--bg-hover: rgba(126, 34, 206, .05);--bg-inner: rgba(248, 250, 252, .9);--text-title: #0F172A;--text-subtitle: #1E293B;--text-normal: #334155;--text-description: #64748B;--text-muted: #64748B;--text-active: #6D28D9;--btn-primary: #7C3AED;--border-color: rgba(0, 0, 0, .09);--border-glass: rgba(255, 255, 255, .6);--shadow-color: rgba(100, 100, 120, .12);--shadow-deep: rgba(100, 100, 120, .18);--blur-glass: blur(var(--card-blur));--blur-sidebar: blur(calc(var(--card-blur) + 4px));--sidebar-width: 210px;--sidebar-collapsed-width: 48px;--header-height: 44px;--layout-edge: 3px;--layout-gap: 5px;--content-gap: 10px;--transition-smooth: cubic-bezier(.4, 0, .2, 1);--plan-basic: #94a3b8;--plan-premium: #f59e0b;--plan-custom: #10b981}[data-theme=dark]{--bg-primary: #0D1117;--bg-header: #0F1423;--bg-sidebar: #0D111C;--bg-active: rgba(139, 92, 246, .12);--bg-hover: rgba(139, 92, 246, .07);--bg-inner: rgba(0, 0, 0, .25);--text-title: #FFFFFF;--text-subtitle: #F8FAFC;--text-normal: #E2E8F0;--text-description: #94A3B8;--text-muted: #64748B;--text-active: #C4B5FD;--btn-primary: #7C3AED;--border-color: rgba(255, 255, 255, .07);--border-glass: rgba(255, 255, 255, .1);--shadow-color: rgba(0, 0, 0, .35);--shadow-deep: rgba(0, 0, 0, .5);--plan-basic: #94a3b8;--plan-premium: #f59e0b;--plan-custom: #10b981}[data-theme=antigravity]{--bg-primary: #000000;--bg-header: #1E1F22;--bg-sidebar: #1E1F22;--bg-active: rgba(168, 85, 247, .15);--bg-hover: rgba(255, 255, 255, .06);--bg-inner: rgba(0, 0, 0, .3);--text-title: #FFFFFF;--text-subtitle: #F1F5F9;--text-normal: #E2E8F0;--text-description: #CBD5E1;--text-muted: #94A3B8;--text-active: #C4B5FD;--btn-primary: #8840FF;--border-color: rgba(255, 255, 255, .08);--border-glass: rgba(255, 255, 255, .12);--shadow-color: rgba(0, 0, 0, .6);--shadow-deep: rgba(0, 0, 0, .9);--plan-basic: #94a3b8;--plan-premium: #f59e0b;--plan-custom: #10b981}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{overscroll-behavior:none;height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overscroll-behavior:none;height:100%}h1,h2{color:var(--text-title);font-weight:700}h3,h4,h5,h6{color:var(--text-subtitle);font-weight:600}p,span,li,label{color:var(--text-normal)}small,.text-desc,.explanation,.muted-text{color:var(--text-description)}.layout-container{display:flex;flex-direction:column;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);position:fixed;top:calc(var(--header-height) + var(--layout-gap) + var(--layout-edge));left:var(--layout-edge);height:calc(100vh - var(--header-height) - var(--layout-gap) - (var(--layout-edge) * 2));transition:width .4s cubic-bezier(.165,.84,.44,1),transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;z-index:40;box-shadow:4px 4px 24px var(--shadow-color);border-radius:4px;border:1px solid var(--border-glass);overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{height:var(--header-height);display:flex;align-items:center;padding:0 16px;justify-content:space-between}.sidebar.collapsed .sidebar-header{padding:0;justify-content:center}.logo-container{overflow:hidden;white-space:nowrap;transition:opacity .2s}.sidebar.collapsed .logo-container{display:none}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:calc(var(--sidebar-width) + var(--layout-gap) + var(--layout-edge));transition:margin-left .3s var(--transition-smooth)}.sidebar.collapsed+.main-content{margin-left:calc(var(--sidebar-collapsed-width) + var(--layout-gap) + var(--layout-edge))}.header{height:var(--header-height);background:var(--bg-header);display:flex;align-items:center;padding:0 10px;position:fixed;top:var(--layout-edge);left:var(--layout-edge);right:var(--layout-edge);z-index:50;box-shadow:0 4px 20px var(--shadow-color);border-radius:4px;border:1px solid var(--border-glass)}@media(display-mode:standalone),(max-width:768px){.header{height:calc(56px + env(safe-area-inset-top,0px));position:fixed;top:0;left:0;right:0;padding:0 10px;padding-top:env(safe-area-inset-top,0px);gap:6px;border-radius:0 0 10px 10px;box-shadow:0 4px 20px #0006;z-index:10003;border:none;align-items:center;margin:0;display:flex}.sidebar{position:fixed;top:calc(56px + env(safe-area-inset-top,0px));left:0;width:280px!important;height:calc(100vh - (56px + env(safe-area-inset-top,0px)));border-radius:0 10px 0 0;margin:0;z-index:10002;transform:translate(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);border-top:1px solid var(--border-color)}.sidebar.mobile-open{transform:translate(0);box-shadow:10px 0 30px #0000008c}.sidebar.collapsed{transform:translate(-100%)}.sidebar-mobile-header{display:none!important}.sidebar-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10001;animation:fadeInOverlay .25s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.content-body{padding:8px;margin-top:calc(61px + env(safe-area-inset-top,0px));margin-bottom:10px}.header-badge-role,.header-username,.header-avatar{display:none!important}.main-content{margin-left:0!important}}.menu-toggle{background:transparent;border:none;cursor:pointer;color:var(--text-normal);display:flex;align-items:center;justify-content:center;border-radius:8px;width:40px;height:40px;transition:background-color .2s}.menu-toggle:hover{background-color:var(--border-color);color:var(--text-active)}.mobile-floating-menu{display:none}@media(max-width:768px){.header-menu-toggle{display:none!important}.mobile-floating-menu{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:10004;display:flex;width:52px;height:52px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:#8746ef;color:#fff;box-shadow:0 10px 28px #8746ef6b;cursor:pointer;transition:transform .2s ease,background-color .2s ease;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none}.mobile-floating-menu.side-right{right:max(16px,env(safe-area-inset-right,0px));left:auto}.mobile-floating-menu.side-left{right:auto;left:max(16px,env(safe-area-inset-left,0px))}.mobile-floating-menu.dragging{transition:none;cursor:grabbing}.mobile-floating-menu:active{transform:scale(.94)}.mobile-floating-menu.open{background:#6d28d9;transform:rotate(90deg)}}.content-body{padding:8px;margin-top:calc(var(--header-height) + var(--layout-gap) + var(--layout-edge));flex:1}.glass-card{background:var(--bg-header);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border-radius:6px;border:1px solid var(--border-glass);padding:10px;box-shadow:0 4px 24px var(--shadow-color)}.btn-primary{background-color:var(--btn-primary);color:#fff;border:none;padding:6px 12px;border-radius:4px;font-weight:600;cursor:pointer;transition:transform .2s,filter .2s;box-shadow:0 4px 12px #7e22ce4d;display:flex;align-items:center;gap:8px}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:4px;padding:6px 12px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #ef444433}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ef44444d}.btn-secondary{background:var(--bg-primary);color:var(--text-normal);border:1px solid var(--border-color);padding:6px 12px;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover{background:var(--bg-active);border-color:var(--text-active);color:var(--text-active)}.sidebar-item{margin:1px 5px;padding:6px 9px;border-radius:6px;color:color-mix(in srgb,var(--text-normal) 82%,white 18%);font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;font-size:.85rem}.sidebar-section-label{margin:10px 10px 4px;color:color-mix(in srgb,var(--text-normal) 72%,white 28%);font-size:.59rem;font-weight:800;letter-spacing:.11em;line-height:1;text-transform:uppercase;opacity:.72}.sidebar.collapsed .sidebar-section-label{margin:8px 0 3px;overflow:hidden;text-align:center;white-space:nowrap}.sidebar-item svg{color:inherit;opacity:.9}.sidebar .sidebar-item span,.sidebar .sidebar-subitem span{color:inherit}.sidebar-item:hover,.sidebar-item.active{background-color:var(--bg-active);color:var(--text-active)}.sidebar-item.active svg{color:var(--text-active)}.sidebar-subitem{margin:1px 5px 1px 8px;padding:6px 9px 6px 34px;border-radius:6px;color:var(--text-normal);font-weight:400;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;font-size:.8rem;opacity:.7}.sidebar-subitem:hover{background-color:var(--bg-hover);color:var(--text-title);opacity:1;transform:translate(4px)}.sidebar-subitem.active{color:var(--text-active);opacity:1;font-weight:600}.sidebar.collapsed .sidebar-item{justify-content:center;padding:8px 0;margin:2px 3px}.sidebar.collapsed .sidebar-item-text{display:none}.slim-scroll::-webkit-scrollbar{width:4px}.slim-scroll::-webkit-scrollbar-track{background:transparent}.slim-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.slim-scroll::-webkit-scrollbar-thumb:hover{background:#fff3}.fab-button{width:48px;height:48px;border-radius:50%;background-color:var(--btn-primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #7e22ce66;transition:transform .2s,background-color .2s}.fab-button:hover{transform:scale(1.1);filter:brightness(1.1)}.modal-overlay{position:fixed;inset:0;background-color:#00000026;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;padding:10px;z-index:10000;overflow-y:auto;animation:fadeInOverlay .2s ease-out forwards}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:500px;box-shadow:0 25px 50px -12px var(--shadow-color);animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);position:relative;display:flex;flex-direction:column;height:auto;max-height:calc(100vh - 20px);overflow:hidden}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}body:has(.modal-overlay) .fade-in,body:has(.modal-overlay) .main-content,body:has(.modal-overlay) .content-body{transform:none!important;perspective:none!important;filter:none!important}.content-body:has(.modal-overlay){z-index:10001!important;isolation:isolate}.fade-in{animation:fadeIn .4s var(--transition-smooth) forwards}.modal-header{padding:9px 12px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:12px;flex:1;overflow-y:auto}.modal-footer{padding:9px 12px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:8px}.form-group{margin-bottom:6px}.form-group label{display:block;font-size:.75rem;margin-bottom:4px;color:var(--text-normal);opacity:.8}.form-control{width:100%;background-color:var(--bg-header);border:1px solid var(--border-color);border-radius:4px;padding:5px 8px;color:var(--text-normal);font-size:.85rem;transition:border-color .2s,background-color .2s}.form-control:focus{outline:none;border-color:var(--btn-primary);background:var(--bg-active)}.nexus-modal-overlay{background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.device-form-page .device-form-card-title{margin:0;color:var(--text-title)!important;font-size:.82rem;font-weight:800;letter-spacing:.045em;line-height:1.2;text-transform:uppercase}.device-form-page .device-form-card-description{margin:4px 0 0;color:var(--text-description)!important;font-size:.72rem;line-height:1.35;opacity:1}.device-form-page .device-form-label{display:block!important;margin:0 0 6px!important;color:var(--text-subtitle)!important;font-size:.69rem!important;font-weight:800!important;letter-spacing:.045em;line-height:1.2;opacity:1!important;text-transform:uppercase}@media(max-width:820px){.nexus-add-grid,.nexus-metric-grid,.nexus-record-grid{grid-template-columns:1fr!important}}.nexus-record-create-card{width:100%;padding:16px!important;overflow:visible!important}.nexus-record-create-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#8746ef}.nexus-record-create-title h2{margin:0;color:var(--text-title);font-size:.84rem}.nexus-record-create-fields{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:14px;align-items:start;overflow:visible!important}.nexus-record-create-fields .form-group{margin:0}.nexus-record-create-fields label{display:block;margin:0 0 5px;color:var(--text-subtitle)!important;font-size:.66rem;font-weight:800;letter-spacing:.04em;opacity:1!important;text-transform:uppercase}.nexus-record-create-fields .form-control{min-height:34px}.nexus-record-create-submit{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;font-size:.75rem;white-space:nowrap}@media(max-width:900px){.nexus-record-create-fields{grid-template-columns:1fr}.nexus-record-create-submit{width:100%}}select{-webkit-appearance:none!important;-moz-appearance:none!important;-ms-appearance:none!important;appearance:none!important}select::-ms-expand{display:none!important}select::-webkit-calendar-picker-indicator{display:none!important;opacity:0!important}select.edit-input{background-color:var(--bg-header)!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:14px!important;padding-right:32px!important;color:var(--text-normal)}select.form-control{background-color:var(--bg-header)!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:14px!important;padding-right:36px!important}select.form-control,select.edit-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.plan-select-basic{border-left:3px solid var(--plan-basic)!important;color:var(--plan-basic)!important}.plan-select-premium{border-left:3px solid var(--plan-premium)!important;color:var(--plan-premium)!important}.plan-select-custom{border-left:3px solid var(--plan-custom)!important;color:var(--plan-custom)!important}select option{background-color:var(--bg-sidebar);color:var(--text-normal);padding:12px}select option[value=basic]{color:var(--plan-basic)}select option[value=premium]{color:var(--plan-premium)}select option[value=custom]{color:var(--plan-custom)}.edit-input{background:var(--bg-header);border:1px solid var(--border-color);border-radius:4px;color:var(--text-active);padding:4px 8px;width:100%;font-family:inherit;transition:all .2s}.edit-input:focus{outline:none;border-color:var(--btn-primary);background:#ffffff12}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.edit-group{margin-bottom:8px}.edit-label{display:block;font-size:.75rem;color:var(--text-normal);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.text-warning{color:#f59e0b;font-size:.75rem;margin-top:2px}.text-error{color:#ef4444;font-size:.75rem;margin-top:2px}.text-success{color:#10b981;font-size:.75rem;margin-top:2px}.companies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}.company-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px;transition:transform .2s,background-color .2s}.company-card:hover{transform:translateY(-4px);background:#ffffff0a;border-color:#7e22ce4d}.company-info-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.85rem}.company-info-label{color:var(--text-normal);opacity:.7}.company-info-value{color:var(--text-title);font-weight:500}.badge-plan{padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize}.badge-plan.basic{background-color:#94a3b826;color:var(--plan-basic)}.badge-plan.premium{background-color:#f59e0b26;color:var(--plan-premium)}.badge-plan.custom{background-color:#10b98126;color:var(--plan-custom)}.badge-status{padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.badge-status.active{background-color:#10b98133;color:#10b981}.badge-status.inactive{background-color:#ef444433;color:#ef4444}.company-card.inactive{opacity:.6;filter:grayscale(.5)}.btn-icon.toggle:hover{background:#10b98133;color:#10b981}.card-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px;border-top:1px solid rgba(255,255,255,.05);padding-top:8px}.btn-icon{background:#ffffff0d;border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-normal);cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--bg-active);color:var(--text-active)}.btn-icon.delete:hover{background:#ef444433;color:#ef4444}.empty-state{text-align:center;padding:32px 14px;background:#ffffff03;border:1px dashed rgba(255,255,255,.1);border-radius:12px;color:var(--text-normal)}.empty-state svg{margin-bottom:16px;opacity:.3}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s var(--transition-smooth) forwards}.details-container{width:100%;max-width:none;margin:0}.os-details-grid{display:grid;grid-template-columns:1fr 340px;grid-template-areas:"left right" "timeline right";gap:10px}.os-details-left{grid-area:left;display:flex;flex-direction:column;gap:10px}.os-details-right{grid-area:right;display:flex;flex-direction:column;gap:10px}.os-timeline-section{grid-area:timeline}@media(max-width:1024px){.os-details-grid{grid-template-columns:1fr;grid-template-areas:"left" "right" "timeline"}}.os-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:12px}@media(max-width:690px){.os-details-header{flex-wrap:wrap;align-items:center}.os-details-header>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end}.os-details-header h1{font-size:1.1rem!important}}@media(min-width:769px){.sidebar-mobile-header{display:none}}.content-body>.fade-in,.content-body>.details-container,.content-body>.page-container{width:100%;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-top:0!important;padding-left:0!important;padding-right:0!important}.login-screen{position:fixed;inset:0;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:5000;padding:20px}.login-card{background:var(--bg-header);border:1px solid var(--border-color);border-radius:24px;width:100%;max-width:400px;padding:40px;box-shadow:0 25px 50px -12px var(--shadow-color);animation:modalScale .4s var(--transition-smooth)}.login-logo{width:64px;height:64px;background:var(--btn-primary);border-radius:16px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px #7e22ce4d}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:1.75rem;margin-bottom:8px;letter-spacing:-.02em;color:var(--text-title)}.login-header p{color:var(--text-normal);font-size:.95rem;opacity:.7}.login-btn{width:100%;padding:14px;margin-top:16px;font-size:1rem;justify-content:center}.show-password-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-normal);opacity:.5;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:opacity .2s,color .2s}.show-password-btn:hover{opacity:1;color:var(--text-active)}.pagination-container{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.pagination-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-normal);width:30px;height:30px;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--bg-active);color:var(--text-active);border-color:var(--text-active)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-info{font-size:.9rem;color:var(--text-normal);font-weight:500}.table-wrapper{overflow-x:auto;border-radius:12px;background:var(--bg-header);border:1px solid var(--border-color);box-shadow:0 4px 15px var(--shadow-color)}.custom-table{width:100%;border-collapse:collapse;font-size:.82rem}.full-loading-screen{position:fixed;inset:0;background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999}.loader-content{display:flex;flex-direction:column;align-items:center;gap:24px}.loader-spinner{width:80px;height:80px;border:4px solid var(--bg-active);border-top:4px solid var(--btn-primary);border-radius:50%;animation:spin 1s linear infinite;position:absolute}.loader-logo{position:relative;z-index:2;animation:pulse 2s ease-in-out infinite;display:flex;align-items:center;justify-content:center;width:80px;height:80px}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.custom-table th{text-align:left;padding:8px 10px;background:var(--bg-primary);color:var(--text-normal);font-weight:700;text-transform:uppercase;font-size:.7rem;letter-spacing:.08em;border-bottom:2px solid var(--border-color)}.custom-table td{padding:8px 10px;border-bottom:1px solid var(--border-color);color:var(--text-normal);font-size:.85rem}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background:var(--bg-hover)}.modal-card{width:100%;max-width:500px;padding:14px;background:var(--bg-sidebar);border:1px solid var(--border-color);box-shadow:0 8px 32px var(--shadow-color);overflow-y:auto;max-height:90vh}@media(max-width:640px){.modal-card{padding:16px}}.responsive-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:480px){.responsive-grid{grid-template-columns:1fr}}.custom-scroll::-webkit-scrollbar{width:6px}.custom-scroll::-webkit-scrollbar-track{background:#0003;border-radius:4px}.custom-scroll::-webkit-scrollbar-thumb{background-color:var(--btn-primary);border-radius:10px;border:1px solid rgba(255,255,255,.1)}.custom-scroll::-webkit-scrollbar-thumb:hover{filter:brightness(1.2)}.pwa-page{-webkit-user-select:none;user-select:none;padding-bottom:env(safe-area-inset-bottom,16px)!important}@media(max-width:768px){.pwa-page{padding:8px 12px!important}}.task-notification-page{width:100%}.task-notification-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#8746ef}.task-notification-heading{display:flex;align-items:center;gap:9px}.task-notification-heading .btn-icon{width:32px;height:32px;background:#fff;border:1px solid #E2E8F0;font-size:1.5rem}.task-notification-heading h1{margin:0;font-size:1.2rem}.task-notification-heading p{margin:2px 0 0;color:var(--text-description);font-size:.72rem}.task-notification-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:8px}.task-notification-grid .glass-card{padding:12px}.task-notification-channels h2,.task-notification-form>h2{margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--border-color);font-size:.82rem}.task-notification-channels>button{display:flex;width:100%;align-items:center;gap:9px;margin-bottom:4px;padding:9px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text-normal);text-align:left;cursor:pointer}.task-notification-channels>button span{display:flex;flex-direction:column;color:inherit}.task-notification-channels>button small{margin-top:2px;color:inherit;font-size:.62rem;opacity:.65}.task-notification-channels>button.active{background:#8746ef;color:#fff}.task-notification-form>h2{display:flex;align-items:center;gap:7px}.task-notification-form{display:flex;flex-direction:column;gap:8px}.task-notification-form label{font-weight:700;color:var(--text-subtitle)}.task-notification-form textarea{resize:vertical;min-height:120px}.task-notification-feedback{padding:8px 10px;border-radius:6px;font-size:.75rem}.task-notification-feedback.success{background:#10b9811a;color:#10b981}.task-notification-feedback.error{background:#ef44441a;color:#ef4444}.task-notification-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}.task-notification-actions button{min-width:130px;height:34px;justify-content:center}.task-notification-actions .btn-primary{background:#8746ef;box-shadow:none}@media(max-width:700px){.task-notification-grid{grid-template-columns:1fr}.task-notification-channels{display:grid;grid-template-columns:1fr 1fr;gap:4px}.task-notification-channels h2{grid-column:1 / -1}}.tasks-modern-page{min-height:calc(100dvh - 76px);display:flex;flex-direction:column;width:100%}.tasks-modern-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.tasks-modern-header h1{margin:0;color:var(--text-title);font-size:1.25rem}.tasks-modern-header p{margin:2px 0 0;color:var(--text-description);font-size:.72rem}.tasks-header-actions{display:flex;gap:7px}.tasks-header-actions button{min-height:32px;padding:0 11px;gap:6px;font-size:.75rem}.tasks-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 170px 150px 150px auto;gap:7px;margin-bottom:8px}.tasks-toolbar>select,.tasks-search{height:36px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-header);color:var(--text-normal);font-size:.74rem}.tasks-toolbar>select{padding:0 28px 0 9px}.tasks-search{display:flex;align-items:center;gap:7px;padding:0 10px}.tasks-search svg{flex:none;color:var(--text-description)}.tasks-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text-title);font-size:.76rem}.tasks-view-toggle{display:flex;padding:3px;gap:2px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-header)}.tasks-view-toggle button{width:28px;border:0;border-radius:5px;background:transparent;color:var(--text-description);cursor:pointer}.tasks-view-toggle button.active{background:#8746ef1f;color:#8746ef}.tasks-error{display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 10px;border:1px solid rgba(239,68,68,.25);border-radius:7px;background:#ef444414;color:#ef4444;font-size:.73rem}.tasks-error button{border:0;background:transparent;color:inherit;cursor:pointer}.tasks-results{display:flex;flex:1;min-height:280px;flex-direction:column}.tasks-results-summary{margin:0 0 6px 2px;color:var(--text-description);font-size:.68rem}.tasks-result-grid{display:grid;align-content:start;gap:8px}.tasks-result-grid.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tasks-result-grid.list{grid-template-columns:1fr}.task-result-card{position:relative;display:flex;min-width:0;overflow:hidden;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-header);color:var(--text-normal);cursor:pointer;box-shadow:0 3px 10px var(--shadow-color);transition:border-color .15s,transform .15s}.task-result-card:hover{border-color:#8746ef6b;transform:translateY(-1px)}.task-result-accent{width:3px;flex:none}.task-result-main{min-width:0;flex:1;padding:10px 7px 9px 10px}.task-result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.task-result-title{display:flex;min-width:0;align-items:center;gap:5px}.task-result-title strong{overflow:hidden;color:var(--text-title);font-size:.79rem;text-overflow:ellipsis;white-space:nowrap}.task-result-badges{display:flex;flex:none;gap:4px}.task-result-badges span{padding:2px 6px;border:1px solid;border-radius:5px;font-size:.57rem;font-weight:800;text-transform:uppercase}.task-result-card p{min-height:30px;margin:6px 0;overflow:hidden;color:var(--text-description);font-size:.68rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.task-result-meta{display:flex;align-items:center;gap:12px;overflow:hidden;color:var(--text-description);font-size:.62rem}.task-result-meta>span{display:inline-flex;min-width:0;align-items:center;gap:4px;white-space:nowrap}.task-result-meta i{width:6px;height:6px;border-radius:50%}.task-more{width:30px;flex:none;align-self:stretch;border:0;border-left:1px solid var(--border-color);background:transparent;color:var(--text-description);cursor:pointer}.task-more:hover{background:#8746ef14;color:#8746ef}.task-result-card.is-list .task-result-main{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(200px,1fr) auto;align-items:center;gap:16px}.task-result-card.is-list p{min-height:0;margin:0;-webkit-line-clamp:1}.task-result-card.is-list .task-result-meta{justify-content:flex-end}.tasks-empty{display:flex;flex:1;min-height:220px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-header);color:var(--text-description);font-size:.72rem}.tasks-pagination{display:flex;margin-top:auto;padding-top:10px;align-items:center;justify-content:space-between;gap:12px;color:var(--text-description);font-size:.68rem}.tasks-pagination label,.tasks-pagination>div{display:flex;align-items:center;gap:6px}.tasks-pagination select{height:29px;padding:0 23px 0 7px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-header);color:var(--text-title)}.tasks-pagination button{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-header);color:var(--text-normal);cursor:pointer}.tasks-pagination button:disabled{opacity:.35;cursor:default}.task-context-menu{z-index:10000}@media(max-width:900px){.tasks-toolbar{grid-template-columns:minmax(180px,1fr) 1fr 1fr}.tasks-toolbar .tasks-search{grid-column:1/-1}.tasks-view-toggle{justify-self:end}.task-result-card.is-list .task-result-main{display:block}.task-result-card.is-list p{margin:6px 0}.task-result-card.is-list .task-result-meta{justify-content:flex-start}}@media(max-width:600px){.tasks-modern-page{min-height:calc(100dvh - 58px)}.tasks-modern-header p,.tasks-header-actions .btn-secondary span{display:none}.tasks-modern-header h1{font-size:1.1rem}.tasks-header-actions button{padding:0 9px}.tasks-toolbar{grid-template-columns:1fr 1fr}.tasks-toolbar .tasks-search{grid-column:1/-1}.tasks-toolbar>select{min-width:0}.tasks-view-toggle{display:none}.tasks-result-grid.grid{grid-template-columns:minmax(0,1fr)}.task-result-heading{flex-direction:column}.task-result-meta{align-items:flex-start;flex-direction:column;gap:4px}.tasks-pagination{align-items:flex-start;flex-wrap:wrap}.tasks-pagination>span{order:3;width:100%}}.tasks-form-page{display:flex;width:100%;flex-direction:column;gap:8px}.tasks-form-header{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:12px}.tasks-form-heading{display:flex;min-width:0;align-items:center;gap:9px}.tasks-form-heading .btn-icon{width:32px;height:32px;background:var(--bg-header);border:1px solid var(--border-color)}.tasks-form-heading h1{margin:0;color:var(--text-title);font-size:1.2rem}.tasks-form-heading p{margin:1px 0 0;color:var(--text-description);font-size:.68rem}.tasks-form-actions,.tasks-form-bottom-actions{display:flex;gap:7px}.tasks-form-actions button,.tasks-form-bottom-actions button{min-width:110px;height:33px;justify-content:center;font-size:.72rem}.tasks-form-panel{padding:12px!important;border-radius:9px!important}.tasks-form-section-title{display:flex;min-height:26px;align-items:center;gap:7px;margin-bottom:9px;padding-bottom:7px;border-bottom:1px solid var(--border-color);color:var(--text-subtitle);font-size:.7rem;font-weight:800;text-transform:uppercase}.tasks-form-section-title>svg{color:#8746ef}.tasks-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px}.task-field{display:flex;min-width:0;flex-direction:column;gap:5px}.task-field>span{color:var(--text-subtitle);font-size:.65rem;font-weight:800;text-transform:uppercase}.task-field-full{grid-column:1/-1}.task-field .form-control{width:100%;min-height:34px;font-size:.75rem}.task-field textarea.form-control{min-height:86px;resize:vertical;line-height:1.4}.tasks-assign-toggle{display:flex;margin-left:auto;padding:2px;border-radius:6px;background:var(--bg-inner)}.tasks-assign-toggle button{height:24px;padding:0 10px;border:0;border-radius:5px;background:transparent;color:var(--text-description);font-size:.63rem;cursor:pointer}.tasks-assign-toggle button.active{background:#8746ef;color:#fff}.tasks-recurrence-switch{display:flex;margin-left:auto;align-items:center;gap:6px;color:var(--text-normal);font-size:.65rem;font-weight:600;text-transform:none;cursor:pointer}.tasks-recurrence-switch input{accent-color:#8746EF}.tasks-interval{display:grid;grid-template-columns:70px 1fr;gap:7px}.tasks-week-days{display:flex;gap:5px;flex-wrap:wrap}.tasks-week-days button{min-width:38px;height:28px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-header);color:var(--text-normal);font-size:.65rem;cursor:pointer}.tasks-week-days button.active{border-color:#8746ef;background:#8746ef;color:#fff}.tasks-form-bottom-actions{display:none;justify-content:flex-end}.tasks-form-loading{padding:40px;text-align:center;color:var(--text-description)}@media(max-width:650px){.tasks-form-header{align-items:flex-start}.tasks-form-heading p,.tasks-form-actions{display:none}.tasks-form-grid{grid-template-columns:1fr}.task-field-full{grid-column:auto}.tasks-form-section-title{flex-wrap:wrap}.tasks-assign-toggle,.tasks-recurrence-switch{margin-left:auto}.tasks-form-bottom-actions{position:sticky;z-index:20;bottom:6px;display:flex;padding:7px;border:1px solid var(--border-color);border-radius:9px;background:var(--bg-header);box-shadow:0 8px 24px #0f172a24}.tasks-form-bottom-actions button{flex:1}}.notification-root{position:relative}.notification-trigger{position:relative;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-header);color:var(--text-normal);cursor:pointer}.notification-trigger:hover,.notification-trigger.active{border-color:#8746ef73;background:#8746ef1a;color:#8746ef}.notification-trigger>span{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-header);border-radius:12px;background:#ef4444;color:#fff;font-size:.53rem;font-weight:800}.notification-backdrop{position:fixed;z-index:19998;inset:0;background:#0f172a57;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.notification-drawer{position:fixed;z-index:19999;top:62px;right:10px;width:min(430px,calc(100vw - 20px));height:min(680px,calc(100dvh - 76px));display:flex;overflow:hidden;flex-direction:column;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-sidebar);box-shadow:0 24px 65px #0f172a4d;color:var(--text-normal)}.notification-drawer-header{display:flex;min-height:54px;padding:9px 11px 9px 14px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);background:var(--bg-header)}.notification-drawer-header>div:first-child{display:flex;align-items:center;gap:9px;color:#8746ef}.notification-drawer-header span{display:flex;flex-direction:column}.notification-drawer-header strong{color:var(--text-title);font-size:.83rem}.notification-drawer-header small{margin-top:1px;color:var(--text-description);font-size:.61rem}.notification-header-tools{display:flex;gap:4px}.notification-header-tools button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:6px;background:transparent;color:var(--text-description);cursor:pointer}.notification-header-tools button:hover,.notification-header-tools button.enabled{border-color:#8746ef59;background:#8746ef14;color:#8746ef}.notification-header-tools .spinning svg{animation:notification-spin .8s linear infinite}@keyframes notification-spin{to{transform:rotate(360deg)}}.notification-permission{display:flex;padding:10px 12px;align-items:center;gap:9px;border-bottom:1px solid rgba(135,70,239,.18);background:#8746ef14;color:#8746ef}.notification-permission.denied{border-color:#ef44442e;background:#ef444412;color:#ef4444}.notification-permission>div{display:flex;min-width:0;flex:1;flex-direction:column}.notification-permission strong{font-size:.68rem}.notification-permission span{margin-top:2px;color:var(--text-description);font-size:.59rem;line-height:1.35}.notification-permission button{height:27px;padding:0 9px;border:0;border-radius:6px;background:#8746ef;color:#fff;font-size:.63rem;font-weight:700;cursor:pointer}.notification-error{display:flex;padding:7px 10px;justify-content:space-between;background:#ef444414;color:#ef4444;font-size:.65rem}.notification-error button{border:0;background:transparent;color:inherit}.notification-filters{display:flex;padding:7px 9px;align-items:center;gap:4px;border-bottom:1px solid var(--border-color);background:var(--bg-header)}.notification-filters>button{height:26px;padding:0 8px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-description);font-size:.61rem;cursor:pointer}.notification-filters>button span{margin-left:3px}.notification-filters>button.active{border-color:#8746ef3d;background:#8746ef1a;color:#8746ef;font-weight:700}.notification-filters .notification-read-all{display:flex;margin-left:auto;padding:0 4px;align-items:center;gap:4px;color:#10b981}.notification-list{flex:1;overflow-y:auto;padding:7px}.notification-item{position:relative;width:100%;display:flex;padding:9px 7px;align-items:flex-start;gap:9px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-normal);text-align:left;cursor:pointer}.notification-item+.notification-item{margin-top:3px}.notification-item:hover{border-color:var(--border-color);background:var(--bg-hover)}.notification-item.unread{border-color:#8746ef29;background:#8746ef0e}.notification-item.read{opacity:.66}.notification-item-icon{width:32px;height:32px;display:flex;flex:none;align-items:center;justify-content:center;border-radius:8px;font-size:.9rem;font-weight:800}.notification-item-content{display:flex;min-width:0;flex:1;flex-direction:column}.notification-item-top{display:flex;min-width:0;justify-content:space-between;gap:8px}.notification-item-top strong{overflow:hidden;color:var(--text-title);font-size:.71rem;text-overflow:ellipsis;white-space:nowrap}.notification-item-top time{flex:none;color:var(--text-description);font-size:.55rem}.notification-item-description{margin-top:2px;overflow:hidden;color:var(--text-description);font-size:.63rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-item-meta{margin-top:4px;font-size:.54rem;font-weight:750;text-transform:uppercase}.notification-item>i{width:6px;height:6px;flex:none;margin-top:5px;border-radius:50%}.notification-item>svg:last-child{flex:none;margin-top:1px;color:var(--text-description)}.notification-empty{height:100%;display:flex;min-height:230px;align-items:center;justify-content:center;flex-direction:column;color:var(--text-description)}.notification-empty-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border-radius:50%;background:#10b9811a;color:#10b981}.notification-empty strong{color:var(--text-title);font-size:.77rem}.notification-empty>span:last-child{margin-top:3px;font-size:.62rem}.notification-loading{display:flex;flex-direction:column;gap:7px}.notification-loading i{height:62px;border-radius:8px;background:linear-gradient(90deg,var(--bg-inner),var(--bg-hover),var(--bg-inner));background-size:200% 100%;animation:notification-loading 1.2s infinite}@keyframes notification-loading{to{background-position:-200% 0}}.notification-drawer-footer{min-height:38px;display:flex;padding:7px 11px;align-items:center;justify-content:space-between;border-top:1px solid var(--border-color);background:var(--bg-header)}.notification-drawer-footer>span{color:var(--text-description);font-size:.58rem}.notification-drawer-footer button{display:flex;align-items:center;gap:4px;border:0;background:transparent;color:#8746ef;font-size:.61rem;font-weight:700;cursor:pointer}.notification-permission-backdrop{position:fixed;z-index:20998;inset:0;background:#0f172a7a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.notification-permission-modal{position:fixed;z-index:20999;top:50%;left:50%;width:min(390px,calc(100vw - 28px));padding:24px 22px 18px;transform:translate(-50%,-50%);border:1px solid var(--border-color);border-radius:14px;background:var(--bg-header);box-shadow:0 28px 80px #0f172a61;color:var(--text-normal);text-align:center}.notification-permission-close{position:absolute;top:9px;right:9px;width:29px;height:29px;display:flex;align-items:center;justify-content:center;border:0;border-radius:7px;background:transparent;color:var(--text-description);cursor:pointer}.notification-permission-close:hover{background:var(--bg-hover);color:var(--text-title)}.notification-permission-illustration{width:58px;height:58px;display:flex;margin:0 auto 12px;align-items:center;justify-content:center;border-radius:16px;background:#8746ef1f;color:#8746ef}.notification-permission-modal h2{margin:0;color:var(--text-title);font-size:1.05rem}.notification-permission-modal p{margin:7px auto 17px;max-width:320px;color:var(--text-description);font-size:.72rem;line-height:1.5}.notification-permission-modal>div{display:grid;grid-template-columns:1fr 1.35fr;gap:7px}.notification-permission-modal>div button{height:35px;justify-content:center;font-size:.7rem}.notification-permission-modal small{display:block;margin-top:11px;color:var(--text-description);font-size:.56rem;opacity:.75}@media(max-width:600px){.notification-drawer{top:52px;right:0;width:100vw;height:calc(100dvh - 52px);border-right:0;border-bottom:0;border-left:0;border-radius:0}.notification-permission{align-items:flex-start}.notification-filters{overflow-x:auto}.notification-filters>button{white-space:nowrap}.notification-filters .notification-read-all{margin-left:0}.notification-drawer-footer{padding-bottom:max(7px,env(safe-area-inset-bottom))}}button,.sidebar-item{cursor:pointer;touch-action:manipulation}[data-theme=light] .layout-container{background-color:#eceef2!important}[data-theme=dark] .layout-container{background-color:#0d1117!important}[data-theme=antigravity] .layout-container{background-color:#000!important}.customer-add-page{--customer-accent: #8746EF;--customer-surface: #FFFFFF;--customer-background: #F1F5F9;width:100%;margin:0 auto;min-height:calc(100dvh - 86px);display:flex;flex-direction:column}.customer-add-heading{display:flex;align-items:center;gap:10px;margin-bottom:10px}.customer-add-heading .btn-icon{background:var(--customer-surface);border:1px solid #E2E8F0;color:#64748b}.customer-add-heading h1{font-size:1.25rem;color:#334155}.customer-add-heading p{margin-top:2px;font-size:.75rem;color:#64748b}.customer-add-actions{display:flex;justify-content:flex-end;gap:8px;padding:8px 10px;margin-bottom:8px;border:1px solid #E2E8F0;border-radius:8px;background:var(--customer-surface)}.customer-add-actions button{min-width:110px;height:34px;justify-content:center}.customer-add-actions .btn-primary{min-width:160px;background:var(--customer-accent);box-shadow:none}.customer-add-actions .btn-secondary{background:var(--customer-background);color:#475569;border-color:#e2e8f0}.customer-form-shell{display:grid;grid-template-columns:198px minmax(0,1fr);gap:10px;min-height:0;flex:1;padding:3px;border-radius:12px;background:var(--customer-background)}.customer-form-tabs{display:flex;flex-direction:column;gap:4px;padding:5px;border:1px solid #CBD5E1;border-radius:12px;background:#e2e8f0}.customer-form-tab{width:100%;min-height:42px;display:flex;align-items:center;gap:10px;padding:8px 14px;border:0;border-radius:9px;background:transparent;color:#718096;font:inherit;font-size:.82rem;font-weight:650;text-align:left;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.customer-form-tab span{color:inherit}.customer-form-tab small{min-width:20px;margin-left:auto;padding:2px 6px;border-radius:10px;background:#64748b24;color:inherit;text-align:center}.customer-form-tab:hover{background:#ffffffa6;color:#475569}.customer-form-tab.active{background:var(--customer-accent);color:var(--customer-surface);box-shadow:0 5px 12px #8746ef38}.customer-form-tab.active small{background:#fff3}.customer-form-panel{min-width:0;padding:18px 24px;border:1px solid #E2E8F0;border-radius:12px;background:var(--customer-surface);color:#334155}.customer-form-panel>h2{margin:0 0 14px;padding-bottom:9px;border-bottom:1px solid #E2E8F0;color:#475569;font-size:1rem}.customer-form-panel .form-group label,.customer-form-panel .edit-label{color:#94a3b8;opacity:1;font-weight:700}.customer-form-panel .form-control,.customer-form-panel .edit-input{background-color:var(--customer-surface)!important;border-color:#e2e8f0;color:#334155}.customer-form-panel .form-control:focus,.customer-form-panel .edit-input:focus{border-color:var(--customer-accent);box-shadow:0 0 0 2px #8746ef1a}.customer-form-panel .btn-primary{background:var(--customer-accent);box-shadow:none}.customer-form-panel .glass-card{background:var(--customer-background);border-color:#e2e8f0;box-shadow:none}@media(max-width:768px){.customer-add-page{min-height:calc(100dvh - 64px)}.customer-add-heading p{display:none}.customer-add-actions button{min-width:0;flex:1}.customer-form-shell{grid-template-columns:1fr;min-height:0;flex:0}.customer-form-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));overflow-x:auto}.customer-form-tab{justify-content:center;gap:5px;padding:7px 5px;font-size:.7rem}.customer-form-tab small{display:none}.customer-form-panel{padding:12px}}@media(max-width:440px){.customer-form-tab{flex-direction:column;gap:2px}}.customer-os-history{display:grid;gap:7px}.customer-general-combined{display:grid;gap:14px}.customer-form-divider{display:flex;align-items:center;gap:9px;color:#64748b;font-size:.7rem;font-weight:750;text-transform:uppercase}.customer-form-divider:before,.customer-form-divider:after{content:"";height:1px;flex:1;background:#e2e8f0}.customer-file-upload{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.8fr) minmax(190px,1.2fr) auto;gap:7px;align-items:end;margin-bottom:12px}.customer-file-picker{height:34px;display:flex;align-items:center;gap:7px;min-width:0;padding:0 10px;border:1px dashed #C4B5FD;border-radius:7px;background:#faf8ff;color:#8746ef;cursor:pointer}.customer-file-picker span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem}.customer-file-list{display:grid;gap:7px}.customer-file-item{display:grid;grid-template-columns:28px minmax(0,1fr) 30px 30px;align-items:center;gap:7px;padding:9px;border:1px solid #E2E8F0;border-radius:8px;background:#f8fafc}.customer-file-item strong,.customer-file-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-file-item strong{color:#475569;font-size:.76rem}.customer-file-item span{margin-top:2px;color:#94a3b8;font-size:.65rem}.customer-os-item{width:100%;display:grid;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid #E2E8F0;border-radius:9px;background:#f8fafc;color:#334155;text-align:left;cursor:pointer}.customer-os-item:hover{border-color:#c4b5fd;background:#faf8ff}.customer-os-number,.customer-os-description,.customer-os-meta{display:flex;flex-direction:column;min-width:0}.customer-os-number strong{color:#8746ef;font-size:.82rem}.customer-os-number span,.customer-os-description span,.customer-os-meta small{color:#94a3b8;font-size:.65rem}.customer-os-description strong{overflow:hidden;color:#475569;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.customer-os-description span{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-os-meta{align-items:flex-end;gap:4px}.customer-os-meta>span{padding:3px 7px;border-radius:10px;font-size:.61rem;font-weight:750}.customer-os-empty{display:flex;min-height:190px;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#94a3b8}.customer-os-empty strong{color:#64748b;font-size:.86rem}.customer-os-empty span{font-size:.72rem}@media(max-width:640px){.customer-os-item{grid-template-columns:64px minmax(0,1fr);gap:8px}.customer-os-meta{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between}.customer-file-upload{grid-template-columns:1fr}}.os-actions{display:flex;align-items:center;justify-content:flex-end;gap:3px;position:relative}.os-actions>select{min-width:126px;height:27px;padding:0 6px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-normal);font-size:.66rem;cursor:pointer}.os-actions .btn-icon{width:27px;height:27px;border:0;background:transparent;color:var(--text-normal)}.os-context-backdrop{position:fixed;z-index:9998;inset:0;padding:0;border:0;background:transparent;cursor:default}.os-context-menu{position:fixed;z-index:9999;width:180px;padding:6px;background:var(--bg-header);border:1px solid var(--border-color);box-shadow:0 14px 34px #0f172a33}.os-context-menu button{width:100%;display:flex;align-items:center;gap:8px;padding:7px 9px;border:0;border-radius:6px;background:transparent;color:var(--text-normal);font-size:.73rem;cursor:pointer}.os-context-menu button:hover{background:var(--bg-hover);color:var(--text-title)}.os-context-menu>div{height:1px;margin:3px 0;background:var(--border-color)}.os-context-menu .danger{color:#ef4444}@media(max-width:768px){.os-actions>select{min-width:94px;max-width:110px}}.service-orders-page{min-height:calc(100dvh - 82px);display:flex;flex-direction:column}.service-orders-results{display:flex;flex:1;min-height:0;flex-direction:column}.os-list-shell{flex:1;width:100%;min-height:280px;overflow:visible;background:var(--bg-header)}.os-list-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}.os-list-description{display:-webkit-box;overflow:hidden;color:var(--text-normal);font-size:.74rem;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.os-list-muted{overflow:hidden;color:var(--text-description);font-size:.66rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.os-mobile-summary{display:none}@media(max-width:1280px){.os-list-table th:nth-child(5),.os-list-table td:nth-child(5){display:none!important}.os-list-table th:nth-child(3){width:29%!important}.os-list-table th:nth-child(4){width:27%!important}}@media(max-width:1100px){.os-list-table th:nth-child(4),.os-list-table td:nth-child(4){display:none!important}.os-list-table th:nth-child(3){width:36%!important}.os-list-table th:nth-child(6){width:22%!important}}@media(max-width:950px){.os-list-table th:nth-child(7),.os-list-table td:nth-child(7){display:none!important}.os-list-table th:nth-child(3){width:42%!important}.os-list-table th:nth-child(6){width:25%!important}.os-list-table .os-actions>select{min-width:106px;max-width:128px}}@media(max-width:820px){.os-list-table th:nth-child(2),.os-list-table td:nth-child(2){display:none!important}.os-list-table th:nth-child(3){width:48%!important}.os-list-table th:nth-child(6){width:27%!important}}@media(max-width:700px){.os-list-shell{min-height:0;border:0!important;background:transparent;box-shadow:none}.os-list-table,.os-list-table tbody{display:block;width:100%}.os-list-table thead{display:none}.os-list-table .os-list-row{position:relative;display:grid;width:100%;margin-bottom:7px;padding:9px 9px 8px 38px;grid-template-columns:minmax(0,1fr);gap:7px;border:1px solid var(--border-color);border-left:3px solid #8746EF;border-radius:9px;background:var(--bg-header)!important;box-sizing:border-box;box-shadow:0 3px 10px var(--shadow-color)}.os-list-table .os-list-row>td{display:none!important;width:auto!important;padding:0!important}.os-list-table .os-list-row>td:nth-child(1),.os-list-table .os-list-row>td:nth-child(3),.os-list-table .os-list-row>td:nth-child(6),.os-list-table .os-list-row>td:nth-child(8){display:block!important}.os-list-table .os-list-row>td:nth-child(1){position:absolute;top:12px;left:11px}.os-list-table .os-list-row>td:nth-child(3),.os-list-table .os-list-row>td:nth-child(3)>div{min-width:0}.os-list-table .os-list-row>td:nth-child(3)>div>div{max-width:100%!important}.os-list-table .os-list-row>td:nth-child(3)>div>div:nth-child(2){overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.os-list-table .os-list-row>td:nth-child(6){display:flex!important;align-items:center;flex-wrap:wrap;gap:5px}.os-list-table .os-list-row>td:nth-child(6)>span{margin-left:0!important}.os-list-table .os-list-row>td:nth-child(8){padding-top:7px!important;border-top:1px solid var(--border-color);text-align:left!important}.os-list-table .os-list-row .os-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 30px 30px;gap:4px}.os-list-table .os-list-row .os-actions>select{width:100%;max-width:none;min-width:0}.os-mobile-summary{display:flex;min-width:0;margin-top:3px;flex-direction:column}.os-mobile-summary span{overflow:hidden;color:var(--text-normal);font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.os-mobile-summary small{margin-top:2px;overflow:hidden;color:var(--text-description);font-size:.57rem;text-overflow:ellipsis;white-space:nowrap}}.os-details-grid{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"right" "left" "timeline"!important}.os-details-right>.glass-card{display:grid!important;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px!important}.os-details-right>.glass-card>div[style*="height: 1px"]{display:none}.os-details-right>.glass-card>section{min-width:0}.os-legacy-services{display:none!important}@media(max-width:900px){.os-details-right>.glass-card{grid-template-columns:1fr 1fr}}@media(max-width:600px){.os-details-right>.glass-card{grid-template-columns:1fr}}.service-order-add-page{display:flex;width:100%;min-height:calc(100dvh - 76px);flex-direction:column;padding-bottom:0}.service-order-add-page>form{display:flex;flex:1;min-height:0;overflow:visible}.service-order-add-grid{width:100%;min-height:100%;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"left"!important;align-items:stretch;overflow:visible}.service-order-add-main{min-height:100%;padding:16px;background:var(--bg-header);border:1px solid var(--border-color);overflow:visible}.service-order-section-title{margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border-color);color:var(--text-subtitle);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.service-order-side-card{padding:16px;background:var(--bg-header);border:1px solid var(--border-color)}.service-order-header-action{min-width:92px;height:32px;padding:5px 10px;justify-content:center;font-size:.78rem}.service-order-save-action{min-width:112px}.service-order-main-fields,.service-order-side-fields{display:flex;flex-direction:column;gap:10px}.service-order-ticket-routing,.service-order-ticket-sla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.service-order-ticket-routing{position:relative;z-index:40;padding-top:2px}.service-order-ticket-sla{position:relative;z-index:10;padding-top:10px;border-top:1px solid var(--border-color)}.service-order-retired-sla{display:none!important}.service-order-add-page .service-order-main-fields{overflow:visible}.service-order-add-page .form-group{position:relative}.service-order-add-page .service-order-requester-card{position:relative;overflow:visible!important}.service-order-add-page .form-group:has(.searchable-select.open),.service-order-add-page .service-order-requester-card:has(.searchable-select.open),.service-order-add-page .service-order-ticket-routing:has(.searchable-select.open){position:relative;z-index:28000!important;overflow:visible!important}.service-order-add-page .service-order-main-fields:has(.searchable-select.open),.service-order-add-page .service-order-add-main:has(.searchable-select.open){overflow:visible!important;isolation:auto}.service-order-add-page select.form-control{position:relative;z-index:2;background-color:var(--bg-header)}.service-order-floating-options{z-index:30000!important;max-height:min(280px,45vh);overflow-x:hidden!important;overflow-y:auto!important;background:var(--bg-header)!important;border:1px solid var(--border-color)!important;box-shadow:0 16px 36px #0f172a3d!important;isolation:isolate}.service-order-dropdown-host{position:relative;overflow:visible!important}.service-order-dropdown-host:focus-within,.service-order-dropdown-host:has(.service-order-floating-options),.service-order-dropdown-host:has(.search-results-dropdown){z-index:20000!important}.service-order-add-page .service-order-main-fields,.service-order-add-page .service-order-add-main,.service-order-details-page .service-order-details-main,.service-order-details-page .service-order-details-fields,.service-order-details-page .service-order-details-operational,.service-order-details-page .os-details-left,.service-order-details-page .os-details-grid{overflow:visible!important}.service-order-details-page .search-results-dropdown{position:absolute;top:calc(100% + 4px);z-index:30000!important;max-height:min(280px,45vh);overflow-x:hidden;overflow-y:auto;padding:4px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-header);box-shadow:0 16px 36px #0f172a3d}.searchable-select{width:100%;min-width:0}.searchable-select-control{display:flex;min-height:34px;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-header);color:var(--text-description);cursor:text}.searchable-select.open .searchable-select-control{border-color:#8746ef;box-shadow:0 0 0 1px #8746ef24}.searchable-select-control input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text-normal);font:inherit;font-size:.8rem}.searchable-select-control>svg{flex:none;transition:transform .16s ease}.searchable-select-control>svg.rotated{transform:rotate(180deg)}.searchable-select-options{position:absolute;top:calc(100% + 4px);right:0;left:0;padding:4px!important;border-radius:8px}.searchable-select-options{max-height:190px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}.searchable-select-options button{width:100%;display:block;padding:8px 9px;border:0;border-radius:5px;background:transparent;color:var(--text-normal);font-size:.76rem;text-align:left;cursor:pointer}.searchable-select-options button:hover,.searchable-select-options button.selected{background:#8746ef1a;color:#8746ef}.searchable-select-options button.selected{font-weight:700}.searchable-select-empty{padding:10px;color:var(--text-description);font-size:.72rem;text-align:center}.service-order-details-page{display:flex;min-height:calc(100dvh - 76px);flex-direction:column}.service-order-details-page>.os-details-grid{flex:1;align-content:start;overflow:visible}.service-order-details-main,.service-order-details-summary{overflow:visible}.service-order-summary-customer{grid-column:1 / -1}.service-order-summary-customer-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:14px}.service-order-summary-compact-select{grid-column:span 2}@media(max-width:900px){.service-order-summary-customer-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.service-order-summary-customer-name{grid-column:1 / -1}.service-order-summary-compact-select{grid-column:span 1}}@media(max-width:600px){.service-order-summary-customer-content{grid-template-columns:1fr}.service-order-summary-customer,.service-order-summary-compact-select{grid-column:1 / -1}}.service-order-details-fields{display:flex;flex-direction:column;gap:12px}.service-order-details-description{order:2;padding-top:10px;border-top:1px solid var(--border-color)}.service-order-details-operational{position:relative;z-index:20;order:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.service-order-details-operational{grid-template-columns:2fr 1fr}.service-order-details-page.is-finishing .os-timeline-section{display:none}.service-order-details-operational>div{min-width:0}.service-order-details-routing{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.service-order-details-routing{display:grid;order:0}.service-order-details-routing label{display:block;margin-bottom:5px;color:var(--text-subtitle);font-size:.65rem;font-weight:700}.service-order-summary-routing{display:none!important}.service-order-details-technician{grid-column:auto!important}.service-order-details-page .form-control{min-height:34px;padding:6px 9px}.service-order-details-page .os-details-right{order:1}.service-order-details-page .os-details-left{order:2}.service-order-details-page .os-timeline-section{order:3}.service-order-details-page .os-details-left:has(.searchable-select.open),.service-order-details-page .service-order-details-main:has(.searchable-select.open),.service-order-details-page .service-order-details-routing:has(.searchable-select.open){position:relative;z-index:24000;overflow:visible!important}.service-order-details-page .os-timeline-section{position:relative;z-index:1}.service-order-document-header{position:relative;z-index:25000;overflow:visible!important;padding:8px 10px;isolation:isolate}.service-order-details-page>.os-details-grid,.service-order-details-page>.service-order-inline-finish{position:relative;z-index:1}.service-order-document-header .searchable-select.open{z-index:30000!important}.service-order-text-action{display:inline-flex;min-height:30px;align-items:center;gap:6px;padding:5px 9px;font-size:.72rem}.service-order-delete-action{border-color:#ef44444d!important;color:#ef4444!important}.service-order-inline-finish{margin-top:10px;padding:16px;background:var(--bg-header)}.service-order-inline-finish-title{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.service-order-inline-finish-title>span,.service-order-confirm-modal>span{color:#8746ef;font-size:.65rem;font-weight:800;letter-spacing:.07em}.service-order-inline-finish-title h2{margin:4px 0 2px;font-size:1rem}.service-order-inline-finish-title p{margin:0;color:var(--text-description);font-size:.72rem}.service-order-confirm-overlay{position:fixed;z-index:12000;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172a94;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.service-order-confirm-modal{width:min(430px,100%);padding:20px}.service-order-confirm-modal h2{margin:6px 0 8px;color:var(--text-title);font-size:1rem}.service-order-confirm-modal p{margin:0 0 18px;color:var(--text-description);font-size:.78rem;line-height:1.5}.service-order-confirm-modal>div{display:flex;justify-content:flex-end;gap:8px}.service-order-confirm-delete{background:#ef4444}.service-order-select-with-add{position:relative}.service-order-select-with-add>select{padding-right:26px!important}.os-settings-without-sla>.glass-card:nth-child(1),.os-settings-without-sla>.glass-card:nth-child(2){display:none!important}.service-order-add-page .form-group{margin:0}.service-order-add-page .form-group>label{display:block;margin:0 0 5px;color:var(--text-subtitle);font-size:.68rem!important;font-weight:750;letter-spacing:.035em;line-height:1.2;text-transform:uppercase;opacity:.82}.service-order-add-page .form-group>label strong{color:#ef4444}.service-order-add-page .form-group>label span{color:var(--text-description);font-size:.6rem;font-weight:550;text-transform:none}.service-order-add-page .form-control{min-height:34px;padding:6px 9px}.service-order-add-page textarea.form-control{min-height:96px}.service-order-requester-card{padding:12px!important}.service-order-requester-card>h4{margin-bottom:8px!important;color:var(--text-subtitle);opacity:.8!important}.service-order-requester-card>div{gap:9px!important}.service-order-requester-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(180px,1fr) minmax(150px,.75fr);gap:8px}.service-order-side-card .service-order-section-title{margin-bottom:10px}.service-order-side-card+.service-order-side-card{margin-top:0}@media(max-width:900px){.service-order-add-grid{grid-template-columns:1fr;grid-template-areas:"left" "right"}.service-order-requester-grid{grid-template-columns:1fr 1fr}.service-order-requester-grid .form-group:first-child{grid-column:1 / -1}.service-order-ticket-routing,.service-order-ticket-sla,.service-order-details-operational{grid-template-columns:1fr 1fr}.service-order-details-routing{grid-template-columns:1fr 1fr!important}}@media(max-width:768px){.service-order-add-page .os-details-header{align-items:flex-start}.service-order-add-page .os-details-header>div:last-child{width:100%}.service-order-header-action{flex:1}.service-order-add-main{padding:12px}.service-order-requester-grid{grid-template-columns:1fr}.service-order-requester-grid .form-group:first-child{grid-column:auto}.service-order-ticket-routing,.service-order-ticket-sla,.service-order-details-operational{grid-template-columns:1fr}.service-order-details-routing{grid-template-columns:1fr!important}}.print-header,.print-footer{display:none!important}@media print{.print-header,.print-footer{display:block!important}.sidebar,.header,.menu-toggle,.btn-icon,.btn-primary,.btn-secondary,.sidebar-overlay,.fab-button{display:none!important}.main-content{margin-left:0!important;padding:0!important;background:#fff!important}.content-body{margin-top:0!important;padding:0!important;background:#fff!important}body{background:#fff!important;color:#000!important;font-family:Arial,sans-serif!important}.glass-card{background:#fff!important;color:#000!important;border:1px solid #ddd!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;margin-bottom:15px!important;padding:15px!important;page-break-inside:avoid;border-radius:4px!important}h1,h2,h3,h4,h5,h6,p,div,span,label,b,strong{color:#000!important;opacity:1!important}.details-container{max-width:100%!important;margin:0!important}.os-details-grid{display:block!important;gap:0!important}textarea.form-control,input.form-control{border:none!important;background:transparent!important;padding:0!important;resize:none!important;height:auto!important;overflow:visible!important;color:#000!important;width:100%!important}select.form-control{appearance:none!important;border:none!important;background:transparent!important;padding:0!important;color:#000!important}label{font-weight:700!important;text-transform:uppercase!important;font-size:.7rem!important;margin-bottom:4px!important;display:block!important}.modal-overlay{display:none!important}.badge-plan,span[style*=background]{background:transparent!important;border:1px solid #000!important;color:#000!important;padding:2px 4px!important}}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:9999;pointer-events:none}.toast-item{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;background:var(--bg-header);border:1px solid var(--border-color);box-shadow:0 10px 30px #0003;color:var(--text-title);pointer-events:auto;min-width:280px;max-width:400px;animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes toastSlideIn{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-icon{flex-shrink:0;display:flex}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-info .toast-icon{color:#3b82f6}.toast-content{flex:1;font-size:.85rem;font-weight:500;line-height:1.4}.toast-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;display:flex;transition:all .2s}.toast-close:hover{background:var(--bg-hover);color:var(--text-title)}.split-login-container{display:flex;min-height:100vh;min-height:100dvh;width:100vw;overflow:hidden;position:relative;font-family:inherit;transition:background-color .4s ease}.split-login-container.portal-empresa-mode{flex-direction:row;background:#090d16}.split-login-container.portal-cliente-mode{flex-direction:row-reverse;background:#f8fafc}.back-to-empresa-topleft{position:absolute;top:24px;left:24px;z-index:100;display:inline-flex;align-items:center;gap:8px;padding:9px 18px 9px 14px;border-radius:9999px;border:1px solid rgba(203,213,225,.9);background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#334155;font-size:.84rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #00000014;transition:all .25s cubic-bezier(.16,1,.3,1)}.back-to-empresa-topleft:hover{background:#fff;color:#8746ef;border-color:#8746ef;transform:translate(-3px);box-shadow:0 6px 20px #8746ef38}.back-to-empresa-topleft svg{transition:transform .2s ease}.back-to-empresa-topleft:hover svg{transform:translate(-3px)}.nav-to-cliente-topbtn{position:absolute;top:24px;right:24px;z-index:100;display:inline-flex;align-items:center;gap:10px;padding:10px 18px 10px 20px;border-radius:9999px;border:1.5px solid rgba(167,139,250,.6);background:#0d121f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff!important;font-size:.88rem;font-weight:700;cursor:pointer;box-shadow:0 4px 20px #0009,0 0 14px #8b5cf64d;transition:all .25s cubic-bezier(.16,1,.3,1)}.nav-to-cliente-topbtn .nav-text{color:#fff!important;font-weight:700;letter-spacing:.01em}.nav-to-cliente-topbtn:hover{background:#171d2d;color:#fff!important;border-color:#a78bfa;transform:translate(4px);box-shadow:0 6px 24px #8b5cf68c,0 0 18px #a78bfa66}.nav-to-cliente-topbtn svg{color:#c4b5fd;stroke-width:2.5;transition:transform .2s ease,color .2s ease}.nav-to-cliente-topbtn:hover svg{color:#fff;transform:translate(3px)}.form-panel{flex:1;min-width:320px;max-width:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 36px;position:relative;z-index:2;box-sizing:border-box;overflow-y:auto;transition:background-color .4s ease,border-color .4s ease}.portal-empresa-mode .form-panel{background:#0d121f;border-right:1px solid rgba(255,255,255,.07);box-shadow:10px 0 40px #0006}.portal-cliente-mode .form-panel{background:#fff;border-left:1px solid rgba(226,232,240,.9);box-shadow:-10px 0 40px #94a3b81f}.login-form-box{width:100%;max-width:390px;border-radius:14px;box-sizing:border-box;position:relative;transition:all .35s ease}.portal-empresa-mode .login-form-box{background:#131a2abf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:36px 32px;box-shadow:0 16px 40px #00000073,0 0 0 1px #8b5cf638;border:1px solid rgba(139,92,246,.25)}.portal-cliente-mode .login-form-box{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:36px 32px;box-shadow:0 16px 40px #94a3b829,0 0 0 1px #8746ef26;border:1px solid rgba(135,70,239,.2)}.form-header{text-align:center;margin-bottom:24px}.login-brand-wrapper{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 16px}.login-project-logo{width:44px;height:44px;object-fit:contain;border-radius:10px;transition:filter .3s ease}.portal-empresa-mode .login-project-logo{filter:drop-shadow(0 4px 12px rgba(139,92,246,.45))}.portal-cliente-mode .login-project-logo{filter:drop-shadow(0 4px 12px rgba(135,70,239,.25))}.login-project-name{font-size:1.55rem;font-weight:800;letter-spacing:-.02em}.portal-empresa-mode .login-project-name{color:#fff;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.portal-cliente-mode .login-project-name{color:#0f172a;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.form-header h2{font-size:1.5rem;font-weight:800;margin:0 0 8px;letter-spacing:-.02em}.portal-empresa-mode .form-header h2{color:#fff}.portal-cliente-mode .form-header h2{color:#0f172a}.form-header p{font-size:.86rem;line-height:1.45;margin:0}.portal-empresa-mode .form-header p{color:#94a3b8}.portal-cliente-mode .form-header p{color:#64748b}.login-tabs{display:flex;gap:6px;border-radius:8px;padding:4px;margin:0 auto 24px;width:100%}.portal-empresa-mode .login-tabs{background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.portal-cliente-mode .login-tabs{background:#0f172a0a;border:1px solid rgba(15,23,42,.08)}.login-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:6px;border:none;background:transparent;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.portal-empresa-mode .login-tab{color:#94a3b8}.portal-empresa-mode .login-tab:hover:not(.active){color:#fff;background:#ffffff12}.portal-cliente-mode .login-tab{color:#64748b}.portal-cliente-mode .login-tab:hover:not(.active){color:#0f172a;background:#0f172a0f}.login-tab span,.login-tab svg{color:inherit}.login-tab.active{background:linear-gradient(135deg,#8746ef,#6d28d9);color:#fff!important;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 14px #8746ef59}.login-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.8rem;font-weight:600;margin-bottom:7px;display:block}.portal-empresa-mode .form-group label{color:#e2e8f0}.portal-cliente-mode .form-group label{color:#334155}.styled-input{width:100%;padding:12px 14px;border-radius:8px;font-size:.9rem;font-family:inherit;box-sizing:border-box;transition:all .2s ease}.portal-empresa-mode .styled-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.14);color:#fff}.portal-empresa-mode .styled-input:focus{outline:none;border-color:#8b5cf6;background:#ffffff14;box-shadow:0 0 0 3px #8b5cf640}.portal-cliente-mode .styled-input{background:#f8fafc;border:1px solid #cbd5e1;color:#0f172a}.portal-cliente-mode .styled-input:focus{outline:none;border-color:#8746ef;background:#fff;box-shadow:0 0 0 3px #8746ef2e}.styled-input:-webkit-autofill,.styled-input:-webkit-autofill:hover,.styled-input:-webkit-autofill:focus,.styled-input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s}.portal-empresa-mode .styled-input:-webkit-autofill{-webkit-text-fill-color:#ffffff!important}.portal-cliente-mode .styled-input:-webkit-autofill{-webkit-text-fill-color:#0f172a!important}.input-field-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center;color:#94a3b8}.portal-cliente-mode .input-field-icon{color:#64748b}.pass-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#94a3b8;display:flex;align-items:center;justify-content:center;padding:0}.portal-cliente-mode .pass-toggle{color:#64748b}.eye-circle{padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.pass-toggle:hover .eye-circle{background:#8746ef1a;color:#8746ef}.client-error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#ef4444;border-radius:8px;padding:11px 14px;font-size:.83rem;line-height:1.4;display:flex;align-items:center;gap:8px}.portal-empresa-mode .client-error{color:#fca5a5}.submit-btn{margin-top:6px;padding:13px;background:linear-gradient(135deg,#8746ef,#7028e4);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .25s ease;box-shadow:0 6px 18px #8746ef4d}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#9353f8,#7b32f2);transform:translateY(-1px);box-shadow:0 8px 22px #8746ef73}.submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.login-footer-credits{margin-top:28px;text-align:center;font-size:.74rem;color:#64748b;opacity:.65;font-weight:500;letter-spacing:.02em;-webkit-user-select:none;user-select:none;transition:opacity .2s ease}.login-footer-credits:hover{opacity:.95}.ems-link{color:#94a3b8;font-weight:600;text-decoration:none;padding:1px 4px;border-radius:3px;transition:color .2s ease}.ems-link:hover{color:#f87171;text-decoration:underline}.client-login-contact-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(226,232,240,.85)}.client-site-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s ease}.client-site-badge:hover{color:#8746ef;border-color:#c4b5fd;background:#f5f3ff;transform:translateY(-1px);box-shadow:0 2px 8px #8746ef1f}.client-link-ext{opacity:.6;transition:opacity .2s ease}.client-site-badge:hover .client-link-ext{opacity:1}.client-whatsapp-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid #bbf7d0;background:#f0fdf4;color:#15803d;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s ease}.client-whatsapp-badge svg{color:#16a34a}.client-whatsapp-badge:hover{color:#166534;border-color:#86efac;background:#dcfce7;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e38}.portal-cliente-mode .whatsapp-float{position:fixed;bottom:24px;right:24px;width:54px;height:54px;background:#25d366;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #25d36673;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.portal-cliente-mode .whatsapp-float:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 10px 28px #25d36699}.portal-cliente-mode .whatsapp-float-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:#25d36680;animation:whatsappPulse 2s infinite;z-index:-1}.image-panel{flex:1.3;position:relative;display:flex;align-items:flex-end;padding:64px 56px;overflow:hidden;box-sizing:border-box;transition:all .4s ease}.image-panel-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.02);transition:filter .4s ease}.portal-empresa-mode .image-panel-bg{filter:saturate(1.15) brightness(.9)}.portal-cliente-mode .image-panel-bg{filter:saturate(1.1) brightness(1.05)}.image-panel-overlay{position:absolute;inset:0;pointer-events:none;transition:background .4s ease}.portal-empresa-mode .image-panel-overlay{background:linear-gradient(180deg,#090d1633,#090d1699,#090d16f0),linear-gradient(90deg,#0d121f 0%,rgba(13,18,31,.4) 20%,transparent 60%)}.portal-cliente-mode .image-panel-overlay{background:linear-gradient(180deg,#f8fafc0d,#f8fafc73,#f8fafcf2),linear-gradient(90deg,transparent 40%,rgba(255,255,255,.4) 75%,#ffffff 100%)}.image-panel-content{position:relative;z-index:2;max-width:580px}.hero-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:9999px;font-size:.78rem;font-weight:700;letter-spacing:.03em;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.portal-empresa-mode .hero-tag{background:#8b5cf62e;border:1px solid rgba(167,139,250,.35);color:#c4b5fd}.portal-cliente-mode .hero-tag{background:#8746ef1f;border:1px solid rgba(135,70,239,.3);color:#7c3aed}.hero-headline{font-size:2.3rem;font-weight:800;line-height:1.2;margin:0 0 16px;letter-spacing:-.02em}.portal-empresa-mode .hero-headline{color:#fff}.portal-cliente-mode .hero-headline{color:#0f172a}.highlight-gradient{background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.portal-cliente-mode .highlight-gradient{background:linear-gradient(135deg,#7c3aed,#2563eb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:.98rem;line-height:1.6;margin:0 0 28px;max-width:500px}.portal-empresa-mode .hero-description{color:#cbd5e1}.portal-cliente-mode .hero-description{color:#334155}.hero-pills{display:flex;flex-wrap:wrap;gap:12px}.hero-pill{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:.82rem;font-weight:600}.portal-empresa-mode .hero-pill{background:#131a2aa6;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#e2e8f0;box-shadow:0 4px 16px #00000040}.portal-empresa-mode .hero-pill svg{color:#a78bfa}.portal-cliente-mode .hero-pill{background:#ffffffe6;border:1px solid rgba(203,213,225,.7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#1e293b;box-shadow:0 4px 16px #94a3b82e}.portal-cliente-mode .hero-pill svg{color:#7c3aed}.fade-in{animation:fadeInLogin .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInLogin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.image-panel{display:none}.form-panel{max-width:100%;border-right:none!important;border-left:none!important;padding:68px 20px 32px}.login-form-box{padding:30px 24px;box-shadow:0 12px 32px #00000026}.back-to-empresa-topleft{top:16px;left:16px;padding:7px 14px 7px 12px;font-size:.8rem}.nav-to-cliente-topbtn{top:16px;right:16px;padding:7px 14px;font-size:.8rem}}@media(max-width:440px){.login-tab .tab-text{font-size:.74rem}.form-header h2{font-size:1.35rem}.form-panel{padding:64px 16px 24px}.client-login-contact-footer{flex-direction:column;gap:8px}.client-site-badge,.client-whatsapp-badge{width:100%;justify-content:center;box-sizing:border-box}}.menu-item-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--text-normal);font-size:.8rem;cursor:pointer;transition:background .2s;border-radius:6px;text-align:left}.menu-item-btn:hover{background:var(--bg-hover);color:var(--text-title)}.customer-copy-btn{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:none;padding:0;border:0;border-radius:5px;background:#8746ef14;color:#8746ef;cursor:pointer}.customer-copy-btn:hover{background:#8746ef2e}.customers-page{display:flex;min-height:calc(100dvh - 76px);flex-direction:column}.customers-results{display:flex;flex:1;min-height:280px;flex-direction:column}.customers-results>.glass-card{flex:1}.customers-pagination-bar{display:flex;margin-top:auto;padding-top:10px;align-items:center;justify-content:space-between;gap:12px}.customers-pagination-bar label{display:flex;align-items:center;gap:6px;color:var(--text-description);font-size:.72rem}.customers-pagination-bar select{height:30px;padding:0 24px 0 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-header);color:var(--text-title)}.sigCanvas{width:100%!important;height:100%!important;display:block}.finish-page .glass-card{box-shadow:0 4px 20px var(--shadow-color)}.finish-review-card{padding:18px}.finish-page-embedded{width:100%}.finish-page-embedded>div:last-child{margin-top:10px;border:1px solid var(--border-color);border-radius:8px}.finish-review-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--border-color)}.finish-review-header span,.finish-review-report>span{color:#8746ef;font-size:.66rem;font-weight:800;letter-spacing:.06em}.finish-review-header h2{margin:4px 0 0;color:var(--text-title);font-size:1rem}.finish-review-actions{display:flex;gap:7px}.finish-review-actions button{display:flex;align-items:center;gap:6px;padding:7px 10px;font-size:.72rem}.finish-delete-report{color:#ef4444!important}.finish-review-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px 0}.finish-review-summary>div{display:flex;min-width:0;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-inner)}.finish-review-summary span{color:var(--text-description);font-size:.63rem;text-transform:uppercase}.finish-review-summary strong{overflow:hidden;color:var(--text-title);font-size:.78rem;text-overflow:ellipsis}.finish-review-report{padding:14px;border-radius:8px;background:#f8fafc;border:1px solid #E2E8F0}.finish-review-report p{margin:8px 0 0;color:#334155;font-size:.85rem;line-height:1.55;white-space:pre-wrap}.finish-print-preview{background:#fff!important;color:#0f172a;border-color:#cbd5e1!important}.finish-preview-document-title{display:flex;justify-content:space-between;gap:12px;margin:14px 0;padding:10px 0;border-top:2px solid #334155;border-bottom:1px solid #CBD5E1;font-size:.72rem}.finish-preview-company-header{display:flex;justify-content:space-between;gap:24px;padding-bottom:16px;border-bottom:2px solid #334155}.finish-preview-company-header h1{margin:0;color:#0f172a;font-size:1.35rem}.finish-preview-company-header h2{margin:3px 0;color:#475569;font-size:.9rem}.finish-preview-company-header p,.finish-preview-footer{color:#64748b;font-size:.7rem;line-height:1.45;white-space:pre-line}.finish-preview-company-header img{width:100px;height:70px;object-fit:contain}.finish-preview-footer{margin-top:28px;padding-top:12px;border-top:1px solid #CBD5E1;text-align:center}.finish-preview-document-title span{color:#64748b}.finish-preview-signatures{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:48px}.finish-preview-signatures>div{position:relative;display:grid;height:112px;overflow:hidden;grid-template-rows:80px auto auto;align-items:end;justify-items:center}.finish-preview-signatures>div:before{position:absolute;right:4%;bottom:29px;left:4%;border-top:1px solid #0F172A;content:""}.finish-preview-signatures img{display:block;width:92%;max-width:250px;height:78px;object-fit:contain;object-position:center bottom}.finish-preview-signatures strong{position:relative;z-index:1;margin-top:5px;font-size:.75rem}.finish-preview-signatures small{position:relative;z-index:1;color:#64748b;font-size:.65rem}@media(max-width:600px){.finish-page{padding:12px}.finish-page h1{font-size:1.15rem}.finish-page .glass-card{padding:16px!important}.finish-review-header{flex-direction:column}.finish-review-actions{width:100%}.finish-review-actions button{flex:1;justify-content:center}.finish-review-summary{grid-template-columns:1fr 1fr}}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.portal-client-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);position:relative;overflow:hidden;padding:20px;font-family:Inter,sans-serif}.bg-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;z-index:1;animation:float-anim 15s ease-in-out infinite alternate}.shape-1{width:500px;height:500px;background:#7e22ce26;top:-100px;left:-100px}.shape-2{width:400px;height:400px;background:#3b82f61f;bottom:-50px;right:-50px;animation-delay:-5s}.shape-3{width:300px;height:300px;background:#10b9811a;top:40%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s}@keyframes float-anim{0%{transform:translate(0) scale(1)}to{transform:translate(30px,50px) scale(1.1)}}.portal-content{position:relative;z-index:10;max-width:600px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}.portal-client-container .brand-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#7e22ce14;border:1px solid rgba(126,34,206,.15);color:var(--btn-primary);border-radius:99px;font-size:.85rem;font-weight:600;text-transform:uppercase;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px var(--shadow-color)}.portal-title{font-size:2.8rem;font-weight:800;color:var(--text-title);line-height:1.2;margin-bottom:20px;letter-spacing:-.02em}.portal-client-container .text-gradient{background:linear-gradient(135deg,#7c3aed,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.portal-desc{font-size:1.1rem;color:var(--text-description);line-height:1.6;margin-bottom:40px;max-width:500px}.portal-client-container .feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;margin-bottom:40px}.portal-client-container .feature-card{background:var(--bg-header);border:1px solid var(--border-color);border-radius:20px;padding:30px 24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:left;transition:all .3s ease;box-shadow:0 4px 16px var(--shadow-color)}.portal-client-container .feature-card:hover{background:var(--bg-hover);transform:translateY(-5px);border-color:#7e22ce4d;box-shadow:0 10px 30px var(--shadow-deep)}.portal-client-container .feature-icon{width:48px;height:48px;background:#7e22ce1a;color:var(--btn-primary);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.portal-client-container .feature-card h3{font-size:1.1rem;font-weight:700;color:var(--text-title);margin-bottom:8px}.portal-client-container .feature-card p{font-size:.9rem;color:var(--text-description);line-height:1.5;margin:0}.action-area{margin-top:20px}.logout-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:transparent;color:var(--text-normal);border:1px solid var(--border-color);border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.logout-btn:hover{background:var(--bg-hover);color:var(--text-active);border-color:var(--text-active)}@media(max-width:600px){.portal-title{font-size:2.2rem}.portal-client-container .feature-grid{grid-template-columns:1fr}.portal-desc{font-size:1rem}}.central-wrapper{min-height:100vh;background:var(--bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-normal);position:relative;display:flex;flex-direction:column;margin:0 auto;width:100%;max-width:540px;box-shadow:0 0 50px var(--shadow-deep);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);-webkit-font-smoothing:antialiased}@media(max-width:640px){.central-wrapper{max-width:100%;border-left:none;border-right:none;box-shadow:none}}.central-header{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:max(12px,env(safe-area-inset-top,12px)) 16px 12px 16px;background:var(--bg-header);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);box-shadow:0 2px 12px var(--shadow-color)}.central-header-brand{display:flex;align-items:center;gap:10px;min-width:0}.central-brand-avatar{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#9333ea);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px #7c3aed40}.central-brand-info{display:flex;flex-direction:column;min-width:0}.central-brand-name{font-size:.95rem;font-weight:700;color:var(--text-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.central-brand-status{display:flex;align-items:center;gap:6px;margin-top:1px}.status-dot-pulse{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 #10b981b3;animation:statusPulse 2s infinite}@keyframes statusPulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.status-text{font-size:.72rem;font-weight:500;color:var(--text-description)}.central-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.central-logout-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border-color);background:transparent;color:var(--text-normal);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.central-logout-btn:hover,.central-logout-btn:active{background:#ef44441a;color:#ef4444;border-color:#ef44444d}.central-content{flex:1;padding:16px 16px calc(90px + env(safe-area-inset-bottom,0px)) 16px;display:flex;flex-direction:column;gap:16px}.central-greeting-banner{background:var(--bg-header);border:1px solid var(--border-color);border-radius:18px;padding:18px 16px;box-shadow:0 4px 18px var(--shadow-color);position:relative;overflow:hidden}.central-greeting-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7c3aed,#9333ea,#3b82f6)}.greeting-pill-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;background:#7c3aed1a;color:#7c3aed;font-size:.72rem;font-weight:700;letter-spacing:.02em;margin-bottom:8px}[data-theme=dark] .greeting-pill-chip,[data-theme=antigravity] .greeting-pill-chip{color:#a855f7;background:#a855f726}.greeting-title{font-size:1.45rem;font-weight:800;color:var(--text-title);margin:0 0 4px;letter-spacing:-.02em;line-height:1.2}.greeting-action-row{margin-bottom:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.central-primary-create-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:9999px;background:linear-gradient(135deg,#7c3aed,#9333ea);color:#fff!important;font-size:.8rem;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 14px #7c3aed59;transition:all .2s ease}.central-primary-create-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #7c3aed80;background:linear-gradient(135deg,#6d28d9,#7e22ce)}.central-header-new-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;background:linear-gradient(135deg,#7c3aed,#9333ea);color:#fff!important;font-size:.78rem;font-weight:700;border:none;cursor:pointer;box-shadow:0 2px 8px #7c3aed4d;transition:all .2s ease}.central-header-new-btn:hover{background:linear-gradient(135deg,#6d28d9,#7e22ce);transform:translateY(-1px)}.central-change-password-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;padding:0;font-size:.76rem;font-weight:600;color:#7c3aed;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:opacity .2s}.central-change-password-btn:hover{opacity:.8}[data-theme=dark] .central-change-password-btn,[data-theme=antigravity] .central-change-password-btn{color:#c4b5fd}.greeting-subtitle{font-size:.85rem;color:var(--text-description);line-height:1.45;margin:0}.central-device-card{margin-top:14px;background:var(--bg-inner);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .2s ease}.central-device-header{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.central-device-icon{width:32px;height:32px;border-radius:8px;background:#7c3aed1f;color:#7c3aed;display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-theme=dark] .central-device-icon,[data-theme=antigravity] .central-device-icon{color:#c4b5fd}.central-device-main-info{flex:1;min-width:0}.central-device-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:2px}.central-device-pill-code{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;padding:1px 6px;background:#7c3aed;color:#fff;border-radius:4px}.central-device-pill-loc{display:inline-flex;align-items:center;gap:3px;font-size:.68rem;font-weight:600;color:var(--text-description)}.central-device-title{font-size:.82rem;font-weight:600;color:var(--text-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.central-device-toggle-btn{background:transparent;border:none;color:var(--text-description);padding:4px;display:flex;align-items:center;justify-content:center;cursor:pointer}.central-device-details{padding:10px 12px 12px;border-top:1px solid var(--border-color);background:#00000005}[data-theme=dark] .central-device-details,[data-theme=antigravity] .central-device-details{background:#ffffff05}.central-device-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.central-device-grid-item{display:flex;flex-direction:column}.central-device-grid-item .label{font-size:.64rem;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.central-device-grid-item .val{font-size:.78rem;font-weight:600;color:var(--text-normal)}.central-device-obs{margin-top:8px;padding-top:6px;border-top:1px dashed var(--border-color);font-size:.74rem}.central-device-obs .label{font-weight:700;color:var(--text-muted);font-size:.65rem;text-transform:uppercase;display:block;margin-bottom:2px}.central-device-obs .obs-text{font-style:italic;color:var(--text-description)}.central-segmented-tabs{display:flex;background:var(--bg-header);border:1px solid var(--border-color);border-radius:14px;padding:4px;gap:4px;box-shadow:0 2px 8px var(--shadow-color)}.segmented-tab-btn{flex:1;min-height:44px;border:none;background:transparent;color:var(--text-description);border-radius:10px;font-size:.85rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);position:relative;-webkit-user-select:none;user-select:none}.segmented-tab-btn:hover{color:var(--text-title)}.segmented-tab-btn.active{background:var(--btn-primary);color:#fff!important;box-shadow:0 4px 14px #7c3aed59}.tab-badge-count{background:#ffffff40;color:#fff;font-size:.7rem;font-weight:800;padding:1px 7px;border-radius:20px;margin-left:2px}.segmented-tab-btn:not(.active) .tab-badge-count{background:var(--bg-hover);color:var(--text-normal);border:1px solid var(--border-color)}.central-tab-view{display:flex;flex-direction:column;gap:14px}.options-grid{display:flex;flex-direction:column;gap:12px}.option-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--bg-header);border:1px solid var(--border-color);border-radius:16px;cursor:pointer;box-shadow:0 3px 12px var(--shadow-color);transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.option-card:hover{border-color:#7c3aed59;box-shadow:0 6px 20px var(--shadow-deep);transform:translateY(-2px)}.option-card:active{transform:scale(.98);background:var(--bg-hover)}.option-icon-wrapper{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #00000026}.option-body{flex:1;min-width:0}.option-header-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:3px}.option-title{font-size:.95rem;font-weight:700;color:var(--text-title)}.option-badge{font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:20px;background:#7c3aed1a;color:#7c3aed;text-transform:uppercase}[data-theme=dark] .option-badge,[data-theme=antigravity] .option-badge{color:#c4b5fd;background:#8b5cf633}.option-desc{font-size:.78rem;color:var(--text-description);margin:0;line-height:1.35}.option-arrow{color:var(--text-muted);opacity:.4;transition:transform .2s;flex-shrink:0}.option-card:hover .option-arrow{opacity:1;color:#7c3aed;transform:translate(3px)}.central-quick-whatsapp-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#25d36614;border:1px solid rgba(37,211,102,.25);border-radius:16px;cursor:pointer;box-shadow:0 2px 10px #25d3661a;transition:all .2s cubic-bezier(.4,0,.2,1);margin-top:4px}.central-quick-whatsapp-card:hover{background:#25d3661f;border-color:#25d36673;transform:translateY(-2px)}.central-quick-whatsapp-card:active{transform:scale(.98)}.quick-whatsapp-icon{width:40px;height:40px;border-radius:12px;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 10px #25d36659}.quick-whatsapp-info{flex:1;min-width:0}.quick-whatsapp-title{font-size:.88rem;font-weight:700;color:var(--text-title)}.quick-whatsapp-desc{font-size:.74rem;color:var(--text-description);margin-top:2px}.quick-whatsapp-action{color:#25d366;flex-shrink:0}.orders-header-row{display:flex;justify-content:space-between;align-items:center;padding:0 2px}.orders-header-title{font-size:.85rem;font-weight:700;color:var(--text-title);text-transform:uppercase;letter-spacing:.03em}.orders-refresh-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-color);background:var(--bg-header);color:#7c3aed;border-radius:20px;padding:5px 12px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s}.orders-refresh-btn:hover{background:var(--bg-hover);border-color:#7c3aed4d}.orders-header-actions{display:flex;align-items:center;gap:8px}.orders-new-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(124,58,237,.35);background:#7c3aed14;color:#7c3aed;border-radius:20px;padding:5px 12px;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .2s}.orders-new-btn:hover{background:#7c3aed;color:#fff;border-color:#7c3aed}[data-theme=dark] .orders-new-btn,[data-theme=antigravity] .orders-new-btn{color:#c4b5fd;border-color:#a78bfa66;background:#a78bfa1f}[data-theme=dark] .orders-new-btn:hover,[data-theme=antigravity] .orders-new-btn:hover{background:#8b5cf6;color:#fff;border-color:#8b5cf6}.orders-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orders-loading-state{text-align:center;padding:50px 20px;color:var(--text-description);display:flex;flex-direction:column;align-items:center;gap:12px}.orders-empty-state{text-align:center;padding:40px 20px;background:var(--bg-header);border:1px dashed var(--border-color);border-radius:16px;display:flex;flex-direction:column;align-items:center}.empty-state-icon{width:64px;height:64px;border-radius:20px;background:var(--bg-hover);color:var(--text-description);display:flex;align-items:center;justify-content:center;margin-bottom:14px;border:1px solid var(--border-color)}.empty-state-title{font-size:1rem;font-weight:700;color:var(--text-title);margin:0 0 6px}.empty-state-desc{font-size:.82rem;color:var(--text-description);max-width:280px;margin:0 0 20px;line-height:1.4}.empty-state-action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;background:var(--btn-primary);color:#fff;border:none;font-size:.84rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #7c3aed59;transition:transform .2s}.empty-state-action-btn:active{transform:scale(.97)}.orders-list-cards{display:flex;flex-direction:column;gap:12px}.central-order-card{background:var(--bg-header);border:1px solid var(--border-color);border-radius:16px;padding:14px 16px;box-shadow:0 3px 12px var(--shadow-color);display:flex;flex-direction:column;gap:10px;transition:all .2s ease}.central-order-card:hover{border-color:#7c3aed40;box-shadow:0 6px 20px var(--shadow-deep)}.order-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.order-id-group{display:flex;align-items:center;gap:6px}.order-tag-num{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;font-weight:700;color:var(--text-title);background:var(--bg-hover);padding:2px 7px;border-radius:6px;border:1px solid var(--border-color)}.order-tag-priority{font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:12px;text-transform:uppercase;letter-spacing:.02em}.order-status-pill{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap}.order-card-description{font-size:.86rem;color:var(--text-normal);line-height:1.45;margin:0;word-break:break-word}.order-card-requester{background:var(--bg-inner);border:1px solid var(--border-color);border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;gap:3px;font-size:.74rem}.requester-item{display:flex;gap:6px;align-items:baseline}.requester-label{font-weight:600;color:var(--text-muted)}.requester-val{font-weight:600;color:var(--text-title)}.requester-item.phone .requester-val{color:#7c3aed}[data-theme=dark] .requester-item.phone .requester-val,[data-theme=antigravity] .requester-item.phone .requester-val{color:#c4b5fd}.order-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:4px;border-top:1px solid var(--border-color);gap:8px}.order-card-dates{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;color:var(--text-description)}.order-view-os-btn{display:inline-flex;align-items:center;gap:5px;background:#7c3aed1a;border:1px solid rgba(124,58,237,.25);color:#7c3aed;border-radius:8px;padding:5px 12px;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .2s}[data-theme=dark] .order-view-os-btn,[data-theme=antigravity] .order-view-os-btn{color:#c4b5fd;background:#8b5cf626;border-color:#8b5cf64d}.order-view-os-btn:hover{background:var(--btn-primary);color:#fff}.central-toast-notification{position:fixed;top:max(16px,env(safe-area-inset-top,16px));left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:480px;color:#fff;padding:12px 18px;border-radius:12px;z-index:10000;box-shadow:0 10px 30px #0000004d;font-size:.85rem;font-weight:600;text-align:center;animation:toastSlideDown .3s cubic-bezier(.4,0,.2,1)}.central-toast-notification.error{background:#ef4444}.central-toast-notification.success{background:#10b981}@keyframes toastSlideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.whatsapp-float{position:fixed;bottom:max(20px,calc(16px + env(safe-area-inset-bottom,0px)));right:20px;width:58px;height:58px;background:#25d366;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px #25d36673;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:200}.whatsapp-float:hover{transform:scale(1.08) translateY(-3px);box-shadow:0 10px 32px #25d36699}.whatsapp-float:active{transform:scale(.94)}.whatsapp-float-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:#25d36680;animation:whatsappPulse 2s infinite;z-index:-1}@keyframes whatsappPulse{0%{transform:scale(1);opacity:.8}70%{transform:scale(1.4);opacity:0}to{transform:scale(1.4);opacity:0}}@media(min-width:641px){.whatsapp-float{right:calc(50% - 240px)}}@media(max-width:640px){.modal-content{width:100%!important;max-width:100%!important;margin:0!important;border-radius:24px 24px 0 0!important;max-height:90vh!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-footer{padding-bottom:max(16px,calc(12px + env(safe-area-inset-bottom,0px)))!important}.form-control,.form-control input,.form-control select,.form-control textarea,input.form-control,select.form-control,textarea.form-control{font-size:16px!important}.view-os-relator-grid{grid-template-columns:1fr!important}.orders-header-row{flex-wrap:wrap;gap:8px}}@media(max-width:440px){.central-header{padding:max(10px,env(safe-area-inset-top,10px)) 12px 10px 12px}.central-header-new-btn span{display:none}.central-header-new-btn{padding:8px;width:36px;height:36px;border-radius:10px;justify-content:center}.central-primary-create-btn{width:100%;justify-content:center;padding:10px 16px;font-size:.85rem}.greeting-action-row{gap:10px}.central-segmented-tabs{padding:3px;gap:3px}.segmented-tab-btn{font-size:.8rem;gap:5px;padding:0 6px}.segmented-tab-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-badge-count{padding:1px 5px;font-size:.65rem}.orders-new-btn span{display:none}.orders-new-btn{padding:6px 9px}}@media print{body{font-family:Inter,Segoe UI,sans-serif;color:#1e293b;background:#fff;margin:0;padding:20px;font-size:11px;line-height:1.3;-webkit-print-color-adjust:exact;print-color-adjust:exact}.no-print,.central-wrapper,.central-header,.whatsapp-float{display:none}.page{width:100%;max-width:210mm;margin:0 auto;background:#fff;box-sizing:border-box;padding:20px;box-shadow:none}.company-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:10px;margin-bottom:15px;border-bottom:2px solid #e2e8f0}.company-info{flex:1;padding-right:20px}.company-info h1{margin:0;font-size:1.4rem;color:#0f172a;font-weight:800;letter-spacing:-.02em}.company-info h2{margin:2px 0 4px;font-size:.9rem;color:#64748b;font-weight:600}.company-details{font-size:.75rem;color:#64748b;white-space:pre-wrap;line-height:1.2}.company-logo img{width:100px;height:100px;object-fit:contain}.os-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;background:#f8fafc;padding:8px 12px;border-radius:6px;border:1px solid #e2e8f0}.os-title{font-size:1rem;font-weight:800;color:#334155;text-transform:uppercase}.os-badge{padding:4px 10px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.os-badge.finished{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.os-badge.open{background:#fff;color:#0f172a;border:1px solid #cbd5e1}.section-header{background:#e2e8f0;color:#334155;font-size:.7rem;font-weight:700;padding:3px 6px;text-transform:uppercase;letter-spacing:.05em;margin-top:6px;margin-bottom:0;border-left:3px solid #64748b}.content-box{padding:6px;border:1px solid #e2e8f0;border-top:none;margin-bottom:2px}.text-content{font-size:.75rem;line-height:1.4;color:#334155;white-space:pre-wrap}.label{font-size:.6rem;font-weight:700;color:#94a3b8;text-transform:uppercase;margin-bottom:1px}.value{font-size:.75rem;font-weight:600;color:#1e293b}.meta-row{display:flex;gap:20px;flex-wrap:wrap;font-size:.7rem;color:#64748b;padding:6px;border:1px solid #e2e8f0;border-top:none;margin-bottom:2px}.table{width:100%;border-collapse:collapse;margin-top:2px;font-size:.75rem}.table th{text-align:left;padding:4px 6px;background:#f1f5f9;color:#475569;font-weight:700;border-bottom:1px solid #cbd5e1;text-transform:uppercase;font-size:.65rem}.table td{padding:4px 6px;border-bottom:1px solid #f1f5f9;color:#334155}.footer{margin-top:20px;padding-top:10px;border-top:1px solid #cbd5e1;text-align:center;font-size:.65rem;color:#94a3b8;white-space:pre-wrap}}.user-profile-page{padding:8px 10px 24px;color:var(--text-normal);display:flex;flex-direction:column;gap:10px}.user-profile-title{display:flex;align-items:center;gap:9px}.user-profile-title svg{color:#8746ef}.user-profile-title h1{margin:0;font-size:1.2rem}.user-profile-title p,.profile-signature-header p{margin:2px 0 0;color:var(--text-description);font-size:.75rem}.profile-section{background:var(--bg-card, #fff);border:1px solid var(--border-color);border-radius:10px;padding:14px 16px}.profile-section-heading{display:flex;align-items:center;gap:7px;margin-bottom:12px}.profile-section-heading svg{color:#8746ef}.profile-section h2{margin:0;font-size:.95rem}.profile-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.profile-data-grid div{background:var(--bg-inner, #f1f5f9);border-radius:7px;padding:9px 11px;min-width:0}.profile-data-grid span,.profile-signature-grid label{display:block;color:var(--text-description);font-size:.65rem;font-weight:700;text-transform:uppercase;margin-bottom:4px}.profile-data-grid strong{font-size:.82rem;overflow-wrap:anywhere}.profile-signature-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.profile-signature-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:12px}.profile-signature-pad,.profile-signature-preview{height:150px;background:#fff;border:1px dashed #a78bfa;border-radius:8px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.profile-signature-canvas{width:100%;height:100%;position:relative;z-index:1}.profile-signature-pad>span,.profile-signature-preview>span{position:absolute;color:#94a3b8;font-size:.75rem;pointer-events:none}.profile-signature-preview img{display:block;max-width:calc(100% - 20px);max-height:calc(100% - 20px);object-fit:contain}.profile-signature-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:8px}.profile-signature-actions button,.profile-remove{display:inline-flex;align-items:center;justify-content:center;gap:5px}.profile-message{border-radius:7px;padding:8px 10px;display:flex;align-items:center;gap:6px;font-size:.76rem}.profile-message.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.profile-message.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}@media(max-width:700px){.user-profile-page{padding:6px}.profile-data-grid,.profile-signature-grid{grid-template-columns:1fr}.profile-signature-header{flex-direction:column}.profile-remove{width:100%}}