@charset "UTF-8";*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;tab-size:4;-webkit-tap-highlight-color:transparent}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}progress{vertical-align:initial}:root{--color-primary:#163a24;--color-primary-light:#185238;--color-primary-dark:#08150e;--color-accent:#256d43;--color-accent-light:#e8f4ee;--color-quote:#8200db;--color-quote-bg:#faf5ff;--color-bg:#f9fafb;--color-surface:#fff;--color-surface-raised:#fff;--color-border:#e5e7eb;--color-border-light:#edeeef;--color-text-primary:#101828;--color-text-secondary:#4a5565;--color-text-muted:#6a7282;--color-text-inverse:#fff;--color-success:#256d43;--color-success-bg:#e8f4ee;--color-warning:#bb4d00;--color-warning-bg:#fffbeb;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--color-info:#1447e6;--color-info-bg:#eff6ff;--color-neutral:#6a7282;--color-neutral-bg:#f3f4f6;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);--shadow-lg:0 10px 30px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.05);--shadow-card:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:22px;--text-xl:24px;--transition-fast:.15s ease;--transition-base:.25s ease;--header-height:60px;--nav-height:64px;--page-padding:16px;--max-content-width:480px}body,html{color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}.app-shell,body,html{background-color:var(--color-bg)}.app-shell{display:flex;flex-direction:column;height:100dvh;height:100vh}.app-shell__main{background-color:var(--color-surface);flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding-bottom:var(--nav-height)}.ptr-indicator{align-items:center;background:var(--color-primary);border-radius:50%;box-shadow:0 2px 8px #00000040;display:flex;height:40px;justify-content:center;left:50%;pointer-events:none;position:fixed;top:var(--header-height);transition:transform .22s cubic-bezier(.32,.72,0,1);width:40px;z-index:60}.ptr-indicator__spinner{display:block;flex-shrink:0}.ptr-indicator--refreshing .ptr-indicator__spinner{animation:ptr-spin .75s linear infinite}@keyframes ptr-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.app-header{align-items:center;background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 100%);box-shadow:0 2px 12px #0000004d;display:flex;height:var(--header-height);padding:0 var(--page-padding);position:sticky;top:0;z-index:50}.app-header__title{color:var(--color-text-inverse);font-size:var(--text-md);font-weight:700;letter-spacing:-.01em}.app-header__subtitle{color:#ffffffb3;font-size:var(--text-xs);margin-top:1px}.app-header__actions{align-items:center;display:flex;gap:var(--space-sm);margin-left:auto}.app-nav{align-items:stretch;background:var(--color-surface);border-top:1px solid var(--color-border);bottom:0;box-shadow:0 -4px 20px #0000000f;display:flex;height:var(--nav-height);left:0;position:fixed;right:0;z-index:50}.app-nav__list{display:flex;list-style:none;margin:0;padding:0;width:100%}.app-nav__item{flex:1}.app-nav__link{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;gap:3px;height:100%;justify-content:center;position:relative;text-decoration:none;transition:color var(--transition-fast)}.app-nav__link--active{color:var(--color-primary)}.app-nav__link--active .app-nav__icon{background-color:var(--color-accent-light);color:var(--color-primary)}.app-nav__link--active .app-nav__label{color:var(--color-primary);font-weight:600}.app-nav__icon{align-items:center;border-radius:var(--radius-sm);display:flex;font-size:18px;height:28px;justify-content:center;transition:background-color var(--transition-fast);width:36px}.app-nav__label{font-size:var(--text-xs);font-weight:500;line-height:1}.page-content{padding:var(--page-padding)}@media(min-width:640px){.page-content{padding:20px 24px}}@media(min-width:1024px){.page-content{padding:24px 32px}}.card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.card:active{box-shadow:var(--shadow-sm);transform:scale(.99)}.card__body,.card__header{padding:var(--space-md)}.card__header{border-bottom:1px solid var(--color-border-light)}.card__footer{align-items:center;background:var(--color-bg);border-top:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-md)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:600;letter-spacing:.01em;padding:3px 10px;white-space:nowrap}.badge--success{background:var(--color-success-bg);color:var(--color-success)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge--info{background:var(--color-info-bg);color:var(--color-info)}.badge--neutral{background:var(--color-neutral-bg);color:var(--color-neutral)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-weight:600;gap:var(--space-sm);justify-content:center;text-decoration:none;transition:opacity var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.45}.btn--sm{font-size:13px;height:36px;padding:0 var(--space-md)}.btn--md{font-size:15px;height:44px;padding:0 var(--space-lg)}.btn--lg{font-size:15px;font-weight:600;height:50px;letter-spacing:.01em;padding:0 var(--space-xl)}.btn--full{width:100%}.btn--primary{background:var(--color-accent);box-shadow:0 4px 16px #00000040;color:var(--color-text-inverse)}.btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent) 85%,#fff);box-shadow:0 6px 22px #0000004d}.btn--secondary{background:var(--color-accent-light);color:var(--color-primary)}.btn--ghost{background:transparent;box-shadow:none;color:var(--color-text-secondary)}.btn--danger{background:var(--color-danger-bg);color:var(--color-danger)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600;letter-spacing:.01em}.form-input,.form-select{-webkit-appearance:none;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);height:50px;outline:none;padding:0 var(--space-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-input::-moz-placeholder,.form-select::-moz-placeholder{color:var(--color-text-muted)}.form-input::placeholder,.form-select::placeholder{color:var(--color-text-muted)}.form-input:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1e3a5f1f}.form-input--error{border-color:var(--color-danger)}.form-input--error:focus{box-shadow:0 0 0 3px #ef44441f}.form-input--readonly{background:var(--color-bg);color:var(--color-text-secondary);cursor:default}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%2394a3b8' stroke-linecap='round' stroke-width='1.5' d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.form-error{color:var(--color-danger);font-size:var(--text-xs);font-weight:500}.auth-screen{background:linear-gradient(180deg,var(--color-primary-light) 0,var(--color-primary) 50%,var(--color-primary-dark) 100%);display:flex;flex-direction:column;justify-content:flex-start;min-height:100dvh;min-height:100vh}.auth-screen__hero{flex:0 0 auto;flex-direction:column;padding:var(--space-2xl) var(--page-padding) var(--space-xl);text-align:center}.auth-screen__hero,.auth-screen__logo{align-items:center;display:flex;justify-content:center}.auth-screen__logo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1.5px solid hsla(0,0%,100%,.3);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0003;flex-shrink:0;height:80px;margin-bottom:var(--space-lg);overflow:hidden;width:80px}.auth-screen__logo img{height:100%;-o-object-fit:contain;object-fit:contain;padding:10px;width:100%}.auth-screen__logo-img{border-radius:var(--radius-lg);display:block;height:64px;margin-bottom:12px;max-width:200px;-o-object-fit:contain;object-fit:contain;width:auto}.auth-screen__headline{color:var(--color-text-inverse);font-size:var(--text-xl);font-weight:700;letter-spacing:-.025em;line-height:1.25;margin:0 0 var(--space-sm);text-align:center}.auth-screen__subtext{color:#ffffffb8;font-size:var(--text-sm);font-weight:400;line-height:1.55;margin:0 auto;max-width:260px;text-align:center}.auth-screen__form{display:flex;flex:0 0 auto;flex-direction:column;gap:var(--space-md);padding:var(--space-xl) var(--page-padding) var(--space-2xl)}.auth-screen__label{color:#ffffffd9;display:block;font-size:13px;font-weight:500;letter-spacing:0;margin-bottom:8px}.auth-screen__helper{color:#ffffff94;font-size:11px;font-weight:400;line-height:1.5;margin-top:6px}.auth-screen__link{background:none;border:none;color:#ffffffd9;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;padding:0;text-align:center;text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-fast)}.auth-screen__link:hover{color:var(--color-text-inverse)}.auth-screen__link:disabled{cursor:not-allowed;opacity:.45;text-decoration:none}.auth-screen__card{background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -8px 40px #00000026;display:flex;flex:1;flex-direction:column;gap:var(--space-lg);padding:var(--space-xl) var(--page-padding)}.auth-screen__card-title{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:700;letter-spacing:-.01em}.auth-screen__card-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:4px}.auth-screen__app-name{color:var(--color-text-inverse);font-size:var(--text-xl);font-weight:800;letter-spacing:-.02em;line-height:1.2}.auth-screen__tagline{color:#ffffffa6;font-size:var(--text-sm);margin-top:var(--space-xs)}.auth-phone-field{align-items:center;background:#ffffff1f;border:1.5px solid hsla(0,0%,100%,.2);border-radius:var(--radius-md);display:flex;overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.auth-phone-field:focus-within{border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff1a}.auth-phone-field--error{border-color:var(--color-danger)}.auth-phone-field__country{align-items:center;border-right:1px solid hsla(0,0%,100%,.15);cursor:pointer;display:flex;flex-shrink:0;gap:6px;height:52px;padding:0 var(--space-sm) 0 var(--space-md);position:relative}.auth-phone-field__country:after{color:#ffffff8c;content:"▾";font-size:10px;margin-left:2px}.auth-phone-field__flag{font-size:18px;line-height:1;pointer-events:none}.auth-phone-field__dial{color:var(--color-text-inverse);font-size:14px;font-weight:600;pointer-events:none;white-space:nowrap}.auth-phone-field__country-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;cursor:pointer;font-size:var(--text-base);height:100%;inset:0;opacity:0;position:absolute;width:100%}.auth-phone-field__divider{background:#ffffff26;flex-shrink:0;height:28px;width:1px}.auth-phone-field__input{-webkit-appearance:none;background:transparent;border:none;color:var(--color-text-inverse);flex:1;font-family:var(--font-sans);font-size:15px;font-weight:400;height:52px;min-width:0;outline:none;padding:0 var(--space-md)}.auth-phone-field__input::-moz-placeholder{color:#ffffff59;font-weight:400}.auth-phone-field__input::placeholder{color:#ffffff59;font-weight:400}.otp-input-group{align-items:center;display:flex;gap:var(--space-sm);justify-content:center}.otp-input-group__box{-webkit-appearance:none;background:#ffffff1f;border:1.5px solid hsla(0,0%,100%,.2);border-radius:var(--radius-md);caret-color:var(--color-text-inverse);color:var(--color-text-inverse);font-family:var(--font-sans);font-size:var(--text-xl);font-weight:700;height:64px;outline:none;text-align:center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);width:60px}.otp-input-group__box:focus{background:#ffffff2e;border-color:#fff9;box-shadow:0 0 0 3px #ffffff1a}.otp-input-group__box--filled{background:#ffffff29;border-color:#ffffff73}.skeleton{animation:skeleton-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;border-radius:var(--radius-sm)}.skeleton--card{border-radius:var(--radius-md);height:100px}.skeleton--text-sm{height:12px}.skeleton--text-md{height:16px}.skeleton--text-lg{height:20px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.item-list{gap:12px}.empty-state,.item-list{display:flex;flex-direction:column}.empty-state{align-items:center;gap:var(--space-md);justify-content:center;padding:var(--space-2xl) var(--page-padding);text-align:center}.empty-state__icon{font-size:48px;opacity:.4}.empty-state__illustration{height:auto;-o-object-fit:contain;object-fit:contain;width:200px}.empty-state__title{color:var(--color-text-secondary);font-size:var(--text-md);font-weight:600}.empty-state__body{color:var(--color-text-muted);font-size:var(--text-sm);max-width:240px}.avatar{align-items:center;background:var(--color-accent-light);border-radius:var(--radius-full);display:flex;flex-shrink:0;justify-content:center;overflow:hidden}.avatar--sm{font-size:16px;height:36px;width:36px}.avatar--md{font-size:24px;height:56px;width:56px}.avatar--lg{font-size:36px;height:88px;width:88px}.avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.avatar__initials{color:var(--color-primary);font-weight:700}.info-row{align-items:flex-start;display:flex;font-size:var(--text-sm);gap:var(--space-sm)}.info-row__label{color:var(--color-text-muted);flex-shrink:0;min-width:80px}.info-row__value{color:var(--color-text-primary);font-weight:500;word-break:break-word}.divider{background:var(--color-border-light);height:1px;margin:var(--space-md) 0}.app-header__icon-btn{align-items:center;background:#ffffff1f;border:none;border-radius:var(--radius-sm);color:var(--color-text-inverse);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background-color var(--transition-fast);width:36px}.app-header__icon-btn:hover{background:#ffffff38}.app-header__user{flex:1;min-width:0;padding:0 var(--space-md)}.app-header__user-name-row{align-items:center;display:flex;gap:var(--space-xs)}.app-header__user-name{color:var(--color-text-inverse);font-size:var(--text-base);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header__online-dot{background:var(--color-success);border-radius:50%;flex-shrink:0;height:8px;width:8px}.app-header__user-company{color:#ffffffa6;font-size:var(--text-xs);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge--type-job{border:1.5px solid var(--color-text-secondary);color:var(--color-text-secondary)}.badge--type-job,.badge--type-quote{background:transparent;padding:2px 8px}.badge--type-quote{border:1.5px solid var(--color-accent);color:var(--color-accent)}.work-order-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 1px 1.5px #0000001a,0 1px 1px #0000000f;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;width:100%}.work-order-card__top{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.work-order-card__type-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;min-width:0}.work-order-card__type-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:11px;font-weight:500;height:20px;padding:0 8px;white-space:nowrap}.work-order-card__action-badge{background:var(--color-warning,#f59e0b);border-radius:50%;flex-shrink:0;height:8px;width:8px}.work-order-card__date{align-items:center;color:#6a7282;display:inline-flex;font-size:11px;gap:4px}.work-order-card__date-icon{color:#9ca3af;flex-shrink:0}.work-order-card__reference{color:var(--color-text-muted);font-size:11px;margin:0}.work-order-card__title{color:#101828;font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:0}.work-order-card__meta{align-items:center;display:flex;gap:8px;justify-content:space-between}.work-order-card__customer{color:#4a5565;font-size:13px;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-order-card__location{align-items:center;color:#6a7282;display:flex;flex-shrink:0;font-size:12px;gap:4px;white-space:nowrap}.work-order-card__location svg{color:#9ca3af;flex-shrink:0}.work-order-card__footer{align-items:center;display:flex;gap:8px;margin-top:4px}.work-order-card__open-btn{flex:1;font-size:14px;font-weight:500;min-height:40px}.work-order-card__action-btn{flex:1}.work-order-card__contacts{display:flex;flex-shrink:0;gap:8px}.work-order-card__contact-btn{align-items:center;background:#f3f4f6;border:none;border-radius:12px;color:#4a5565;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background .15s;width:40px}.work-order-card__contact-btn:active{background:#e5e7eb}.status-badge{align-items:center;border-radius:999px;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:500;height:28px;padding:0 10px;white-space:nowrap}.app-sidebar-overlay{background:#00000080;inset:0;position:fixed;z-index:99}.app-sidebar{background:var(--color-surface);bottom:0;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;left:0;position:fixed;top:0;width:280px;z-index:100}.app-sidebar__header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;flex-shrink:0;height:var(--header-height);justify-content:space-between;padding:0 var(--space-md)}.app-sidebar__icon-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color var(--transition-fast);width:36px}.app-sidebar__icon-btn:hover,.app-sidebar__user{background:var(--color-bg)}.app-sidebar__user{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;flex-shrink:0;gap:var(--space-md);padding:var(--space-lg)}.app-sidebar__user-info{flex:1;min-width:0}.app-sidebar__user-name{color:var(--color-text-primary);font-size:var(--text-base);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar__user-badge{align-items:center;color:var(--color-text-muted);display:inline-flex;font-size:var(--text-xs);font-weight:500;gap:4px;margin-top:3px}.app-sidebar__user-badge--verified{color:#10b981}.app-sidebar__body{flex:1;overflow-y:auto;padding:var(--space-sm) 0}.app-sidebar__section-label{color:var(--color-text-muted);font-size:10px;font-weight:700;letter-spacing:.08em;padding:var(--space-md) var(--space-lg) var(--space-xs);text-transform:uppercase}.app-sidebar__nav-item{align-items:center;cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg);text-decoration:none;transition:background-color var(--transition-fast)}.app-sidebar__nav-icon,.app-sidebar__nav-item:hover{background:var(--color-bg)}.app-sidebar__nav-icon{align-items:center;border-radius:var(--radius-sm);color:var(--color-text-secondary);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.app-sidebar__nav-text{flex:1;min-width:0}.app-sidebar__nav-label{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-xs)}.app-sidebar__nav-desc{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:1px}.app-sidebar__nav-dot{background:var(--color-danger);border-radius:50%;flex-shrink:0;height:8px;width:8px}.app-sidebar__nav-chevron{color:var(--color-text-muted);flex-shrink:0}.app-sidebar__footer{border-top:1px solid var(--color-border-light);flex-shrink:0;padding:var(--space-md) var(--space-lg)}.app-sidebar__logout{align-items:center;background:none;border:none;color:var(--color-danger);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;gap:var(--space-md);padding:var(--space-sm) 0;transition:opacity var(--transition-fast);width:100%}.app-sidebar__logout:hover{opacity:.75}.search-input{align-items:center;display:flex;position:relative}.search-input__icon{align-items:center;color:var(--color-text-muted);display:flex;left:var(--space-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input__field{padding-left:44px;padding-right:44px}.search-input__field::-webkit-search-cancel-button{display:none}.search-input__clear{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);transition:color var(--transition-fast),background-color var(--transition-fast);width:28px}.search-input__clear:hover{background:var(--color-bg);color:var(--color-text-primary)}.filter-chips{display:flex;gap:var(--space-sm);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.filter-chips::-webkit-scrollbar{display:none}.filter-chips__chip{background:transparent;border:1.5px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;height:36px;padding:0 var(--space-md);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.filter-chips__chip--active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse)}.pwa-banner{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:var(--space-lg);box-shadow:var(--shadow-lg);left:var(--space-md);margin-inline:auto;max-width:420px;padding:20px;position:fixed;right:var(--space-md);z-index:200}.pwa-banner__close{align-items:center;background:var(--color-neutral-bg);border:none;border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:background-color var(--transition-fast),color var(--transition-fast);width:32px}.pwa-banner__close:hover{background:var(--color-border);color:var(--color-text-primary)}.pwa-banner__title{color:var(--color-text-primary);font-size:18px;font-weight:600;line-height:1.5;margin:0 44px var(--space-sm) 0}.pwa-banner__body{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:0 0 20px}.pwa-banner__install{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-lg);color:var(--color-text-inverse);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:var(--space-sm);line-height:20px;padding:var(--space-sm) 20px;transition:background-color var(--transition-fast)}.pwa-banner__install:hover:not(:disabled){background:var(--color-primary-light)}.pwa-banner__install:active:not(:disabled){background:var(--color-primary)}.pwa-banner__install:disabled{cursor:not-allowed;opacity:.5}.pwa-banner__steps{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.pwa-banner__step{align-items:flex-start;color:var(--color-text-secondary);display:flex;font-size:14px;gap:10px;line-height:1.5}.pwa-banner__step-num{align-items:center;background:var(--color-accent-light);border-radius:var(--radius-full);color:var(--color-accent);display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:22px;justify-content:center;margin-top:1px;width:22px}.pwa-banner__share-icon{color:var(--color-info);display:inline-block;margin:0 2px;position:relative;top:-1px;vertical-align:middle}.app-header--home{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:none;height:88px}.app-header--home .app-header__icon-btn{background:var(--color-neutral-bg);border-radius:var(--radius-lg);color:var(--color-text-secondary);height:44px;width:44px}.app-header--home .app-header__icon-btn:hover{background:var(--color-border)}.app-header--home .app-header__user-name{color:var(--color-text-primary);font-size:var(--text-xl);letter-spacing:-.02em;line-height:1.5}.app-header--home .app-header__user-name-row{gap:var(--space-sm)}.app-header--home .app-header__user-company{color:var(--color-text-secondary)}.app-header__notif-btn{align-items:center;background:#fef3c6;border:none;border-radius:var(--radius-full);color:#92400e;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:opacity var(--transition-fast);width:28px}.app-header__notif-btn:hover{opacity:.8}.sidebar-fade-enter-active,.sidebar-fade-leave-active{transition:opacity var(--transition-base)}.sidebar-fade-enter-from,.sidebar-fade-leave-to{opacity:0}.sidebar-slide-enter-active,.sidebar-slide-leave-active{transition:transform var(--transition-base)}.sidebar-slide-enter-from,.sidebar-slide-leave-to{transform:translate(-100%)}.page-loader{height:3px;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.page-loader__bar{animation:page-loader-slide 1.2s ease-in-out infinite;background:var(--color-accent);border-radius:0 2px 2px 0;box-shadow:2px 0 10px #256d4380;height:100%;left:0;position:absolute;top:0;width:45%}.page-loader-fade-enter-active{transition:opacity .1s ease}.page-loader-fade-leave-active{transition:opacity .2s ease .1s}.page-loader-fade-enter-from,.page-loader-fade-leave-to{opacity:0}@keyframes page-loader-slide{0%{transform:translate(-120%)}to{transform:translate(280%)}}@keyframes spinner-rotate{to{transform:rotate(1turn)}}.auth-otp-verifying{align-items:center;display:flex;gap:6px;justify-content:center;margin-top:6px}.auth-otp-verifying__spinner{animation:spinner-rotate .7s linear infinite;border:2px solid hsla(0,0%,100%,.25);border-radius:50%;border-top-color:#ffffffd9;flex-shrink:0;height:14px;width:14px}.auth-otp-verifying__text{color:#ffffff94;font-size:11px;font-weight:400}.work-detail-modal{display:flex;flex-direction:column;inset:0;justify-content:flex-end;position:fixed;z-index:100}.work-detail-modal__backdrop{background:#00000080;cursor:pointer;inset:0;position:absolute}.work-detail-modal__sheet{background:var(--color-surface);border-radius:24px 24px 0 0;max-height:92vh;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--space-lg) var(--space-xl);position:relative}.work-detail-modal__handle{background:#d1d5dc;border-radius:2px;height:4px;margin:12px auto 4px;width:36px}.work-detail-modal__header{align-items:center;display:flex;justify-content:space-between;padding:var(--space-sm) 0 var(--space-md)}.work-detail-modal__title{color:var(--color-text-primary);font-size:18px;font-weight:700;margin:0}.work-detail-modal__close{align-items:center;background:var(--color-neutral-bg);border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background-color var(--transition-fast);width:36px}.work-detail-modal__close:hover{background:var(--color-border)}.work-detail-modal__body{display:flex;flex-direction:column;gap:var(--space-lg);padding-bottom:var(--space-md)}.modal-enter-active,.modal-leave-active{transition:opacity .22s ease}.modal-enter-active .work-detail-modal__sheet,.modal-leave-active .work-detail-modal__sheet{transition:transform .28s cubic-bezier(.32,.72,0,1)}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .work-detail-modal__sheet,.modal-leave-to .work-detail-modal__sheet{transform:translateY(100%)}.work-detail-file-zone{align-items:center;background:#f9fafb;border:1.5px dashed #d1d5dc;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:var(--space-xs);justify-content:center;min-height:120px;padding:var(--space-lg);text-align:center;transition:border-color var(--transition-fast),background-color var(--transition-fast);width:100%}.work-detail-file-zone:hover{background:#256d430a;border-color:var(--color-primary)}.work-detail-file-zone__icon{color:var(--color-text-muted)}.work-detail-file-zone__text{color:var(--color-text-secondary);font-size:14px;font-weight:500;margin:0}.work-detail-file-zone__hint{color:var(--color-text-muted);font-size:12px;margin:0}.work-detail-file-preview{background:#f9fafb;border-radius:12px;display:block;max-height:200px;-o-object-fit:contain;object-fit:contain;width:100%}.work-detail-file-error{color:var(--color-danger,#dc2626);font-size:13px;margin:0}.work-detail-modal-field{display:flex;flex-direction:column;gap:8px}.work-detail-modal-field__label{color:#6a7282;font-size:14px;font-weight:600;letter-spacing:.35px;line-height:20px;margin:0;text-transform:uppercase}.work-detail-modal-input-wrap{position:relative}.work-detail-modal-input-wrap__symbol{color:var(--color-text-muted);font-size:16px;left:16px;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.work-detail-modal-input-wrap .work-detail-modal-input{padding-left:36px}.work-detail-modal-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;color:var(--color-text-primary);font-family:var(--font-sans);font-size:16px;font-weight:400;height:48px;outline:none;padding:0 16px;transition:border-color var(--transition-fast);width:100%}.work-detail-modal-input:focus{border-color:var(--color-primary)}.work-detail-modal-input::-moz-placeholder{color:#1a1a1a66}.work-detail-modal-input::placeholder{color:#1a1a1a66}.work-detail-modal-input--date{color-scheme:light;cursor:pointer}.work-detail-modal-input--date::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%236a7282' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='18' height='18' x='3' y='4' rx='2' ry='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:18px 18px;cursor:pointer;height:18px;margin-right:2px;opacity:1;width:18px}.work-detail-footer--split,.work-detail-modal-actions{display:flex;gap:var(--space-sm)}.work-detail-footer--split .btn,.work-detail-modal-actions .btn{flex:1}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.visible{visibility:visible}.fixed{position:fixed}.mb-2{margin-bottom:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-5{height:1.25rem}.h-8{height:2rem}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-1\/4{width:25%}.w-12{width:3rem}.w-16{width:4rem}.w-2\/3{width:66.666667%}.w-2\/5{width:40%}.w-3\/4{width:75%}.w-3\/5{width:60%}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.tracking-wide{letter-spacing:.025em}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:rgb(22 58 36/var(--tw-text-opacity,1))}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}