:root{--brand-primary: #0e7c86;--brand-primary-hover: #0b6971;--brand-primary-ink: #075158;--brand-secondary: #0b2a33;--brand-soft: #dcefef;--background: #f5f7f7;--surface: #ffffff;--surface-raised: #ffffff;--surface-hover: #edf3f3;--surface-sunken: #eef2f2;--text-primary: #142027;--text-secondary: #4a5a63;--text-muted: #7c8b92;--text-on-brand: #ffffff;--border: #d7e0e3;--border-strong: #b9c6cc;--success: #2e7a50;--success-soft: #deefe3;--warning: #9c6a16;--warning-soft: #f5e9d3;--danger: #a23f30;--danger-soft: #f6e1dc;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(11, 42, 51, .06);--shadow-sm: 0 2px 8px -2px rgba(11, 42, 51, .12);--shadow-md: 0 12px 28px -12px rgba(11, 42, 51, .22);--shadow-lg: 0 24px 48px -16px rgba(11, 42, 51, .28);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--fs-display: clamp(26px, 3vw + 14px, 40px);--fs-h1: clamp(20px, 1.4vw + 15px, 25px);--fs-h2: 17px;--fs-section: 15px;--fs-body: 14.5px;--fs-caption: 12.5px;--fs-meta: 11.5px;--header-h: 64px;--bottom-nav-h: 64px;--ease: cubic-bezier(.22, .61, .36, 1);--dur-fast: .14s;--dur-base: .2s;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-inline-start: env(safe-area-inset-left, 0px);--safe-inline-end: env(safe-area-inset-right, 0px)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--brand-primary: #35b4b8;--brand-primary-hover: #4fc6c9;--brand-primary-ink: #8fe3e5;--brand-secondary: #0d1f24;--brand-soft: #14282a;--background: #0b1417;--surface: #101b1f;--surface-raised: #16262b;--surface-hover: #16262b;--surface-sunken: #0e1a1e;--text-primary: #e7eeee;--text-secondary: #a9bcc1;--text-muted: #748790;--border: #223338;--border-strong: #2e434a;--success: #6fc393;--success-soft: #132420;--warning: #e3a94b;--warning-soft: #2b2213;--danger: #e1836f;--danger-soft: #2c1915;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 4px 14px -4px rgba(0, 0, 0, .45);--shadow-md: 0 16px 32px -14px rgba(0, 0, 0, .55);--shadow-lg: 0 28px 56px -18px rgba(0, 0, 0, .6)}}:root[data-theme=dark]{--brand-primary: #35b4b8;--brand-primary-hover: #4fc6c9;--brand-primary-ink: #8fe3e5;--brand-secondary: #0d1f24;--brand-soft: #14282a;--background: #0b1417;--surface: #101b1f;--surface-raised: #16262b;--surface-hover: #16262b;--surface-sunken: #0e1a1e;--text-primary: #e7eeee;--text-secondary: #a9bcc1;--text-muted: #748790;--border: #223338;--border-strong: #2e434a;--success: #6fc393;--success-soft: #132420;--warning: #e3a94b;--warning-soft: #2b2213;--danger: #e1836f;--danger-soft: #2c1915;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 4px 14px -4px rgba(0, 0, 0, .45);--shadow-md: 0 16px 32px -14px rgba(0, 0, 0, .55);--shadow-lg: 0 28px 56px -18px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--background);color:var(--text-primary);font-family:IBM Plex Sans Arabic,Segoe UI,Tahoma,Noto Sans Arabic,Arial,sans-serif;font-size:var(--fs-body);direction:rtl;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--brand-primary-ink, var(--brand-primary))}button,input,textarea{font-family:inherit}button{touch-action:manipulation}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:var(--radius-xs)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}img{max-width:100%}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:var(--space-6) var(--space-5) calc(var(--space-8) + var(--safe-bottom));padding-inline:max(var(--space-5),var(--safe-inline-start)) max(var(--space-5),var(--safe-inline-end));animation:page-enter var(--dur-base) var(--ease)}@media (max-width: 767px){.app-main{padding-bottom:calc(var(--bottom-nav-h) + var(--space-6) + var(--safe-bottom))}}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-header{position:sticky;top:0;z-index:30;height:calc(var(--header-h) + var(--safe-top));padding-top:var(--safe-top);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-inline:max(var(--space-5),var(--safe-inline-start)) max(var(--space-5),var(--safe-inline-end));background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:saturate(160%) blur(10px);-webkit-backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--border)}.header-left{display:flex;align-items:center;gap:var(--space-6);min-width:0}.brand-link{display:flex;align-items:center;text-decoration:none;color:inherit;flex-shrink:0}.brand-link__desktop,.brand-link__mobile{display:flex;align-items:center;gap:10px}.brand-link__mobile{display:none}.header-logo-full{height:32px;width:auto;object-fit:contain;display:block}.header-portal-label{font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.brand-mark{flex-shrink:0}.brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-text__company{font-size:14px;font-weight:700;color:var(--text-primary)}.brand-text__portal{font-size:11px;color:var(--text-muted);font-weight:500}.header-tabs{position:relative;display:flex;align-items:center;gap:2px}.header-tab{position:relative;display:flex;align-items:center;gap:7px;padding:9px 16px;border-radius:var(--radius-full);font-size:13.5px;font-weight:600;color:var(--text-secondary);text-decoration:none;white-space:nowrap;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.header-tab svg{width:16px;height:16px;transition:transform var(--dur-fast) var(--ease)}.header-tab:hover{background:var(--surface-hover);color:var(--text-primary)}.header-tab:hover svg{transform:translateY(-1px)}.header-tab.active{color:var(--brand-primary-ink, var(--brand-primary));background:var(--brand-soft)}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--danger);color:#fff;font-size:10.5px;font-weight:800;line-height:1}.header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.icon-btn{width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);position:relative}.icon-btn svg{width:18px;height:18px}.icon-btn:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.user-trigger{display:flex;align-items:center;gap:9px;padding:6px 10px 6px 6px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.user-trigger:hover{background:var(--surface-hover);border-color:var(--border-strong)}.user-avatar{width:30px;height:30px;border-radius:50%;background:var(--brand-primary);color:var(--text-on-brand);font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-trigger__text{text-align:start;line-height:1.25;display:none}.user-trigger__name{font-size:13px;font-weight:700;color:var(--text-primary)}.user-trigger__client{font-size:11px;color:var(--text-muted)}@media (min-width: 860px){.user-trigger__text{display:block}}@media (max-width: 767px){.header-tabs{display:none}.header-left{gap:var(--space-3)}.brand-link__desktop{display:none}.brand-link__mobile{display:flex}}.popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:59;background:transparent}.popover-panel{position:absolute;z-index:60;min-width:220px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-2);animation:popover-in var(--dur-fast) var(--ease);transform-origin:top left}[dir=rtl] .popover-panel{transform-origin:top right}@keyframes popover-in{0%{opacity:0;transform:scale(.98) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.popover-header{padding:var(--space-3) var(--space-3) var(--space-2);border-bottom:1px solid var(--border);margin-bottom:var(--space-1)}.popover-header__name{font-size:13.5px;font-weight:700;color:var(--text-primary)}.popover-header__meta{font-size:11.5px;color:var(--text-muted);margin-top:2px}.popover-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-primary);font-size:13.5px;font-weight:600;cursor:pointer;text-align:start;transition:background var(--dur-fast) var(--ease)}.popover-item svg{width:17px;height:17px;color:var(--text-muted);flex-shrink:0}.popover-item:hover{background:var(--surface-hover)}.popover-item.danger{color:var(--danger)}.popover-item.danger svg{color:var(--danger)}@media (max-width: 640px){.popover-panel.as-sheet{position:fixed;inset-inline:0;bottom:0;top:auto;left:0;right:0;width:100%;min-width:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-3);padding-bottom:calc(var(--space-5) + var(--safe-bottom));box-shadow:var(--shadow-lg);transform-origin:bottom center;animation:sheet-in var(--dur-base) var(--ease)}.popover-panel.as-sheet:before{content:"";display:block;width:40px;height:4px;border-radius:var(--radius-full);background:var(--border-strong);margin:0 auto var(--space-3)}}@keyframes sheet-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.tooltip-wrap{position:relative;display:inline-flex}.tooltip-bubble{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-2px);background:var(--brand-secondary);color:#f5fafa;font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:var(--radius-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease);z-index:70;box-shadow:var(--shadow-sm)}.tooltip-wrap:hover .tooltip-bubble,.tooltip-wrap:focus-within .tooltip-bubble{opacity:1;transform:translate(-50%) translateY(0)}@media (hover: none){.tooltip-bubble{display:none}}.bottom-nav{display:none}@media (max-width: 767px){.bottom-nav{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:40;height:calc(var(--bottom-nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:saturate(160%) blur(10px);-webkit-backdrop-filter:saturate(160%) blur(10px);border-top:1px solid var(--border)}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:44px;text-decoration:none;color:var(--text-muted);font-size:11px;font-weight:600}.bottom-nav__item svg{width:22px;height:22px;transition:transform var(--dur-fast) var(--ease)}.bottom-nav__item.active{color:var(--brand-primary-ink, var(--brand-primary))}.bottom-nav__item.active svg{transform:translateY(-1px)}.bottom-nav__icon-wrap{position:relative;display:inline-flex}.bottom-nav__icon-wrap .nav-badge--dot{position:absolute;top:-4px;inset-inline-end:-8px}}.page-header{margin-bottom:var(--space-6)}.page-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-secondary);text-decoration:none;margin-bottom:var(--space-3);transition:color var(--dur-fast) var(--ease)}.page-back svg{width:16px;height:16px}.page-back:hover{color:var(--brand-primary-ink, var(--brand-primary))}.page-header__row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.page-title{font-size:var(--fs-h1);font-weight:800;color:var(--text-primary);margin:0}.page-subtitle{font-size:var(--fs-body);color:var(--text-secondary);margin:var(--space-1) 0 0}.section-title{font-size:var(--fs-section);font-weight:800;color:var(--text-primary);margin:0 0 var(--space-3);display:flex;align-items:center;gap:8px}.section-title svg{width:17px;height:17px;color:var(--brand-primary)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-4)}.auth-shell{min-height:100%;display:grid;grid-template-columns:1fr;background:var(--background)}@media (min-width: 900px){.auth-shell{grid-template-columns:1.1fr 1fr}}.auth-brand-panel{position:relative;display:none;flex-direction:column;justify-content:space-between;padding:var(--space-8) var(--space-8);background:linear-gradient(155deg,var(--brand-secondary) 0%,#123844 100%);color:#eef7f7;overflow:hidden}@media (min-width: 900px){.auth-brand-panel{display:flex}}.auth-brand-panel__pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;pointer-events:none}.auth-brand-panel__content{position:relative;z-index:1}.auth-brand-panel__logo{height:46px;width:auto;object-fit:contain;display:block;margin-bottom:var(--space-6)}.auth-brand-panel__title{font-size:26px;font-weight:800;margin:0 0 6px}.auth-brand-panel__subtitle{font-size:14.5px;color:#b9d8d8;margin:0 0 var(--space-7);max-width:340px;line-height:1.7}.auth-brand-panel__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-4);position:relative;z-index:1}.auth-brand-panel__list li{display:flex;align-items:center;gap:12px;font-size:13.5px;color:#d9ecec}.auth-brand-panel__list svg{width:18px;height:18px;color:var(--brand-primary-hover, #35b4b8);flex-shrink:0}.auth-brand-panel__footer{position:relative;z-index:1;font-size:12px;color:#7fa7a7}.auth-form-panel{display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-5)}.auth-form-panel__inner{width:100%;max-width:380px;min-height:336px;display:flex;flex-direction:column;justify-content:center}.auth-form-panel__mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-7)}@media (min-width: 900px){.auth-form-panel__mobile-brand{display:none}}.auth-mobile-hero,.auth-mobile-footer{display:none}.auth-form-panel .field-input-wrap--icon input{padding-inline-start:40px}.field-icon{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);display:flex;color:var(--text-muted);pointer-events:none}.field-icon svg{width:17px;height:17px}.auth-heading{font-size:22px;font-weight:800;color:var(--text-primary);margin:0 0 6px}.auth-lede{font-size:13.5px;color:var(--text-muted);margin:0 0 var(--space-6)}.auth-brand-panel__typing{position:relative;z-index:1;min-height:26px;font-size:16px;font-weight:600;color:#cfe9e9;margin:0 0 var(--space-7);display:flex;align-items:center}.auth-brand-panel__caret{display:inline-block;width:2px;height:18px;margin-inline-start:3px;background:var(--brand-primary-hover, #35b4b8);opacity:0;transition:opacity 80ms linear}.auth-brand-panel__caret.visible{opacity:1}.auth-transition-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:var(--space-6) 0;animation:page-enter var(--dur-base) var(--ease)}.auth-transition-state__title{font-size:19px;font-weight:800;color:var(--text-primary);margin:var(--space-2) 0 0}.auth-transition-state__text{font-size:13.5px;color:var(--text-secondary);margin:0}.login-verification-lottie{width:120px;height:120px}@keyframes auth-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.auth-form-shake{animation:auth-shake .48s cubic-bezier(.36,.07,.19,.97) both}.field{margin-bottom:var(--space-4)}.field label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.field-input-wrap{position:relative}.field input,.field textarea{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:14.5px;font-family:inherit;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.field input{height:46px}.field-input-wrap input{padding-inline-end:44px}.field input:focus,.field textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-soft)}.field-toggle-visibility{position:absolute;inset-inline-end:4px;top:4px;bottom:4px;width:38px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs)}.field-toggle-visibility:hover{color:var(--text-primary);background:var(--surface-hover)}.field-toggle-visibility svg{width:18px;height:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:14.5px;font-weight:700;cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.btn svg{width:17px;height:17px}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--brand-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-primary-hover)}.btn-block{width:100%}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.btn-danger-ghost{background:transparent;border-color:var(--border);color:var(--danger)}.btn-danger-ghost:hover:not(:disabled){background:var(--danger-soft)}.form-error{display:flex;align-items:flex-start;gap:8px;background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-sm);padding:11px 13px;font-size:13.5px;margin-bottom:var(--space-4)}.form-error svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}.state-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:64px 20px;text-align:center;color:var(--text-muted)}.state-block__icon{width:52px;height:52px;border-radius:50%;background:var(--surface-sunken);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:4px}.state-block__icon svg{width:24px;height:24px}.state-block__title{font-size:15px;font-weight:700;color:var(--text-secondary)}.state-block__desc{font-size:13.5px;max-width:340px;line-height:1.7}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--brand-primary);animation:spin .8s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.btn-primary .spinner{border-color:#ffffff59;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.skel{position:relative;background:var(--surface-sunken);border-radius:var(--radius-sm);overflow:hidden}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface) 60%,transparent),transparent);animation:shimmer 1.5s infinite}[dir=rtl] .skel:after{transform:translate(100%)}@keyframes shimmer{to{transform:translate(100%)}}[dir=rtl] .skel:after{animation-name:shimmer-rtl}@keyframes shimmer-rtl{to{transform:translate(-100%)}}@media (prefers-reduced-motion: reduce){.skel:after{animation:none;display:none}}.skel-line{height:14px;margin-bottom:8px}.skel-card{height:78px;border-radius:var(--radius-md);margin-bottom:10px}.skel-tile{height:84px;border-radius:var(--radius-md)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-7)}@media (max-width: 640px){.stat-grid{grid-auto-flow:column;grid-auto-columns:minmax(128px,1fr);overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:2px;margin-inline:calc(var(--space-5) * -1);padding-inline:var(--space-5)}.stat-tile{scroll-snap-align:start}}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:8px}.stat-tile__icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand-primary-ink, var(--brand-primary));display:flex;align-items:center;justify-content:center}.stat-tile__icon svg{width:17px;height:17px}.stat-tile__value{font-size:24px;font-weight:800;color:var(--text-primary)}.stat-tile__label{font-size:12.5px;color:var(--text-muted);font-weight:600}.toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.search-field{position:relative;flex:1;max-width:360px}.search-field svg{position:absolute;inset-inline-start:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--text-muted);pointer-events:none}.search-field input{width:100%;height:42px;padding-inline-start:38px;padding-inline-end:14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:13.5px}.search-field input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-soft)}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:var(--radius-full);font-size:11.5px;font-weight:700;white-space:nowrap}.status-badge svg{width:13px;height:13px}.status-success{background:var(--success-soft);color:var(--success)}.status-warning{background:var(--warning-soft);color:var(--warning)}.status-danger{background:var(--danger-soft);color:var(--danger)}.status-neutral{background:var(--surface-sunken);color:var(--text-secondary)}.status-brand{background:var(--brand-soft);color:var(--brand-primary-ink, var(--brand-primary))}.visit-list{display:flex;flex-direction:column;gap:10px}.visit-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);text-decoration:none;color:inherit;transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.visit-row:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.visit-row__main{min-width:0}.visit-row__site{font-size:14.5px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visit-row__meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:5px}.visit-row__meta-item{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--text-muted)}.visit-row__meta-item svg{width:14px;height:14px}.visit-row__chevron{width:18px;height:18px;color:var(--text-muted);flex-shrink:0;transition:transform var(--dur-fast) var(--ease)}.visit-row:hover .visit-row__chevron{transform:translate(-3px)}[dir=rtl] .visit-row:hover .visit-row__chevron{transform:translate(3px)}@media (max-width: 640px){.visit-row{grid-template-columns:1fr;gap:var(--space-3)}.visit-row__chevron{display:none}.visit-row__meta{gap:10px}}.action-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:var(--space-5)}@media (min-width: 768px){.action-bar{position:sticky;top:calc(var(--header-h) + var(--safe-top) + 12px);z-index:5;background:color-mix(in srgb,var(--background) 85%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:8px 0}}@media (max-width: 767px){.action-bar{position:fixed;inset-inline:0;bottom:calc(var(--bottom-nav-h) + var(--safe-bottom));z-index:35;background:var(--surface);border-top:1px solid var(--border);padding:10px max(var(--space-5),var(--safe-inline-start));margin:0;box-shadow:var(--shadow-md)}.action-bar .btn{flex:1}.app-main:has(+.action-bar),.visit-details-page{padding-bottom:calc(var(--bottom-nav-h) + 76px + var(--safe-bottom))}}.report-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4)}.report-meta-grid dt{font-size:var(--fs-meta);color:var(--text-muted);margin:0 0 3px;font-weight:600}.report-meta-grid dd{font-size:14px;font-weight:700;color:var(--text-primary);margin:0}.checklist-list{display:flex;flex-direction:column}.checklist-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:12px 4px;border-bottom:1px solid var(--border)}.checklist-row:last-child{border-bottom:none}.checklist-row__title{font-size:13.5px;color:var(--text-primary);font-weight:600}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width: 640px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}.gallery-item{padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;background:var(--surface-sunken);aspect-ratio:1 / 1;position:relative}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur-base) var(--ease)}.gallery-item:hover img{transform:scale(1.04)}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050a0ce6;display:flex;align-items:center;justify-content:center;z-index:80;padding:var(--space-6);animation:fade-in var(--dur-fast) var(--ease)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.lightbox-img{max-width:100%;max-height:84vh;border-radius:8px}.lightbox-close,.lightbox-nav{position:absolute;width:42px;height:42px;border-radius:50%;border:none;background:#ffffff24;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease)}.lightbox-close:hover,.lightbox-nav:hover{background:#ffffff42}.lightbox-close{top:calc(var(--space-5) + var(--safe-top));inset-inline-end:var(--space-5)}.lightbox-close svg,.lightbox-nav svg{width:20px;height:20px}.lightbox-nav--prev{inset-inline-start:var(--space-4);top:50%;transform:translateY(-50%)}.lightbox-nav--next{inset-inline-end:var(--space-4);top:50%;transform:translateY(-50%)}.lightbox-counter{position:absolute;bottom:var(--space-5);left:50%;transform:translate(-50%);color:#e9f2f2;font-size:12.5px;font-weight:600;background:#ffffff1f;padding:4px 12px;border-radius:var(--radius-full);direction:ltr}.rating-box{text-align:center;padding:var(--space-2) var(--space-2) 0}.rating-box__title{font-size:16px;font-weight:800;color:var(--text-primary);margin:0 0 4px}.rating-box__lede{font-size:13px;color:var(--text-muted);margin:0 0 var(--space-4)}.star-row{display:flex;justify-content:center;gap:6px;margin-bottom:var(--space-4);direction:ltr}.star-btn{background:none;border:none;cursor:pointer;color:var(--border-strong);padding:4px;display:inline-flex;transition:transform var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.star-btn svg{width:32px;height:32px}.star-btn:hover{transform:scale(1.08)}.star-btn.filled{color:#f2b01e}.rating-success{display:flex;flex-direction:column;align-items:center;gap:8px;padding:var(--space-3) 0}.rating-success__icon{width:48px;height:48px;border-radius:50%;background:var(--success-soft);color:var(--success);display:flex;align-items:center;justify-content:center;animation:pop-in .32s var(--ease)}.rating-success__icon svg{width:24px;height:24px}@keyframes pop-in{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06);opacity:1}to{transform:scale(1)}}.rating-success__title{font-weight:800;font-size:15px;color:var(--text-primary)}.rating-success__desc{font-size:13px;color:var(--text-muted)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#08101380;display:flex;align-items:center;justify-content:center;padding:var(--space-5);animation:fade-in var(--dur-fast) var(--ease)}.dialog-panel{width:100%;max-width:380px;background:var(--surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6);animation:dialog-in var(--dur-base) var(--ease)}@keyframes dialog-in{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.dialog-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);background:var(--danger-soft);color:var(--danger)}.dialog-icon svg{width:22px;height:22px}.dialog-title{font-size:16.5px;font-weight:800;color:var(--text-primary);margin:0 0 6px}.dialog-desc{font-size:13.5px;color:var(--text-secondary);margin:0 0 var(--space-5);line-height:1.7}.dialog-actions{display:flex;gap:10px}.dialog-actions .btn{flex:1}.toast-viewport{position:fixed;z-index:100;bottom:calc(var(--space-5) + var(--safe-bottom));left:50%;transform:translate(50%);display:flex;flex-direction:column-reverse;gap:8px;width:min(380px,calc(100vw - 2 * var(--space-4)));align-items:stretch;pointer-events:none}@media (max-width: 767px){.toast-viewport{bottom:calc(var(--bottom-nav-h) + var(--space-4) + var(--safe-bottom))}}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:var(--radius-md);padding:12px 14px;animation:toast-in var(--dur-base) var(--ease)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.toast__icon{width:20px;height:20px;flex-shrink:0;margin-top:1px}.toast.success .toast__icon{color:var(--success)}.toast.error .toast__icon{color:var(--danger)}.toast.info .toast__icon{color:var(--brand-primary)}.toast__body{flex:1;font-size:13.5px;color:var(--text-primary);line-height:1.5}.toast__action{border:none;background:none;color:var(--brand-primary-ink, var(--brand-primary));font-weight:700;font-size:13px;cursor:pointer;padding:0;flex-shrink:0}.toast__close{border:none;background:none;color:var(--text-muted);cursor:pointer;padding:0;flex-shrink:0;display:flex}.toast__close svg{width:16px;height:16px}.offline-banner{display:flex;align-items:center;gap:8px;justify-content:center;background:var(--warning-soft);color:var(--warning);font-size:12.5px;font-weight:700;padding:8px var(--space-4);padding-top:calc(8px + var(--safe-top))}.offline-banner svg{width:15px;height:15px}.text-muted{color:var(--text-muted);font-size:13px}.divider{border:none;border-top:1px solid var(--border);margin:var(--space-4) 0}.pdf-hint{font-size:13px;color:var(--text-secondary);margin:0 0 var(--space-4);line-height:1.7}.notes-text{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.8}.illustration{display:block;object-fit:contain}.illustration-pop{animation:illustration-pop .42s var(--ease) both}@keyframes illustration-pop{0%{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.sub-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:var(--space-5);border-bottom:1px solid var(--border)}.sub-tabs::-webkit-scrollbar{display:none}.sub-tab{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:10px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:13.5px;font-weight:700;cursor:pointer;border-bottom:2px solid transparent;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);white-space:nowrap}.sub-tab:hover{color:var(--text-primary)}.sub-tab.active{color:var(--brand-primary-ink, var(--brand-primary));border-bottom-color:var(--brand-primary)}.sub-tab__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--text-secondary);font-size:11px;font-weight:800}.sub-tab.active .sub-tab__count{background:var(--brand-soft);color:var(--brand-primary-ink, var(--brand-primary))}.contract-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);text-decoration:none;color:inherit;transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.contract-row:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.contract-row__title{font-size:14.5px;font-weight:700;color:var(--text-primary)}.contract-row__meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:5px}.contract-row__meta-item{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--text-muted)}.contract-row__meta-item svg{width:14px;height:14px}@media (max-width: 640px){.contract-row{grid-template-columns:1fr;gap:var(--space-3)}.contract-row>svg{display:none}}.action-required-card{display:flex;align-items:center;gap:var(--space-4);background:var(--surface);border:1px solid var(--warning);border-inline-start:4px solid var(--warning);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-7);animation:page-enter var(--dur-base) var(--ease)}.action-required-card__illustration{flex-shrink:0}.action-required-card__body{flex:1;min-width:0}.action-required-card__eyebrow{font-size:11.5px;font-weight:800;color:var(--warning);text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px}.action-required-card__title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.action-required-card__meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--text-muted);margin-bottom:var(--space-4)}.action-required-card__actions{display:flex;gap:10px;flex-wrap:wrap}@media (max-width: 560px){.action-required-card{flex-direction:column;align-items:stretch;text-align:center}.action-required-card__illustration{align-self:center}.action-required-card__meta,.action-required-card__actions{justify-content:center}}.contract-signing-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media (min-width: 900px){.contract-signing-grid{grid-template-columns:1.05fr .95fr;align-items:start}}.signature-canvas-wrap{position:relative;border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-sunken);overflow:hidden}.signature-canvas{display:block;width:100%;touch-action:none;cursor:crosshair}.signature-canvas__placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-muted);font-size:13.5px;font-weight:600;pointer-events:none}.signature-canvas__actions{display:flex;gap:8px;justify-content:flex-end;padding:10px;border-top:1px dashed var(--border-strong);background:var(--surface)}.sign-here-hint{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:var(--space-3);color:var(--text-muted);font-size:12.5px;font-weight:600}.legal-ack{display:flex;align-items:flex-start;gap:10px;margin:var(--space-4) 0;cursor:pointer;font-size:13.5px;color:var(--text-secondary);line-height:1.6}.legal-ack input{margin-top:3px;width:18px;height:18px;flex-shrink:0;accent-color:var(--brand-primary)}.contract-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-7) var(--space-4)}.contract-success__stack{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.contract-success__title{font-size:20px;font-weight:800;color:var(--text-primary);margin:0 0 6px}.contract-success__desc{font-size:14px;color:var(--text-secondary);margin:0 0 var(--space-6);max-width:380px;line-height:1.7}.contract-success__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.icon-btn{position:relative}.nav-badge--bell{position:absolute;top:-4px;inset-inline-end:-4px}.notif-popover{width:min(360px,86vw);max-height:70vh;display:flex;flex-direction:column}.notif-popover__header{padding:var(--space-2) var(--space-3) var(--space-3);font-size:14.5px;font-weight:800;color:var(--text-primary);border-bottom:1px solid var(--border);margin-bottom:4px}.notif-popover__empty{padding:var(--space-6) var(--space-4);text-align:center;font-size:13px;color:var(--text-muted)}.notif-popover__list{overflow-y:auto}.notif-popover__footer{display:block;text-align:center;padding:10px;margin-top:4px;border-top:1px solid var(--border);font-size:12.5px;font-weight:700;color:var(--brand-primary-ink, var(--brand-primary));text-decoration:none}.notif-popover__footer:hover{background:var(--surface-hover)}.notif-row{display:flex;align-items:flex-start;gap:10px;padding:10px 8px;border-radius:var(--radius-sm);text-decoration:none;color:inherit;position:relative}.notif-row:hover{background:var(--surface-hover)}.notif-row.unread{background:var(--brand-soft)}.notif-row__icon{width:32px;height:32px;border-radius:50%;background:var(--surface-sunken);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-row__icon svg{width:16px;height:16px}.notif-row__body{display:flex;flex-direction:column;gap:2px;min-width:0}.notif-row__title{font-size:13px;font-weight:700;color:var(--text-primary)}.notif-row__text{font-size:12.5px;color:var(--text-secondary);line-height:1.5}.notif-row__time{font-size:11px;color:var(--text-muted)}.notif-row__dot{width:7px;height:7px;border-radius:50%;background:var(--brand-primary);flex-shrink:0;margin-top:6px}.notif-list-page{display:flex;flex-direction:column;gap:4px}.notif-row--page{background:var(--surface);border:1px solid var(--border);padding:var(--space-3) var(--space-4)}@media (max-width: 767px){.auth-shell{display:flex;flex-direction:column;min-height:100dvh}.auth-mobile-hero{display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;position:relative;overflow:hidden;min-height:clamp(180px,26dvh,230px);padding:max(var(--space-4),var(--safe-top)) var(--space-5) var(--space-7);background:linear-gradient(155deg,var(--brand-secondary) 0%,#123844 100%);color:#eef7f7}.auth-mobile-hero__pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;pointer-events:none}.auth-mobile-hero__top{position:relative;z-index:1;display:flex;align-items:center;gap:10px}.auth-mobile-hero__mark{flex-shrink:0}.auth-mobile-hero__brand-text{display:flex;flex-direction:column;line-height:1.3}.auth-mobile-hero__company{font-size:16px;font-weight:800}.auth-mobile-hero__portal{font-size:12px;color:#b9d8d8}.auth-mobile-hero__bottom{position:relative;z-index:1}.auth-mobile-hero__title{font-size:19px;font-weight:800;margin:0 0 6px}.auth-mobile-hero__typing{display:flex;align-items:center;min-height:22px;font-size:14.5px;font-weight:600;color:#cfe9e9;margin:0}.auth-mobile-hero__caret{display:inline-block;width:2px;height:16px;margin-inline-start:3px;background:var(--brand-primary-hover, #35b4b8);opacity:0;transition:opacity 80ms linear}.auth-mobile-hero__caret.visible{opacity:1}.auth-form-panel__mobile-brand{display:none}.auth-form-panel{flex:1;display:flex;flex-direction:column;padding:0 var(--space-4) calc(var(--space-6) + var(--safe-bottom))}.auth-form-panel__inner{position:relative;z-index:1;max-width:none;min-height:300px;margin-top:clamp(-36px,-8dvh,-24px);background:var(--surface-raised);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);padding:var(--space-6) var(--space-5)}.auth-mobile-footer{display:block;text-align:center;font-size:12px;color:var(--text-muted);margin-top:auto;padding-top:var(--space-5)}.auth-form input{height:clamp(52px,13dvh,56px);border-radius:15px;font-size:15px}.auth-form .field-toggle-visibility{width:44px;inset-inline-end:2px;top:2px;bottom:2px}.auth-form .btn-primary.btn-block{height:clamp(52px,12dvh,54px);border-radius:15px;font-size:15.5px}.login-verification-lottie{width:clamp(90px,26dvh,128px);height:clamp(90px,26dvh,128px)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}