:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--anim-glow-duration: 3s;--anim-glow-easing: ease-in-out;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 9999;--timeline-row-height: 48px;--timeline-hour-width: 60px}[data-theme=field],[data-theme=professional]{--color-bg: #ffffff;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f0f0f0;--color-text: #000000;--color-text-secondary: #333333;--color-text-muted: #666666;--color-border: #cccccc;--color-border-focus: #0052cc;--color-primary: #0052cc;--color-primary-hover: #003d99;--color-primary-text: #ffffff;--color-success: #0d7a2e;--color-warning: #a36800;--color-danger: #c41a1a;--color-controller-1: #0052cc;--color-controller-2: #7928a0;--color-controller-3: #007a7a;--color-controller-4: #0d7a2e;--color-controller-5: #c45500;--color-overlap-low: rgba(200, 150, 0, .35);--color-overlap-medium: rgba(210, 90, 0, .45);--color-overlap-high: rgba(196, 26, 26, .55);--glass-bg: rgba(255, 255, 255, .97);--glass-border: rgba(0, 0, 0, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08), inset 0 0 0 .5px rgba(255, 255, 255, .5);--glass-overlay-bg: rgba(0, 0, 0, .35)}[data-theme=cyberpunk]{--color-bg: #0a0a0f;--color-bg-secondary: #12121a;--color-bg-tertiary: #1a1a25;--color-text: #e0e0ff;--color-text-secondary: #a0a0c0;--color-text-muted: #8888aa;--color-border: #2a2a3a;--color-border-focus: #00ffff;--color-primary: #00ffff;--color-primary-hover: #00cccc;--color-primary-text: #0a0a0f;--color-success: #00ff88;--color-warning: #ffaa00;--color-danger: #ff3366;--color-controller-1: #00ffff;--color-controller-2: #ff00ff;--color-controller-3: #00ff88;--color-controller-4: #ffff00;--color-controller-5: #ff8800;--color-overlap-low: rgba(255, 170, 0, .3);--color-overlap-medium: rgba(255, 136, 0, .4);--color-overlap-high: rgba(255, 51, 102, .5);--glass-bg: rgba(18, 18, 26, .95);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .35), inset 0 0 0 .5px rgba(255, 255, 255, .06);--glass-overlay-bg: rgba(0, 0, 0, .55)}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter/inter-variable.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono/jetbrains-mono-variable.woff2) format("woff2")}@font-face{font-family:Orbitron;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/orbitron/orbitron-v35-latin-700.woff2) format("woff2")}@font-face{font-family:Orbitron;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/orbitron/orbitron-v35-latin-800.woff2) format("woff2")}@font-face{font-family:Orbitron;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/orbitron/orbitron-v35-latin-900.woff2) format("woff2")}.flowsync-brand{font-family:Orbitron,Inter,system-ui,sans-serif;font-weight:800;font-size:1.05em;letter-spacing:.02em;text-transform:uppercase}@media(min-width:768px){.flowsync-brand{font-size:1.3em;letter-spacing:.04em}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}@media(min-width:768px){html{font-size:18px}}body{font-family:var(--font-sans);font-size:1rem;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);min-height:100vh;min-height:100dvh;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom,0px)}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--color-text)}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{margin-bottom:var(--space-md)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}code,pre,.mono{font-family:var(--font-mono)}ul,ol{list-style:none}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font:inherit;color:inherit}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-layout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;max-width:100vw;overflow-x:hidden}.app-layout>.main-content{flex:1;padding-bottom:env(safe-area-inset-bottom,0px)}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);max-width:100vw;overflow:visible;position:relative;z-index:100}@media(min-width:768px){.header{padding:var(--space-md) var(--space-lg)}}.header__left{display:flex;align-items:center;gap:var(--space-xs);min-width:0;flex-shrink:1}@media(min-width:480px){.header__left{gap:var(--space-sm)}}.header__logo{display:flex;align-items:center;gap:var(--space-xs);font-weight:700;font-size:1rem;background:none;border:none;color:inherit;cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);transition:background var(--transition-fast)}.header__logo:hover{background:var(--color-bg-tertiary)}.header__logo span{display:inline;font-size:.85rem}@media(min-width:400px){.header__logo span{font-size:1rem}}@media(min-width:768px){.header__logo{gap:var(--space-sm);font-size:1.25rem}}.header__logo svg{width:28px;height:28px;color:var(--color-primary)}.header__actions{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:1;min-width:0}@media(min-width:480px){.header__actions{gap:var(--space-sm)}}@media(min-width:768px){.header__actions{gap:var(--space-md)}}.user-badge{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-full)}.user-badge__initials{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-primary-text);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem}.user-badge__name{font-size:.875rem;font-weight:500;padding-right:var(--space-sm)}.mobile-only{display:none}@media(max-width:768px){.mobile-only{display:flex}.desktop-only{display:none}}.property-bar{display:flex;flex-direction:column;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);max-width:100vw}@media(min-width:768px){.property-bar{padding:var(--space-xs) var(--space-lg)}}.property-bar__row{display:flex;align-items:center;gap:var(--space-sm);overflow-x:auto}.property-bar .form-input{min-height:36px;padding:var(--space-xs) var(--space-sm);font-size:.875rem}.property-bar__select{flex:1;max-width:300px;min-width:120px}.property-bar__search{width:150px;display:none}.property-bar .btn--icon.btn--small{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center}.property-bar .btn--icon.btn--small svg{width:24px;height:24px}.property-bar__spacer{flex:1}@media(max-width:480px){.property-bar__search{width:100px}.property-bar__select{max-width:200px}}.home-screen{max-width:600px;margin:0 auto;padding:var(--space-lg) var(--space-md)}.home-screen__actions{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center;margin-top:var(--space-lg)}.home-screen__section-title{display:flex;align-items:center;gap:var(--space-xs);font-size:.95rem;font-weight:600;margin-bottom:var(--space-sm);color:var(--color-text-muted)}.home-screen__property-list{display:flex;flex-direction:column;gap:var(--space-xs)}.home-screen__property-card{display:flex;align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);width:100%}.home-screen__property-card:hover{border-color:var(--color-primary);background:var(--color-bg-tertiary)}.home-screen__property-select{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;padding:var(--space-sm) var(--space-md);cursor:pointer;text-align:left;background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;min-width:0}.home-screen__nav-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-left:1px solid var(--color-border);color:var(--color-primary);transition:background var(--transition-fast);border-radius:0 var(--radius-md) var(--radius-md) 0}.home-screen__nav-btn:hover{background:var(--color-bg-tertiary)}.home-screen__property-name{font-weight:600;font-size:.95rem}.home-screen__property-address{font-size:.8rem;color:var(--color-text-muted)}.home-tab{max-width:600px;margin:0 auto;padding:var(--space-lg) var(--space-md)}.home-tab__cards{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.home-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.home-card--clickable{cursor:pointer;transition:all var(--transition-fast)}.home-card--clickable:hover{border-color:var(--color-primary);background:var(--color-bg-tertiary)}.home-card__header{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-weight:600;font-size:.9rem;border-bottom:1px solid var(--color-border)}.home-card__header svg:last-child{margin-left:auto;color:var(--color-text-muted)}.home-card__body{padding:var(--space-sm) var(--space-md)}.home-card__stats{display:flex;gap:var(--space-lg)}.home-stat{display:flex;flex-direction:column;align-items:center}.home-stat__value{font-size:1.5rem;font-weight:700;color:var(--color-primary);line-height:1}.home-stat__label{font-size:.75rem;color:var(--color-text-muted);margin-top:2px}.home-card__empty{font-size:.85rem;color:var(--color-text-muted);margin:0}.standalone-tab{padding:0 var(--space-md)}.standalone-tab__back{display:inline-flex;align-items:center;gap:4px;margin-bottom:var(--space-sm)}.shift-clock{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl) var(--space-lg);margin-bottom:var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.shift-clock--active{border-color:var(--color-success)}.shift-clock__greeting{font-size:1.1rem;font-weight:500;margin-bottom:var(--space-md);color:var(--color-text-muted)}.shift-clock__btn{font-size:1.25rem;padding:var(--space-md) var(--space-xl);min-height:56px}.shift-clock__timer{font-size:2.5rem;font-weight:700;font-family:var(--font-mono);letter-spacing:.05em;margin-bottom:var(--space-sm)}.shift-clock__details{display:flex;gap:var(--space-lg);font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--space-md)}.shift-clock__actions{display:flex;gap:var(--space-md)}.shift-clock__current-time{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted);margin-bottom:var(--space-sm);letter-spacing:.02em}.shift-clock__totals{display:flex;gap:var(--space-xl);margin-bottom:var(--space-md)}.shift-clock__total-item{display:flex;flex-direction:column;align-items:center;gap:2px}.shift-clock__total-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.shift-clock__total-value{font-family:var(--font-mono);font-size:1.1rem;font-weight:600}.shift-clock__total-value--work{color:var(--color-success)}.shift-clock__total-value--break{color:var(--color-warning, #f59e0b)}.activity-log{width:100%;margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border);text-align:left}.activity-log__title{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem;font-weight:600;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.activity-log__item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;font-size:.85rem;border-bottom:1px solid var(--color-border)}.activity-log__item:last-child{border-bottom:none}.activity-log__icon{display:flex;align-items:center;color:var(--color-text-muted);flex-shrink:0}.activity-log__time{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted);min-width:72px;flex-shrink:0}.activity-log__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-log__duration{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted);flex-shrink:0}.timesheet-modal{max-width:500px;width:100%}.timesheet__summary{display:flex;gap:var(--space-xl);justify-content:center;padding:var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.timesheet__summary-item{display:flex;flex-direction:column;align-items:center;gap:2px}.timesheet__summary-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.timesheet__summary-value{font-family:var(--font-mono);font-size:1.25rem;font-weight:700}.timesheet__summary-value--work{color:var(--color-success)}.timesheet__summary-value--break{color:var(--color-warning, #f59e0b)}.timesheet__date{text-align:center;font-size:.9rem;font-weight:600;color:var(--color-text-muted);margin-bottom:var(--space-md)}.timesheet__day-entries{padding:var(--space-xs) 0}.timesheet__entry{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;font-size:.85rem;border-bottom:1px solid var(--color-border)}.timesheet__entry:last-child{border-bottom:none}.timesheet__entry-type{min-width:80px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timesheet__type--break{color:var(--color-warning, #f59e0b)}.timesheet__entry-range{flex:1;font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted)}.timesheet__entry-dur{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted);min-width:48px;text-align:right}.timesheet__export{display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.property-info-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0}.property-info-row svg{flex-shrink:0;color:var(--color-text-muted)}.property-info-address{flex:1;font-size:.95rem}.property-info-notes{padding:var(--space-sm) 0;border-top:1px solid var(--color-border);margin-top:var(--space-sm)}.property-info-notes strong{font-size:.85rem;color:var(--color-text-muted);display:block;margin-bottom:var(--space-xs)}.property-info-notes p{font-size:.9rem;white-space:pre-wrap}.main-content{position:relative;overflow-y:auto;overflow-x:hidden;padding:var(--space-sm);max-width:100%}@media(min-width:480px){.main-content{padding:var(--space-md)}}@media(min-width:768px){.main-content{padding:var(--space-lg)}}.content-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg);opacity:.85;z-index:5;pointer-events:none}.content-loader__spinner{color:var(--color-primary);animation:spin 1s linear infinite}.content-loader__spinner svg{width:48px;height:48px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-weight:500;font-size:.9rem;border-radius:var(--radius-md);transition:all var(--transition-fast);min-height:40px}@media(min-width:480px){.btn{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:.9rem;min-height:40px}}.btn--primary{background:var(--color-primary);color:var(--color-primary-text)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--secondary{background:var(--color-bg-tertiary);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover{background:var(--color-border)}.btn--success{background:var(--color-success);color:#fff}.btn--success:hover{background:var(--color-success);opacity:.9}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover{background:var(--color-danger);opacity:.9}.btn--warning{background:#f59e0b;color:#fff}.btn--warning:hover{background:#f59e0b;opacity:.9}[data-theme=cyberpunk] .btn--success,[data-theme=cyberpunk] .btn--warning{color:#0a0a0f}.clock-btn{display:flex;align-items:center;gap:var(--space-xs);font-weight:600;white-space:nowrap}.clock-btn .clock-time{font-variant-numeric:tabular-nums}.clock-status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:.65rem;font-weight:700;letter-spacing:.04em;border:none;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast)}.clock-status-badge--active{background:#10b98126;color:#10b981}.clock-status-badge--active:hover{background:#10b98140}.clock-status-badge--inactive{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.clock-status-badge--inactive:hover{background:var(--color-border)}@media(max-width:360px){.clock-status-badge{font-size:.6rem;padding:2px 5px}}.wo-section-header{padding:var(--space-sm) var(--space-md);font-size:.75rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.wo-section-header:first-child{border-top:none}.wo-self-badge{display:inline-flex;align-items:center;font-size:.65rem;padding:2px 6px;border-radius:4px;background:#fef3c7;color:#92400e;font-weight:600;white-space:nowrap}[data-theme=cyberpunk] .wo-self-badge{background:#78350f;color:#fef3c7}.btn--icon{padding:var(--space-sm)}.btn svg{width:18px;height:18px}.header .btn--icon{min-width:36px;min-height:36px;padding:var(--space-xs)}.header .btn--icon svg{width:18px;height:18px}@media(min-width:480px){.header .btn--icon{min-width:40px;min-height:40px;padding:var(--space-sm)}}@media(max-width:768px){.main-content .btn{min-height:40px;padding:var(--space-sm) var(--space-md)}.main-content .btn--icon{min-width:40px;min-height:40px;padding:var(--space-sm)}}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md)}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.card__title{font-weight:600;font-size:1.15rem}.tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-md);max-width:100%}.tab{padding:var(--space-xs) var(--space-sm);font-weight:500;font-size:.8rem;color:var(--color-text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition-fast);white-space:nowrap;flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;overflow:hidden}.tab svg{width:16px;height:16px;flex-shrink:0}@media(max-width:480px){.tab__mobile{display:block;font-size:.65rem;line-height:1}.tab__desktop{display:none}}@media(min-width:480px){.tab__mobile{display:none}.tab__desktop{display:inline;font-size:.8rem}}@media(min-width:640px){.tab{padding:var(--space-sm) var(--space-md);font-size:.85rem;flex-direction:row;gap:var(--space-xs)}.tab__desktop{display:inline;font-size:.85rem}}.tab:hover{color:var(--color-text)}.tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--space-xs);color:var(--color-text-secondary)}.form-input,.input{width:100%;padding:var(--space-md);font-size:1rem;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);min-height:40px}.form-input:focus,.input:focus{border-color:var(--color-border-focus);outline:none}.form-input::placeholder,.input::placeholder{color:var(--color-text-muted)}.input--sm{padding:var(--space-xs) var(--space-sm);font-size:.85rem;min-height:32px}.price-input-wrap{position:relative;display:flex;align-items:center}.price-prefix{position:absolute;left:8px;font-size:.8rem;color:var(--color-text-muted);pointer-events:none;z-index:1}.price-input-wrap .form-input{padding-left:20px}input[type=number].form-input::-webkit-outer-spin-button,input[type=number].form-input::-webkit-inner-spin-button{-webkit-appearance:none!important;appearance:none!important;margin:0;display:none}input[type=number].form-input{-moz-appearance:textbox;appearance:textfield}input[type=date].form-input,input[type=date].input{padding-right:var(--space-2xl)}[data-theme=cyberpunk] input[type=date].form-input,[data-theme=cyberpunk] input[type=date].input{color-scheme:dark}[data-theme=cyberpunk] input[type=date].form-input::-webkit-calendar-picker-indicator,[data-theme=cyberpunk] input[type=date].input::-webkit-calendar-picker-indicator{filter:invert(.8) sepia(1) saturate(5) hue-rotate(140deg);cursor:pointer}select.form-input,select.input{color:var(--color-text);cursor:pointer}select.form-input option,select.input option{background:var(--color-bg);color:var(--color-text)}[data-theme=cyberpunk] select.form-input option,[data-theme=cyberpunk] select.input option{background:#1a1a2e;color:#e0e0ff}[data-theme=cyberpunk] .input,[data-theme=cyberpunk] .form-input,[data-theme=cyberpunk] textarea.input,[data-theme=cyberpunk] textarea.form-input{background:var(--color-bg-tertiary);color:var(--color-text);border-color:var(--color-border)}[data-theme=cyberpunk] .input:focus,[data-theme=cyberpunk] .form-input:focus{border-color:var(--color-border-focus)}.toast-container{position:fixed;top:calc(var(--header-height, 56px) + var(--space-sm));left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none;width:max-content;max-width:90vw}.toast{padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:toast-in .2s ease;pointer-events:auto;font-size:.85rem}.toast--success{border-left:4px solid var(--color-success)}.toast--error{border-left:4px solid var(--color-danger)}.toast--warning{border-left:4px solid var(--color-warning, #f59e0b)}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.schedule-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.day-selector{display:flex;gap:2px;background:var(--color-bg-secondary);padding:2px;border-radius:var(--radius-md);border:1px solid var(--color-border);overflow-x:auto;-webkit-overflow-scrolling:touch}.day-btn{padding:var(--space-sm) var(--space-sm);border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;color:var(--color-text-secondary);transition:all var(--transition-fast);flex-shrink:0;min-width:40px;text-align:center}@media(min-width:480px){.day-selector{gap:var(--space-xs);padding:var(--space-xs)}.day-btn{padding:var(--space-sm) var(--space-md);font-size:.875rem;min-width:auto}}.day-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.day-btn--active{background:var(--color-primary);color:var(--color-primary-text)}.day-btn--active:hover{background:var(--color-primary-hover);color:var(--color-primary-text)}.overlap-warnings{background:var(--color-bg-secondary);border:1px solid var(--color-warning);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);overflow:hidden}.overlap-warnings__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:#f59e0b1a;font-weight:600;color:var(--color-warning)}.overlap-warnings__toggle{width:100%;border:none;cursor:pointer;font-size:inherit;font-family:inherit}.overlap-warnings__chevron{display:flex;transition:transform .2s}.overlap-warnings__chevron--open{transform:rotate(180deg)}.overlap-warnings__header svg{width:20px;height:20px}.overlap-warnings__list{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);transition:max-height .25s ease,padding .25s ease,opacity .2s ease;max-height:1000px;opacity:1;overflow:hidden}.overlap-warnings__list--collapsed{max-height:0;padding-top:0;padding-bottom:0;opacity:0}.overlap-warning{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-bg-tertiary)}.overlap-warning--low{border-left:4px solid var(--color-success)}.overlap-warning--medium{border-left:4px solid var(--color-warning)}.overlap-warning--high{border-left:4px solid var(--color-danger)}.overlap-warning__gpm{font-size:1.25rem;font-weight:700;font-family:var(--font-mono);min-width:80px}.overlap-warning--low .overlap-warning__gpm{color:var(--color-success)}.overlap-warning--medium .overlap-warning__gpm{color:var(--color-warning)}.overlap-warning--high .overlap-warning__gpm{color:var(--color-danger)}.overlap-warning__details{flex:1}.overlap-warning__zones{font-weight:500;margin-bottom:2px}.overlap-warning__time{font-size:.75rem;color:var(--color-text-muted)}.timeline-container{overflow-x:auto;margin-bottom:var(--space-lg)}.timeline{min-width:600px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.timeline__header{display:flex;border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-bg-secondary);z-index:10}.timeline__label-col{width:200px;flex-shrink:0;padding:var(--space-sm) var(--space-md);border-right:1px solid var(--color-border);font-weight:500;font-size:.875rem}.timeline__hours{display:flex;flex:1}.timeline__hour{flex:1;min-width:60px;padding:var(--space-sm);text-align:center;font-size:.75rem;font-family:var(--font-mono);color:var(--color-text-muted);border-right:1px solid var(--color-border)}.timeline__hour:last-child{border-right:none}.timeline__body{max-height:400px;overflow-y:auto}.timeline__row{display:flex;min-height:44px;border-bottom:1px solid var(--color-border)}.timeline__row:last-child{border-bottom:none}.timeline__zone-label{width:200px;flex-shrink:0;padding:var(--space-sm) var(--space-md);border-right:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-sm);font-size:.8125rem}.timeline__zone-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.timeline__zone-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline__zone-gpm{font-size:.6875rem;font-family:var(--font-mono);color:var(--color-text-muted);flex-shrink:0}.timeline__track{flex:1;position:relative;background:repeating-linear-gradient(90deg,transparent,transparent calc(100% / var(--timeline-hours, 4) - 1px),var(--color-border) calc(100% / var(--timeline-hours, 4) - 1px),var(--color-border) calc(100% / var(--timeline-hours, 4)))}.timeline__block{position:absolute;top:6px;bottom:6px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;color:#fff;overflow:hidden;white-space:nowrap;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);min-width:24px}.timeline__block:hover{transform:scaleY(1.1);box-shadow:0 2px 8px #0003;z-index:5}.timeline__block--overlap{animation:pulse-warning 2s infinite}@keyframes pulse-warning{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 4px #ef444433}}.timeline__block-label{padding:0 4px}.controller-legend{display:flex;flex-direction:column;gap:var(--space-sm)}.controller-legend__item{display:flex;align-items:center;gap:var(--space-sm)}.controller-legend__dot{width:12px;height:12px;border-radius:var(--radius-sm);flex-shrink:0}.controller-legend__name{font-weight:500;font-size:.875rem}.controller-legend__location{font-size:.75rem;color:var(--color-text-muted);margin-left:auto}.login-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:var(--color-bg)}.login-card{width:100%;max-width:400px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--glass-shadow)}.login-header{text-align:center;margin-bottom:var(--space-xl)}.login-header svg{color:var(--color-primary);margin-bottom:var(--space-md)}.login-header h1{margin-bottom:var(--space-xs)}.login-header p{color:var(--color-text-secondary);margin-bottom:0}.login-header .under-construction{background:linear-gradient(90deg,#f59e0b,#ef4444,#f59e0b);background-size:200% 100%;animation:construction-pulse 2s ease-in-out infinite;color:#fff;font-weight:700;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-sm);display:inline-block}@keyframes construction-pulse{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-hint{font-size:.75rem;color:var(--color-text-muted);margin-top:var(--space-xs)}.form-error{color:var(--color-danger);font-size:.875rem;padding:var(--space-sm);background:#dc26261a;border-radius:var(--radius-sm)}.pin-input{font-family:var(--font-mono);font-size:1.5rem;text-align:center;letter-spacing:.5em}.btn--full{width:100%}.btn-row{display:flex;gap:var(--space-sm)}.btn-row .btn{flex:1}.user-list{display:flex;flex-direction:column;gap:var(--space-sm)}.user-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);text-align:left;transition:all var(--transition-fast)}.user-item:hover{background:var(--color-border)}.user-item--selected{border-color:var(--color-primary);background:var(--color-bg-tertiary)}.user-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-primary-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.user-info{flex:1;display:flex;flex-direction:column}.user-name{font-weight:500}.user-role{font-size:.75rem;color:var(--color-text-muted)}.user-item svg{color:var(--color-text-muted);flex-shrink:0}.modal-overlay{position:fixed;inset:0;background:var(--glass-overlay-bg);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:var(--z-modal)}.modal{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--glass-shadow)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);flex-shrink:0}.modal__header h2{margin:0;font-size:1.125rem}.modal__body{padding:var(--space-lg);overflow-y:auto;flex:1;min-height:0}.confirm-dialog{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);max-width:380px;text-align:center;padding:var(--space-xl) var(--space-lg) var(--space-lg)}.confirm-dialog__icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);margin-bottom:var(--space-md)}.confirm-dialog__icon--danger{background:color-mix(in srgb,var(--color-danger) 15%,transparent);color:var(--color-danger)}.confirm-dialog__icon--info{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary)}.confirm-dialog__title{margin:0 0 var(--space-sm);font-size:1.125rem;color:var(--color-text)}.confirm-dialog__message{margin:0 0 var(--space-lg);color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;white-space:pre-line}.confirm-dialog__actions{display:flex;gap:var(--space-sm);justify-content:center}.confirm-dialog__actions .btn{flex:1;min-width:100px}.user-management__search{margin-bottom:var(--space-sm)}.user-management__list{display:flex;flex-direction:column;gap:var(--space-sm);max-height:60vh;overflow-y:auto}.user-management__item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.user-management__item--inactive{opacity:.5}.user-management__info{flex:1;display:flex;flex-direction:column}.user-management__name{font-weight:500;display:flex;align-items:center;gap:var(--space-sm)}.user-management__role{font-size:.75rem;color:var(--color-text-muted)}.user-management__actions{display:flex;gap:var(--space-xs)}.user-management__form{display:flex;flex-direction:column;gap:var(--space-md)}.role-select{display:flex;flex-direction:column;gap:var(--space-sm)}.role-option{display:flex;flex-direction:column;padding:var(--space-md);background:var(--color-bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.role-option:hover{background:var(--color-border)}.role-option--selected{border-color:var(--color-primary)}.role-option input{display:none}.role-option__name{font-weight:600}.role-option__desc{font-size:.75rem;color:var(--color-text-muted)}.role-permissions{display:flex;flex-wrap:wrap;gap:6px}.role-perm{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:500;background:var(--color-bg-secondary);color:var(--color-text-muted);opacity:.5;border:1px solid var(--color-border);text-decoration:line-through}.role-perm svg{flex-shrink:0}.role-perm--active{background:color-mix(in srgb,var(--color-success, #22c55e) 12%,transparent);color:var(--color-success, #22c55e);border-color:color-mix(in srgb,var(--color-success, #22c55e) 30%,transparent);opacity:1;text-decoration:none}.badge{display:inline-flex;padding:.125rem .5rem;background:var(--color-primary);color:var(--color-primary-text);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.badge--muted{background:var(--color-text-muted)}.btn--small{padding:var(--space-xs) var(--space-sm);font-size:.8rem;min-height:36px}.btn--small svg{width:16px;height:16px}@media(min-width:480px){.btn--small{padding:var(--space-xs) var(--space-sm);font-size:.8rem;min-height:32px}.btn--small svg{width:16px;height:16px}}.form-row{display:flex;gap:var(--space-md)}.form-row .form-group{flex:1}.form-section{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.form-section:last-of-type{border-bottom:none;margin-bottom:var(--space-md)}.form-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.form-section__title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin:0 0 var(--space-md) 0}.form-section__header .form-section__title{margin-bottom:0}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:.875rem}.checkbox-label input{width:18px;height:18px;accent-color:var(--color-primary)}.leak-toggle{padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all .15s}.leak-toggle:has(input:checked){background:#3b82f626;border-color:var(--color-primary)}.leak-toggle__icon{display:flex;color:var(--color-text-muted)}.leak-toggle:has(input:checked) .leak-toggle__icon{color:var(--color-primary)}.modal--wide{max-width:800px;height:80vh}.heads-list{display:flex;flex-direction:column;gap:var(--space-sm)}.head-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.head-item__info{display:flex;flex-direction:column}.head-item__info strong{font-size:.875rem}.head-item__info span{font-size:.75rem;color:var(--color-text-muted)}.empty-hint{font-size:.875rem;color:var(--color-text-muted);font-style:italic;padding:var(--space-md);text-align:center}.head-dialog{position:fixed;inset:0;background:var(--glass-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-modal) + 10);padding:var(--space-lg)}.head-dialog__content{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);width:100%;max-width:400px;box-shadow:var(--glass-shadow)}.head-dialog__content h4{margin:0 0 var(--space-md) 0}.controller-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);overflow:hidden}.controller-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.controller-card__title{font-weight:600}.controller-card__subtitle{font-size:.75rem;color:var(--color-text-muted)}.controller-card__body{padding:var(--space-md)}.program-section{margin-bottom:var(--space-md);padding:var(--space-md);background:var(--color-bg);border-radius:var(--radius-md)}.program-section__header{display:flex;align-items:center;justify-content:space-between}.program-section__toggle{display:flex;align-items:center;gap:var(--space-xs);background:none;border:none;color:inherit;cursor:pointer;padding:var(--space-xs) 0;font:inherit;flex:1;min-width:0}.program-section__toggle:hover{color:var(--color-primary)}.program-section__toggle svg{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--transition-fast)}.program-section__title{font-weight:500;font-size:.875rem}.program-section__zone-count{font-size:.75rem;color:var(--color-text-muted);font-weight:400}.program-section__time{font-size:.75rem;font-family:var(--font-mono);color:var(--color-text-muted);margin-left:auto;padding-left:var(--space-sm)}.zone-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.zone-item:last-child{border-bottom:none}.zone-item__number{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-primary-text);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.zone-item--empty{border:1px dashed var(--color-border);background:var(--color-bg-tertiary);opacity:.6;min-height:40px}.zone-item__number--empty{background:var(--color-border);color:var(--color-text-muted)}.zone-item__name--empty{font-style:italic;color:var(--color-text-muted)}.zone-item__info{flex:1}.zone-item__name{font-weight:500}.zone-item__details{font-size:.75rem;color:var(--color-text-muted)}.zone-item--flagged{border-left:3px solid var(--color-warning, #f59e0b);padding-left:var(--space-sm);background:color-mix(in srgb,var(--color-warning, #f59e0b) 6%,transparent);border-radius:var(--radius-sm)}.zone-item__flags{display:flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;color:var(--color-warning, #f59e0b);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zone-item__flags svg{flex-shrink:0}.zone-item__actions{display:flex;gap:var(--space-xs);flex-shrink:0}@media(max-width:480px){.zone-item__actions{gap:6px}.zone-item__actions .btn--small{min-width:36px;min-height:36px;padding:6px}.zone-item__actions .btn--small svg{width:16px;height:16px}.zone-item{gap:var(--space-xs)}.zone-item__number{width:26px;height:26px;font-size:.75rem}.zone-item__name{font-size:.85rem}.zone-item__details{font-size:.65rem}}.zone-start-time{display:inline-block;background:#3b82f61a;color:var(--color-primary, #3b82f6);font-weight:600;font-size:.7rem;padding:1px 5px;border-radius:3px;margin-right:4px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;color:var(--color-text-muted)}.empty-state svg{width:64px;height:64px;margin-bottom:var(--space-md);opacity:.5}.empty-state__title{font-size:1.125rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.notification-btn{position:relative}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:var(--color-danger);color:#fff;font-size:.625rem;font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.offline-banner{background:#b45309;color:#fff;text-align:center;padding:6px 16px;font-size:.85rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px}.offline-banner[hidden]{display:none}button.sync-indicator{background:none;border:none;font-family:inherit}.sync-indicator{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;vertical-align:middle}.sync-indicator--pending{color:var(--color-warning, #f59e0b)}.sync-indicator--processing{color:var(--color-primary)}.sync-indicator--processing svg{animation:spin 1s linear infinite}.sync-indicator--failed{color:var(--color-danger);cursor:pointer;transition:opacity .2s;-webkit-tap-highlight-color:rgba(0,0,0,.1);min-width:40px;min-height:40px;justify-content:center}.sync-indicator--failed:hover,.sync-indicator--failed:active{opacity:.8}.sync-indicator--pending,.sync-indicator--processing{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.1);min-width:40px;min-height:40px;justify-content:center}.sync-indicator--pending:hover,.sync-indicator--pending:active,.sync-indicator--processing:hover,.sync-indicator--processing:active{opacity:.8}.sync-count{font-variant-numeric:tabular-nums}.sync-modal{max-width:300px;text-align:center;padding:var(--space-xl) var(--space-lg)}.sync-modal__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.sync-modal__spinner{color:var(--color-primary);animation:spin 1s linear infinite}.sync-modal__check{color:var(--color-success);animation:sync-check-in .4s ease}.sync-modal__check .alert-triangle,.sync-modal__content:has(.alert-triangle) .sync-modal__check{color:var(--color-warning)}.sync-modal__title{margin:0;font-size:1.125rem;color:var(--color-text)}.sync-modal__detail{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.sync-modal__close-btn{margin-top:var(--space-sm);min-width:120px}@keyframes sync-check-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.header__hamburger{display:none}.header__desktop-actions{display:flex;align-items:center;gap:inherit}@media(max-width:1023px){.header__desktop-actions{display:none}.header__hamburger{display:flex}}.hamburger-backdrop{position:fixed;inset:0;background:var(--glass-overlay-bg);z-index:999;opacity:0;pointer-events:none;transition:opacity .2s ease}.hamburger-backdrop--visible{opacity:1;pointer-events:auto}.hamburger-menu{position:fixed;top:0;right:0;width:260px;max-width:80vw;height:100dvh;background:var(--glass-bg);border-left:1px solid var(--glass-border);z-index:1000;display:flex;flex-direction:column;padding:0;transform:translate(100%);transition:transform .2s ease;overflow-y:auto;pointer-events:none}.hamburger-menu--open{transform:translate(0);pointer-events:auto}.hamburger-menu__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--color-border);color:var(--color-text)}.hamburger-menu__header .btn--icon{color:var(--color-text)}.hamburger-menu__item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:color-mix(in srgb,var(--color-surface) 50%,transparent);border:none;border-radius:var(--radius-md);margin:2px var(--space-sm);color:var(--color-text);font-size:.95rem;font-weight:500;cursor:pointer;text-align:left;width:calc(100% - var(--space-sm) * 2);transition:background .15s}.hamburger-menu__item:hover,.hamburger-menu__item:active{background:color-mix(in srgb,var(--color-primary) 30%,transparent)}.hamburger-menu__item svg{width:20px;height:20px;flex-shrink:0;color:var(--color-text)}.hamburger-menu__item--danger{color:var(--color-danger, #dc3545)}.hamburger-menu__item--danger svg{color:var(--color-danger, #dc3545)}.hamburger-menu__divider{height:1px;background:var(--color-border);margin:var(--space-xs) 0}body.menu-open{overflow:hidden}.desktop-overflow{position:relative;z-index:950}.desktop-overflow__menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);padding:var(--space-xs) 0;z-index:950}.desktop-overflow__item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:8px 14px;background:none;border:none;color:var(--color-text);font-size:.8125rem;font-weight:500;cursor:pointer;text-align:left;transition:background .15s}.desktop-overflow__item:hover{background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.desktop-overflow__item svg{width:16px;height:16px;flex-shrink:0;opacity:.8}.desktop-overflow__item--danger{color:var(--color-danger, #dc3545)}.desktop-overflow__item--danger svg{color:var(--color-danger, #dc3545)}.desktop-overflow__divider{height:1px;background:var(--color-border);margin:var(--space-xs) 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notification-section{margin-bottom:var(--space-lg)}.notification-section__title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs)}.notification-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-bg-secondary);margin-bottom:var(--space-xs);border-left:3px solid var(--color-primary)}.notification-item--acked{opacity:.6;border-left-color:var(--color-bg-tertiary)}.notification-item--flagged{border-left-color:var(--color-warning)}.notification-item__icon{flex-shrink:0;margin-top:2px;opacity:.7}.notification-item__content{flex:1;min-width:0}.notification-item__desc{font-size:.85rem;font-weight:500}.notification-item__meta{font-size:.7rem;opacity:.6;margin-top:2px}.notification-item__flag-note{font-size:.75rem;color:var(--color-warning);margin-top:var(--space-xs);font-style:italic}.notification-item__actions{display:flex;gap:var(--space-xs);flex-shrink:0}.flag-btn--active{color:var(--color-warning)}.change-summary__instructions{padding:var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.change-summary__instructions p{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.change-summary__preview{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-lg);overflow:hidden}.change-summary__preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.change-summary__text{margin:0;padding:var(--space-md);font-family:var(--font-mono);font-size:.8125rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;max-height:200px;overflow-y:auto}.change-summary__list{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.change-summary__list-header{padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.change-group{border-bottom:1px solid var(--color-border)}.change-group:last-child{border-bottom:none}.change-group__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);font-weight:500;font-size:.875rem}.change-group__header svg{color:var(--color-primary)}.change-group__items{padding:0 var(--space-md)}.change-item{display:flex;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.change-item:last-child{border-bottom:none}.change-item__icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.change-item__content{flex:1;min-width:0}.change-item__desc{font-size:.875rem;line-height:1.4}.change-item__meta{font-size:.75rem;color:var(--color-text-muted);margin-top:2px}.days-select{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.day-chip{display:flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:500}.day-chip:hover{background:var(--color-border)}.day-chip--selected{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-text)}.day-chip input{display:none}.start-times-list{display:flex;flex-direction:column;gap:var(--space-sm)}.start-time-item{display:flex;gap:var(--space-sm);align-items:center}.start-time-item .form-input{flex:1}.worklog-filters{display:flex;gap:2px;margin-bottom:var(--space-md);background:var(--color-bg-tertiary);padding:2px;border-radius:var(--radius-md);overflow-x:auto}.worklog-filter-btn{flex:1;padding:var(--space-sm) var(--space-md);font-size:.8rem;font-weight:500;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.worklog-filter-btn:hover{background:var(--color-bg-secondary);color:var(--color-text)}.worklog-filter-btn--active{background:var(--color-primary);color:var(--color-primary-text)}.worklog-filter-btn--active:hover{background:var(--color-primary-hover);color:var(--color-primary-text)}.worklog-list{display:flex;flex-direction:column;gap:var(--space-sm)}.worklog-item{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);align-items:flex-start;position:relative}.worklog-item__icon{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.worklog-item__icon--repair{background:var(--color-warning);color:#fff}.worklog-item__icon--inspection{background:var(--color-info, #3b82f6);color:#fff}.worklog-item__icon--proposed{background:var(--color-primary);color:var(--color-primary-text)}.worklog-item__icon--note{background:var(--color-text-muted);color:#fff}.worklog-item__content{flex:1;min-width:0}.worklog-item__desc{font-size:.875rem;line-height:1.4}.worklog-item__meta{font-size:.75rem;color:var(--color-text-muted);margin-top:4px}.parts-grid,.head-size-grid{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.head-size-grid{margin-bottom:var(--space-sm)}.head-size-grid .part-chip{font-size:.875rem;font-weight:600;padding:var(--space-sm) var(--space-md)}.part-chip{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);font-size:.75rem;cursor:pointer;transition:all .15s}.part-chip:hover{border-color:var(--color-primary)}.part-chip--selected{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.selected-parts{display:flex;flex-wrap:wrap;gap:var(--space-xs);min-height:32px;padding:var(--space-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.part-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:.75rem}.remove-part{background:none;border:none;color:#fff;cursor:pointer;padding:0;font-size:1rem;line-height:1;opacity:.8}.remove-part:hover{opacity:1}.parts-qty-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs);max-height:300px;overflow-y:auto}@media(max-width:480px){.parts-qty-grid{grid-template-columns:1fr}}.parts-category{margin-bottom:var(--space-sm);grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}@media(max-width:480px){.parts-category{grid-template-columns:1fr}}.parts-category__header{grid-column:1 / -1;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:6px var(--space-sm);border-radius:var(--radius-sm);background:var(--color-bg-tertiary)}.part-qty-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid transparent;transition:all .15s}.part-qty-row--active{background:var(--color-primary-bg);border-color:var(--color-primary)}.part-qty-label{font-size:.8rem;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.part-qty-controls{display:flex;align-items:center;gap:var(--space-xs)}.part-qty-btn{width:28px;height:28px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.part-qty-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.part-qty-btn:active{transform:scale(.95)}.part-qty-value{min-width:24px;text-align:center;font-weight:600;font-size:.9rem}.custom-parts-list{margin-top:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.custom-part-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);background:var(--color-primary-bg);border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:.8rem}.photo-capture{display:flex;flex-direction:column;gap:var(--space-sm)}.photo-capture__buttons{display:flex;gap:var(--space-sm)}.photo-capture__buttons .btn{flex:1}.photo-previews{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.photo-preview{position:relative;width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-preview__remove{position:absolute;top:2px;right:2px;width:24px;height:24px;border-radius:var(--radius-full);background:#000000b3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.photo-preview__remove:hover{background:var(--color-danger)}.worklog-item__photos{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.worklog-item__photo{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;cursor:pointer;border:1px solid var(--color-border)}.worklog-item__photo:hover{border-color:var(--color-primary)}.photo-lightbox{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-modal) + 100);padding:var(--space-lg)}.photo-lightbox img{max-width:100%;max-height:100%;object-fit:contain}.photo-lightbox__close{position:absolute;top:var(--space-lg);right:var(--space-lg);width:48px;height:48px;border-radius:var(--radius-full);background:#fff3;color:#fff;border:none;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center}.photo-lightbox__close:hover{background:#ffffff4d}.map-tab-container{height:70vh;min-height:400px}.map-view{display:flex;flex-direction:column;height:100%;min-height:400px;transition:all .3s ease;position:relative;isolation:isolate}.map-view--fullscreen{position:fixed;inset:0;z-index:1000;background:var(--color-bg);border-radius:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.map-view--fullscreen .map-view__header{border-radius:0;flex-shrink:0}.map-view--fullscreen .map-view__filters{flex-shrink:0}.map-view--fullscreen .map-view__map{flex:1;min-height:0;border-radius:0}.map-view--fullscreen .map-view__edit-banner{border-radius:0;flex-shrink:0}.map-view--fullscreen #toggle-fullscreen{background:var(--color-danger)!important;color:#fff!important;border-color:var(--color-danger)!important}.map-view__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid var(--color-border);border-bottom:none;flex-wrap:wrap;gap:var(--space-md)}.map-view__header h3{display:flex;align-items:center;gap:var(--space-sm);margin:0;font-size:1.25rem;font-weight:600}.map-view__controls{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.map-view__controls .btn--small{padding:var(--space-sm) var(--space-md);font-size:.95rem;min-height:44px}@media(max-width:480px){.map-view__header{padding:var(--space-xs) var(--space-sm)}.map-view__header h3{font-size:.75rem}.map-view__header h3 svg{display:none}.map-view__controls{gap:4px}.map-view__controls .btn--small{padding:5px 6px;font-size:.65rem}.map-view__controls .btn--small{padding:6px}.layer-toggle{font-size:.6rem}.layer-btn{padding:var(--space-xs) 6px!important;font-size:.6rem!important}.map-view__controls #center-map{display:none}}.layer-toggle{display:flex;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.layer-btn{padding:var(--space-sm) var(--space-md);font-size:1rem;font-weight:600;background:var(--color-bg);color:var(--color-text-muted);border:none;cursor:pointer;transition:all .15s ease;min-height:44px}.layer-btn:not(:last-child){border-right:1px solid var(--color-border)}.layer-btn:hover{background:var(--color-bg-secondary);color:var(--color-text)}.layer-btn--active{background:var(--color-primary);color:var(--color-primary-text)}.layer-btn--active:hover{background:var(--color-primary-hover);color:var(--color-primary-text)}.map-view__filters{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg-tertiary);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);font-size:1rem;flex-wrap:wrap}.filter-toggle{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;user-select:none;font-weight:500;min-height:44px}.filter-toggle:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-bg)}.filter-toggle input{width:20px;height:20px;margin:0}.filter-toggle--controller span{color:var(--color-controller-1)}.filter-toggle--valve span{color:#a855f7}.filter-toggle--infra span{color:#6b7280}.filter-toggle--repair span{color:var(--color-warning)}.add-infra-dropdown{position:relative;margin-left:auto}.add-infra-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;min-width:140px}.add-infra-menu button{display:block;width:100%;padding:14px 16px;text-align:left;background:none;border:none;color:var(--color-text);cursor:pointer;font-size:1rem;min-height:48px}.add-infra-menu button:hover{background:var(--color-bg-secondary)}.add-infra-menu button:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.add-infra-menu button:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}@media(max-width:480px){.map-view__filters{padding:var(--space-xs) var(--space-sm);gap:6px}.filter-toggle,.add-infra-dropdown .btn--small{padding:5px 8px;font-size:.8rem}.map-date-filter .worklog-filter-btn{padding:4px 8px;font-size:.75rem}}.map-date-filter{display:flex;gap:2px;margin-left:auto}.map-date-filter .worklog-filter-btn{padding:4px 10px;font-size:.8rem}.map-view__map{flex:1;min-height:350px;border:1px solid var(--color-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);z-index:1}.map-view__edit-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-warning-bg);border:1px solid var(--color-warning);border-top:none;font-size:.875rem}.map-view__edit-banner span{display:flex;align-items:center;gap:var(--space-sm)}.map-view__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.map-view__empty-overlay{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-md);color:var(--color-text-muted);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);opacity:.9;pointer-events:none;text-align:center;transition:opacity .4s ease}.map-view__empty-overlay--hidden{opacity:0}.map-view__empty-overlay svg{width:36px;height:36px;margin-bottom:var(--space-sm);opacity:.5}.map-view__empty svg{width:48px;height:48px;margin-bottom:var(--space-md);opacity:.5}.map-view__offline-overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);color:var(--color-text-muted);background:var(--color-bg-secondary);opacity:.92;pointer-events:none}.map-view__offline-overlay svg{width:40px;height:40px;margin-bottom:var(--space-sm);opacity:.5}.map-view__offline-overlay p{margin:var(--space-xs) 0 0;text-align:center}.map-view__cache-progress{position:absolute;bottom:var(--space-md);left:50%;transform:translate(-50%);z-index:10;display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--color-primary);box-shadow:var(--glass-shadow);white-space:nowrap}.map-view__cache-progress--done{color:var(--color-success)}.custom-marker{background:none;border:none}.map-marker{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-weight:700;font-size:.7rem;box-shadow:0 2px 8px #0000004d;position:relative}.map-marker:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent}.map-marker--controller{background:var(--color-controller-1);color:#fff}.map-marker--controller:after{border-top:8px solid var(--color-controller-1)}.map-marker--worklog{background:var(--color-warning);color:var(--color-bg)}.map-marker--worklog:after{border-top:8px solid var(--color-warning)}.map-marker--valve{background:#a855f7;color:#fff;font-size:1rem;font-weight:800;width:32px;height:32px;border:2px solid white}.map-marker--valve:after{border-top:8px solid #a855f7}.map-marker--infra{background:#6b7280;color:#fff}.map-marker--infra:after{border-top:8px solid currentColor}.marker-popup{font-size:.875rem}.marker-popup strong{font-size:1rem;color:var(--color-primary)}.marker-popup p{margin:var(--space-xs) 0}.marker-popup .coords{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted)}.marker-popup .coords-changed{color:var(--color-warning);font-weight:600}.marker-popup__actions{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border)}.popup-btn{flex:1;padding:8px 12px;font-size:.85rem;font-weight:500;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text)}.popup-btn:hover{background:var(--color-bg-tertiary)}.popup-btn--danger{color:var(--color-danger);border-color:var(--color-danger)}.popup-btn--danger:hover{background:var(--color-danger);color:#fff}.marker-popup .wire-length{color:var(--color-primary);font-size:.9rem;margin:var(--space-sm) 0}.map-edit-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}.map-edit-modal__overlay{position:absolute;inset:0;background:var(--glass-overlay-bg)}.map-edit-modal__content{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);min-width:300px;max-width:90vw;box-shadow:var(--glass-shadow)}.map-edit-modal__content h3{margin:0 0 var(--space-md) 0;color:var(--color-text)}.map-edit-modal__content .form-group{margin-bottom:var(--space-md)}.map-edit-modal__content .btn-row{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-lg)}.line-distance{text-align:center;padding:var(--space-md);margin-bottom:var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.line-distance__value{font-size:2.5rem;font-weight:700;color:var(--color-primary);font-family:var(--font-mono)}.line-distance__unit{font-size:1.25rem;color:var(--color-text-muted);margin-left:var(--space-xs)}.wire-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.wire-type-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.875rem;cursor:pointer;transition:border-color .15s,background .15s}.wire-type-btn:hover{background:var(--color-bg-secondary)}.wire-type-btn--selected{border-color:var(--wire-color);background:var(--color-bg-secondary)}.wire-type-swatch{width:16px;height:4px;background:var(--wire-color);border-radius:2px}.wire-label{background:#000000b3!important;border:none!important;border-radius:4px!important;padding:2px 6px!important;color:#fff!important;font-size:11px!important;font-weight:500!important;white-space:nowrap!important;box-shadow:0 1px 4px #0000004d!important}.wire-label:before{display:none!important}.leaflet-container{font-family:var(--font-sans)}.leaflet-popup-content-wrapper{background:var(--color-bg);color:var(--color-text);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.leaflet-popup-tip{background:var(--color-bg)}.leaflet-control-zoom a{background:var(--color-bg)!important;color:var(--color-text)!important;border-color:var(--color-border)!important}.leaflet-control-zoom a:hover{background:var(--color-bg-secondary)!important}.leaflet-control-attribution{background:var(--color-bg-secondary)!important;color:var(--color-text-muted)!important;font-size:.65rem}.leaflet-control-attribution a{color:var(--color-primary)!important}.leaflet-draw.leaflet-control{margin-bottom:20px!important;margin-right:10px!important}.leaflet-draw-section{clear:both!important;float:none!important}.leaflet-draw-toolbar{margin-top:0!important;background:none!important;border:none!important;box-shadow:none!important}.leaflet-draw-toolbar a{display:block!important;float:none!important;width:44px!important;height:44px!important;line-height:44px!important;margin-bottom:4px!important;border-radius:var(--radius-md)!important;background-color:var(--color-bg)!important;border:2px solid var(--color-border)!important;background-image:none!important;text-align:center;font-size:20px;color:var(--color-text)!important}.leaflet-draw-toolbar a:hover{background-color:var(--color-bg-secondary)!important;border-color:var(--color-primary)!important}.leaflet-draw-draw-polyline:after{content:"━";font-size:24px;color:#f60}.leaflet-draw-draw-polygon:after{content:"▲";font-size:24px;color:#0c0}.leaflet-draw-draw-circle:after{content:"○";font-size:28px;color:#0ff}.leaflet-draw-draw-rectangle:after{content:"▢";font-size:24px;color:#f44}.leaflet-draw-edit-edit:after{content:"✎";font-size:22px;color:var(--color-warning)}.leaflet-draw-edit-remove:after{content:"✕";font-size:24px;color:var(--color-danger)}.leaflet-draw-toolbar a span{display:none!important}.leaflet-draw-actions{background:var(--color-bg)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;padding:var(--space-xs)!important}.leaflet-draw-actions a{background:var(--color-bg-secondary)!important;color:var(--color-text)!important;border:none!important;padding:8px 12px!important;border-radius:var(--radius-sm)!important}.leaflet-draw-actions a:hover{background:var(--color-primary)!important;color:var(--color-primary-text)!important}.leaflet-right .leaflet-control{margin-right:10px!important}.leaflet-top .leaflet-control{margin-top:10px!important}.leaflet-draw-section{display:block!important}@media(max-width:768px){.leaflet-draw-toolbar a{width:46px!important;height:46px!important;line-height:46px!important}.leaflet-control-zoom a{width:44px!important;height:44px!important;line-height:44px!important;font-size:22px!important}}.review-badge{display:inline-flex;align-items:center;gap:3px;font-size:.65rem;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);margin-top:2px;line-height:1}.review-badge--draft{background:#6b728026;color:#4b5563}.review-badge--pending{background:#eab30826;color:#b45309}.review-badge--approved{background:#10b98126;color:#047857}.review-badge--rejected{background:#ef444426;color:#b91c1c}.review-badge--revision{background:#3b82f626;color:#1d4ed8}[data-theme=cyberpunk] .review-badge--draft{background:#6b72804d;color:#9ca3af}[data-theme=cyberpunk] .review-badge--pending{background:#eab30840;color:#fbbf24}[data-theme=cyberpunk] .review-badge--approved{background:#10b98140;color:#34d399}[data-theme=cyberpunk] .review-badge--rejected{background:#ef444440;color:#f87171}[data-theme=cyberpunk] .review-badge--revision{background:#3b82f640;color:#60a5fa}.review-feedback{display:flex;align-items:flex-start;gap:4px;font-size:.7rem;padding:4px 8px;margin-top:4px;border-radius:var(--radius-sm);background:#ef444414;color:var(--color-text-muted);border-left:2px solid var(--color-danger, #ef4444)}.review-queue__item{padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-sm);background:var(--color-bg)}.review-queue__item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xs)}.review-queue__photos{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin:var(--space-xs) 0}.review-queue__photo-wrap{position:relative;display:inline-block}.review-queue__photo{width:120px;height:120px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);cursor:pointer}.review-queue__photo-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:var(--color-danger);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:.85}.review-queue__photo-remove:hover{opacity:1}.review-queue__actions{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-top:var(--space-xs)}.review-queue__notes-input{display:flex;gap:var(--space-xs);align-items:center}.review-queue__notes-input .form-input{flex:1}.worklog-item .edit-worklog-btn{opacity:.5;flex-shrink:0;align-self:center}.worklog-item:hover .edit-worklog-btn{opacity:1}@media(max-width:768px){.worklog-item .edit-worklog-btn{opacity:1}}.payroll-dashboard{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);max-height:90vh;overflow-y:auto}.payroll-header{display:flex;flex-direction:column;gap:var(--space-sm)}.payroll-title-row{display:flex;align-items:center;gap:var(--space-sm)}.payroll-title-row h2{margin:0;font-size:var(--text-lg);flex:1}.payroll-title-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:#16a34a;color:#fff}.payroll-title-icon svg{width:20px;height:20px}.payroll-icon-btn{color:#22c55e!important}.payroll-menu-item svg{color:#22c55e}.payroll-tabs{display:flex;gap:var(--space-xs)}.payroll-tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);transition:all .15s}.payroll-tab.active{background:#16a34a;color:#fff;border-color:#16a34a}.payroll-tab:hover:not(.active){border-color:#16a34a;color:#16a34a}.payroll-tab svg{width:16px;height:16px}.payroll-date-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.payroll-date-range{display:flex;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.payroll-range-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:500;border:none;border-right:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .15s;white-space:nowrap}.payroll-range-btn:last-child{border-right:none}.payroll-range-btn.active{background:#16a34a;color:#fff}.payroll-range-btn:hover:not(.active){background:#16a34a1a;color:#22c55e}.payroll-custom-dates{display:flex;align-items:center;gap:var(--space-xs)}.payroll-date-input{width:160px;padding:var(--space-xs) var(--space-sm);padding-right:var(--space-xs);font-size:var(--text-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);min-height:36px}.payroll-date-input:focus{border-color:#22c55e;outline:none}.payroll-date-input::-webkit-calendar-picker-indicator{cursor:pointer}[data-theme=cyberpunk] .payroll-date-input{color-scheme:dark}[data-theme=cyberpunk] .payroll-date-input::-webkit-calendar-picker-indicator{filter:invert(.8) sepia(1) saturate(5) hue-rotate(140deg)}.payroll-export-btn{border:1px solid var(--color-border);color:var(--color-text-secondary)}.payroll-export-btn:hover{border-color:#22c55e;color:#22c55e}.payroll-actions-row{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.payroll-qb-timeoff-toggle{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--color-text-secondary);cursor:pointer;user-select:none}.payroll-qb-timeoff-toggle input[type=checkbox]{margin:0;cursor:pointer}.payroll-actions-divider{width:1px;height:20px;background:var(--color-border);margin:0 var(--space-2xs)}.payroll-content{min-height:200px}.payroll-loading,.payroll-empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-secondary);font-size:var(--text-sm)}.payroll-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.payroll-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.payroll-table th,.payroll-table td{padding:var(--space-xs) var(--space-sm);text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}.payroll-table th{background:var(--color-bg-secondary);font-weight:600;position:sticky;top:0;z-index:1}.payroll-th-check,.payroll-td-check{width:30px;text-align:center}.payroll-th-emp{min-width:140px}.payroll-th-day{min-width:80px;text-align:center}.payroll-td-day{text-align:center;max-width:140px}.payroll-td-total,.payroll-th-total{font-weight:600;min-width:70px;color:#22c55e}.payroll-td-pay,.payroll-th-pay{min-width:90px;color:#22c55e}.payroll-emp-name{font-weight:500}.payroll-emp-rate{font-size:var(--text-xs);color:#22c55e}.payroll-break-note{display:block;font-size:var(--text-xs);color:var(--color-text-secondary);white-space:normal;line-height:1.3}.payroll-totals-row td{border-top:2px solid #16a34a;background:var(--color-bg-secondary)}.payroll-property-row td{background:var(--color-bg-secondary)}.payroll-indent{padding-left:var(--space-lg)!important}.payroll-summary-bar{display:flex;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm);margin-bottom:var(--space-xs)}.brs-dashboard{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);max-height:90vh;overflow-y:auto}.brs-header{display:flex;flex-direction:column;gap:var(--space-sm)}.brs-title-row{display:flex;align-items:center;gap:var(--space-sm)}.brs-title-row h2{margin:0;font-size:var(--text-lg);flex:1}.brs-title-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:#dc2626;color:#fff}.brs-title-icon svg{width:20px;height:20px}.brs-tabs{display:flex;gap:var(--space-xs)}.brs-tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);transition:all .15s}.brs-tab.active{background:#dc2626;color:#fff;border-color:#dc2626}.brs-tab:hover:not(.active){border-color:#dc2626;color:#dc2626}.brs-tab svg{width:16px;height:16px}.brs-filter-bar{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-sm)}.brs-filter-select{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text);font-size:var(--text-sm)}.brs-content{overflow-y:auto;flex:1}.brs-table-wrapper{overflow-x:auto}.brs-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.brs-table th{text-align:left;padding:var(--space-xs) var(--space-sm);border-bottom:2px solid var(--color-border);color:var(--color-text-secondary);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;white-space:nowrap}.brs-table td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border);vertical-align:middle}.brs-report-row,.brs-ki-row{cursor:pointer;transition:background .1s}.brs-report-row:hover,.brs-ki-row:hover{background:var(--color-bg-secondary)}.brs-ticket{font-family:var(--font-mono);font-weight:600;white-space:nowrap}.brs-ticket-lg{font-family:var(--font-mono);font-weight:700;font-size:var(--text-lg)}.brs-desc-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brs-time{white-space:nowrap;color:var(--color-text-secondary);font-size:var(--text-xs)}.brs-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) 0}.brs-page-info{font-size:var(--text-sm);color:var(--color-text-secondary)}.brs-empty,.brs-loading{text-align:center;padding:var(--space-xl);color:var(--color-text-secondary)}.brs-detail{display:flex;flex-direction:column;gap:var(--space-md)}.brs-detail-header{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.brs-detail-section{margin-bottom:var(--space-sm)}.brs-detail-section h4{margin:0 0 var(--space-xs);font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase}.brs-detail-desc{white-space:pre-wrap;line-height:1.5}.brs-device-table{width:100%;font-size:var(--text-sm);border-collapse:collapse}.brs-device-table td{padding:2px var(--space-sm);border-bottom:1px solid var(--color-border)}.brs-device-table td:first-child{font-weight:600;white-space:nowrap;width:120px;color:var(--color-text-secondary)}.brs-console-errors{background:var(--color-bg-secondary);padding:var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);overflow-x:auto;max-height:200px}.brs-screenshot-link{display:inline-flex;align-items:center;gap:var(--space-xs)}.brs-action-panel{border-top:1px solid var(--color-border);padding-top:var(--space-md)}.brs-action-panel h4{margin:0 0 var(--space-sm)}.brs-action-row{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-sm)}.brs-action-row label{display:flex;flex-direction:column;gap:4px;font-size:var(--text-sm);font-weight:600}.brs-action-row select,.brs-action-panel textarea,.brs-action-panel input[type=text]{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text);font-size:var(--text-sm);width:100%}.brs-action-panel>label{display:flex;flex-direction:column;gap:4px;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-sm)}.brs-radio-group{display:flex;gap:var(--space-md);font-weight:400}.brs-radio-group label{flex-direction:row;align-items:center;gap:var(--space-xs);font-weight:400;cursor:pointer}.brs-action-buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-sm)}.brs-ki-form{display:flex;flex-direction:column;gap:var(--space-sm)}.brs-ki-form label{display:flex;flex-direction:column;gap:4px;font-size:var(--text-sm);font-weight:600}.brs-ki-form input,.brs-ki-form textarea,.brs-ki-form select{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text);font-size:var(--text-sm)}.brs-ki-header{display:flex;justify-content:flex-end;margin-bottom:var(--space-sm)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.badge-warning{background:#fef3c7;color:#92400e}.badge-success{background:#d1fae5;color:#065f46}.badge-danger{background:#fee2e2;color:#991b1b}.employee-profile{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.profile-header{display:flex;gap:var(--space-md);align-items:flex-start}.profile-avatar{width:80px;height:80px;border-radius:var(--radius-full);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:700;color:var(--color-primary);overflow:hidden;flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info{flex:1}.profile-info h3{margin:0 0 var(--space-2xs)}.profile-meta{display:flex;flex-direction:column;gap:2px;font-size:var(--text-sm);color:var(--color-text-secondary)}.profile-status{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm);border-radius:var(--radius-md);background:var(--color-bg-secondary);font-size:var(--text-sm)}.profile-status-dot{width:8px;height:8px;border-radius:50%}.profile-status-dot.active{background:var(--color-success)}.profile-status-dot.inactive{background:var(--color-text-secondary)}.profile-section{display:flex;flex-direction:column;gap:var(--space-xs)}.profile-section h4{margin:0;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.profile-field{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}.profile-field-label{color:var(--color-text-secondary)}.profile-field-value{font-weight:500}.profile-activity-item{padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}.profile-activity-item:last-child{border-bottom:none}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--color-border)}.dashboard-title{margin:0;font-size:1rem;display:flex;align-items:center;gap:var(--space-sm)}.dashboard-body{padding:var(--space-md);overflow-y:auto;max-height:calc(90vh - 60px)}.dashboard-empty{text-align:center;padding:var(--space-xl);color:var(--color-text-muted)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-md)}.dashboard-card{background:var(--color-surface-alt);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.dashboard-card--green{border-left:3px solid #22c55e}.dashboard-card--blue{border-left:3px solid #3b82f6}.dashboard-card--yellow{border-left:3px solid #eab308}.dashboard-card--red{border-left:3px solid #ef4444;background:#ef444410}.dashboard-card--gray{border-left:3px solid var(--color-border);opacity:.7}.dashboard-card--terminated{border-left:3px solid #666;background:#00000026}.dashboard-card__header{display:flex;align-items:center;gap:var(--space-sm)}.dashboard-card__avatar{position:relative;width:40px;height:40px;flex-shrink:0}.dashboard-card__avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover}.dashboard-card__initials{width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:var(--color-primary-text);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.dashboard-card__dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--color-surface-alt)}.dashboard-card__dot--green{background:#22c55e}.dashboard-card__dot--blue{background:#3b82f6}.dashboard-card__dot--yellow{background:#eab308}.dashboard-card__dot--red{background:#ef4444;animation:pulse 1.5s infinite}.dashboard-card__dot--gray{background:#6b7280}.dashboard-card__dot--terminated{background:#666}.dashboard-card__info{min-width:0}.dashboard-card__name{font-weight:600;font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-card__meta{font-size:.7rem;color:var(--color-text-muted)}.dashboard-card__status{display:flex;align-items:center;gap:var(--space-xs);font-size:.75rem;color:var(--color-text-secondary)}.dashboard-card__timer{margin-left:auto;font-family:var(--font-mono);font-size:.7rem;color:var(--color-primary);font-weight:600}.dashboard-card__activity{display:flex;align-items:center;gap:var(--space-xs);font-size:.7rem;color:var(--color-text-muted);padding:var(--space-xs) 0;border-top:1px solid var(--color-border)}.dashboard-card__section{border-top:1px solid var(--color-border);padding-top:var(--space-xs)}.dashboard-card__section-label{display:flex;align-items:center;gap:4px;font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.dashboard-card__wo{display:flex;align-items:center;gap:var(--space-xs);font-size:.7rem;padding:2px 0}.dashboard-card__wo--active{color:var(--color-primary)}.dashboard-card__wo-num{font-family:var(--font-mono);font-weight:600;flex-shrink:0}.dashboard-card__wo-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.dashboard-card__wo-status{margin-left:auto;font-size:.6rem;color:var(--color-text-muted);text-transform:uppercase;flex-shrink:0}.dashboard-card__wo-status--paused{color:#f59e0b;font-weight:600}.dashboard-card__resolve-btn{margin-left:auto;padding:2px 10px!important;font-size:.7rem!important;min-height:28px!important}.resolver-section-label{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.resolver-timeline{display:flex;flex-direction:column;gap:var(--space-xs);border-left:2px solid var(--color-border);margin-left:var(--space-sm);padding-left:var(--space-md);margin-bottom:var(--space-lg)}.resolver-entry{display:flex;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.resolver-entry--blue{border-left:3px solid #3b82f6}.resolver-entry--green{border-left:3px solid #22c55e}.resolver-entry--yellow{border-left:3px solid #eab308}.resolver-entry--amber{border-left:3px solid #f59e0b}.resolver-entry--gray{border-left:3px solid var(--color-border)}.resolver-entry__icon{flex-shrink:0;display:flex;align-items:flex-start;padding-top:2px;color:var(--color-text-muted)}.resolver-entry__body{flex:1;min-width:0}.resolver-entry__header{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-xs)}.resolver-entry__type{font-weight:600;font-size:.8rem}.resolver-entry__prop,.resolver-entry__wo{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resolver-entry__approved{display:inline-flex;align-items:center;gap:2px;font-size:.65rem;color:#22c55e;margin-left:auto}.resolver-entry__times{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.resolver-entry__time-group{display:flex;align-items:center;gap:var(--space-xs);font-size:.8rem}.resolver-entry__time-group label{font-weight:500;color:var(--color-text-muted);font-size:.75rem}.resolver-entry__time-value{font-family:var(--font-mono);font-size:.8rem}.resolver-entry__input{font-family:var(--font-mono);font-size:.8rem;padding:2px 6px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);max-width:180px}.resolver-entry__duration{margin-left:auto;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);flex-shrink:0}.resolver-entry__notes-row{margin-top:var(--space-xs)}.resolver-entry__notes{width:100%;font-size:.75rem;padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text)}.resolver-wo-warning{background:#f59e0b10;border:1px solid #f59e0b40;border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md)}.resolver-wo-warning__header{display:flex;align-items:flex-start;gap:var(--space-xs);font-size:.8rem;font-weight:500;color:#f59e0b;margin-bottom:var(--space-sm)}.resolver-wo-list{display:flex;flex-direction:column;gap:var(--space-xs)}.resolver-wo-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm);flex-wrap:wrap}.resolver-wo-item__info{display:flex;align-items:center;gap:var(--space-xs);min-width:0;flex:1}.resolver-wo-item__number{font-family:var(--font-mono);font-weight:600;font-size:.75rem;flex-shrink:0}.resolver-wo-item__title{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.resolver-wo-item__prop{font-size:.7rem;color:var(--color-text-muted);flex-shrink:0}.resolver-wo-item__actions{display:flex;gap:var(--space-xs);flex-shrink:0}.resolver-wo-btn{padding:2px 8px!important;font-size:.7rem!important;min-height:26px!important;display:inline-flex!important;align-items:center;gap:3px}.resolver-wo-btn--active-complete{background:#22c55e!important;color:#fff!important;border-color:#22c55e!important}.resolver-wo-btn--active-notdone{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important}.resolver-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}@media(max-width:480px){.resolver-entry__times{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.resolver-entry__duration{margin-left:0}.resolver-wo-item{flex-direction:column;align-items:flex-start}.resolver-wo-item__actions{width:100%}.resolver-wo-btn{flex:1}}.agenda-overlay{position:fixed;inset:0;background:var(--glass-overlay-bg);z-index:999}.agenda-cell--empty{cursor:pointer}.agenda-cell--empty:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent)!important}.agenda-chip{transition:opacity .15s}.agenda-chip:hover{opacity:.85}.agenda-popover{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;padding:12px;box-shadow:var(--glass-shadow);min-width:220px;z-index:1000;position:fixed}.agenda-popover--day{min-width:280px;max-width:340px;max-height:calc(100vh - 16px);overflow-y:auto}.agenda-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.agenda-header__nav{display:flex;align-items:center;gap:.5rem}.agenda-header__title{margin:0;font-size:1.1rem;min-width:160px;text-align:center}.agenda-header__actions{display:flex;align-items:center;gap:.5rem}.agenda-team-bar{display:flex;border-bottom:2px solid var(--color-border);overflow-x:auto;margin-bottom:.75rem;gap:0;-webkit-overflow-scrolling:touch}.agenda-team-tab{padding:.5rem 1rem;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.agenda-team-tab:hover{color:var(--color-text)}.agenda-team-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.agenda-team-tab:disabled{opacity:.4;cursor:default}.agenda-month{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.agenda-month__header{padding:6px 4px;font-size:.75rem;font-weight:600;text-align:center;background:var(--color-bg-secondary);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.agenda-day{min-height:80px;display:flex;flex-direction:column;padding:4px;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-bg-primary)}.agenda-day:nth-child(7n){border-right:none}.agenda-day--outside{background:var(--color-bg-secondary);opacity:.4}.agenda-day--today{background:color-mix(in srgb,var(--color-primary) 6%,var(--color-bg-primary))}.agenda-day--weekend{background:color-mix(in srgb,var(--color-text-tertiary) 4%,var(--color-bg-primary))}.agenda-day__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.agenda-day__number{font-size:.75rem;font-weight:500;color:var(--color-text-secondary);line-height:1}.agenda-day__note{color:var(--color-warning, #d69e2e);cursor:pointer;display:inline-flex;opacity:.8}.agenda-day__note:hover{opacity:1}.agenda-day__number--today{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--color-primary);color:#fff;font-weight:700}.agenda-day__chips{display:flex;flex-direction:column;gap:1px;flex:1}.agenda-day__more{font-size:.65rem;color:var(--color-primary);cursor:pointer;padding:1px 0;font-weight:500}.agenda-day__more:hover{text-decoration:underline}.agenda-legend{display:flex;gap:1rem;margin-top:.5rem;font-size:.7rem;color:var(--color-text-secondary)}@media(max-width:767px){.agenda-month-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -.5rem;padding:0 .5rem}.agenda-month{min-width:420px}.agenda-day{min-height:44px;padding:2px 1px}.agenda-month__header{font-size:.6rem;padding:4px 1px}.agenda-day__number{font-size:.6rem}.agenda-day__number--today{width:16px;height:16px;font-size:.55rem}.agenda-chip{font-size:.5rem!important;padding:0 2px!important;border-radius:2px!important}.agenda-day__more{font-size:.5rem}.agenda-team-tab{padding:.4rem .6rem;font-size:.8rem}.agenda-header__title{font-size:.95rem;min-width:130px}.agenda-legend{font-size:.6rem;gap:.5rem;flex-wrap:wrap}.agenda-popover{position:fixed!important;inset:auto 0 0!important;min-width:0!important;max-width:100%!important;width:100%!important;border-radius:16px 16px 0 0!important;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px))!important;max-height:70vh;overflow-y:auto;box-shadow:0 -4px 24px #0000004d}}.my-location-icon{background:none!important;border:none!important}.my-location-dot{position:relative;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.my-location-dot:after{content:"";width:14px;height:14px;background:#3b82f6;border:2.5px solid #fff;border-radius:50%;box-shadow:0 0 6px #3b82f699;z-index:2}.my-location-pulse{position:absolute;inset:0;border-radius:50%;background:#3b82f64d;animation:my-location-pulse-anim 2s ease-out infinite;z-index:1}@keyframes my-location-pulse-anim{0%{transform:scale(1);opacity:.6}to{transform:scale(2.5);opacity:0}}.my-location-arrow{position:absolute;top:-8px;left:50%;margin-left:-5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #3b82f6;transform-origin:5px 20px;z-index:3;filter:drop-shadow(0 0 2px rgba(59,130,246,.5))}.btn--active{background:var(--color-primary)!important;color:var(--color-primary-text)!important;border-color:var(--color-primary)!important}.zone-flag-btn{position:relative}.flag-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;background:var(--color-danger, #ef4444);color:#fff;font-size:.6rem;font-weight:700;border-radius:var(--radius-full, 9999px);display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.zone-flag-popover{position:fixed;z-index:1000;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg, 12px);padding:14px;box-shadow:var(--glass-shadow);min-width:280px;max-width:340px;max-height:400px;overflow-y:auto}.zone-flag-popover__overlay{position:fixed;inset:0;z-index:999;background:var(--glass-overlay-bg)}.flag-chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.flag-chip{padding:3px 8px;font-size:.7rem;border:1.5px solid var(--color-primary);border-radius:var(--radius-full, 9999px);background:transparent;color:var(--color-primary);cursor:pointer;transition:var(--transition-fast);font-weight:500}.flag-chip:hover{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.flag-list{margin-top:8px;border-top:1px solid var(--color-border);padding-top:8px}.flag-list-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;font-size:.8rem;border-bottom:1px solid var(--color-border)}.flag-list-item:last-child{border-bottom:none}.flag-list-item__info{flex:1;min-width:0}.flag-list-item__note{font-weight:600}.flag-list-item__meta{font-size:.65rem;color:var(--color-text-secondary)}.agenda-chip--timeoff{background:repeating-linear-gradient(45deg,transparent,transparent 3px,var(--color-border) 3px,var(--color-border) 4px)!important;background-color:var(--color-bg-tertiary)!important;color:var(--color-text-secondary)!important;font-size:.6rem!important;padding:1px 4px!important;border-radius:3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;border:1px solid var(--color-border)!important}.timeoff-section{border-top:1px solid var(--color-border);padding-top:8px;margin-top:8px}.timeoff-entry{display:flex;align-items:center;justify-content:space-between;padding:3px 0;font-size:.8rem}.timeoff-entry__info{flex:1}.route-board{display:flex;flex-direction:column;height:calc(100vh - 140px);min-height:400px}.route-board__header{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm) 0}.route-board__header-row1,.route-board__header-row2{display:flex;align-items:center;gap:var(--space-md)}.route-board__header h2{display:flex;align-items:center;gap:var(--space-xs);font-size:1.1rem;margin:0}.route-board__date-nav{display:flex;align-items:center;gap:var(--space-xs)}.route-board__date-label{font-weight:600;font-size:.9rem;min-width:120px;text-align:center}.route-board__actions{margin-left:auto;display:flex;gap:var(--space-xs)}.route-board__body{display:flex;gap:var(--space-sm);flex:1;min-height:0;overflow:hidden}.route-board__unscheduled{width:240px;min-width:200px;display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.route-board__panel-title{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm);font-weight:600;font-size:.85rem;border-bottom:1px solid var(--color-border)}.route-board__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:10px;background:var(--color-primary);color:#000;font-size:.7rem;font-weight:700;padding:0 5px}.route-board__wo-list{flex:1;overflow-y:auto;padding:var(--space-xs);display:flex;flex-direction:column;gap:var(--space-xs)}.route-board__empty{color:var(--color-text-secondary);font-size:.8rem;text-align:center;padding:var(--space-lg)}.route-board__teams{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.route-board__team-tabs{display:flex;gap:2px;padding-bottom:var(--space-xs);overflow-x:auto}.route-board__team-tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);font-size:.8rem;cursor:pointer;white-space:nowrap}.route-board__team-tab--active{background:var(--color-primary);color:#000;border-color:var(--color-primary)}.route-board__team-tab--active .route-board__count{background:#ffffff4d}.route-board__team-col{display:none;flex:1;min-height:0}.route-board__team-col--active{display:flex;flex-direction:column}.route-board__drop-zone{flex:1;overflow-y:auto;border:2px dashed transparent;border-radius:var(--radius-md);padding:var(--space-xs);display:flex;flex-direction:column;gap:var(--space-xs);transition:border-color .15s,background .15s}.route-board__drop-zone--active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.route-board__map{width:300px;min-width:240px;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;position:relative;display:flex;flex-direction:column}.route-board__map-info{padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-align:center;border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.route-board__wo-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);cursor:grab;position:relative;transition:box-shadow .15s,opacity .15s}.route-board__wo-card:hover{box-shadow:0 2px 8px #0000001a}.route-board__wo-card--dragging{opacity:.4}.route-board__wo-card-header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:2px}.route-board__stop-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--color-primary);color:#000;font-size:.65rem;font-weight:700;flex-shrink:0}.route-board__wo-number{font-size:.75rem;font-weight:600;font-family:var(--font-mono, monospace)}.route-board__wo-priority{font-size:.6rem;font-weight:600;text-transform:uppercase;padding:1px 4px;border-radius:3px;margin-left:auto}.route-board__wo-priority--urgent{background:#fef2f2;color:#ef4444}.route-board__wo-priority--high{background:#fff7ed;color:#f97316}.route-board__wo-priority--normal{background:#eff6ff;color:#3b82f6}.route-board__wo-priority--low{background:#f9fafb;color:#6b7280}.route-board__wo-title{font-size:.8rem;font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-board__wo-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:.7rem;color:var(--color-text-secondary);margin-top:2px}.route-board__wo-meta span{display:flex;align-items:center;gap:2px}.route-board__wo-gps{color:var(--color-success)}.route-board__wo-remove{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:4px;margin-left:var(--space-xs);color:var(--color-text-secondary);opacity:0;transition:opacity .15s,color .15s;border-radius:50%;flex-shrink:0}.route-board__wo-card:hover .route-board__wo-remove{opacity:1}.route-board__wo-remove:hover{color:var(--color-danger);background:var(--color-bg-secondary)}.route-board__map-marker{background:transparent!important;border:none!important}.route-board__map-marker-inner{width:28px;height:28px;border-radius:50%;background:var(--color-primary, #3b82f6);color:#000;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid white;box-shadow:0 2px 6px #0000004d}.rb-mobile-map-toggle{display:none}.route-board__filter-bar{display:flex;gap:2px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px}.route-board__filter-btn{padding:3px 10px;font-size:.7rem;font-weight:600;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-xs, 3px);transition:background .15s,color .15s}.route-board__filter-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.route-board__filter-btn--active{background:var(--color-primary);color:#000}.route-board__legend{display:flex;align-items:center;gap:var(--space-md);padding:4px var(--space-sm);font-size:.7rem;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.route-board__legend-item{display:inline-flex;align-items:center;gap:4px}.route-board__legend-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;flex-shrink:0}.route-board__ssc-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);position:relative;transition:box-shadow .15s,opacity .15s}.route-board__ssc-card:hover{box-shadow:0 2px 8px #0000001a}.route-board__ssc-card--not-due{opacity:.5}.route-board__ssc-card--has-wo{box-shadow:inset 0 2px #ef4444}.route-board__ssc-card-header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:2px}.route-board__ssc-icon{display:flex;align-items:center;color:var(--color-text-secondary)}.route-board__ssc-badge{font-size:.6rem;font-weight:600;text-transform:uppercase;padding:1px 5px;border-radius:3px}.route-board__ssc-badge--monthly{background:#14b8a6;color:#000;border:1px solid #14b8a6}.route-board__ssc-badge--quarterly{background:#f59e0b;color:#000;border:1px solid #f59e0b}.route-board__ssc-due-label{font-size:.6rem;color:var(--color-text-secondary);font-style:italic}.route-board__map-marker--ssc .route-board__map-marker-inner{border:2px solid white;box-shadow:0 2px 6px #0000004d}.agenda-day__wo-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;border-radius:8px;background:var(--color-warning, #f59e0b);color:#fff;font-size:.6rem;font-weight:700;padding:0 3px;margin-left:auto}.agenda-unscheduled-banner{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-xs);background:color-mix(in srgb,var(--color-warning) 12%,var(--color-bg-secondary));border:1px solid color-mix(in srgb,var(--color-warning) 30%,transparent);border-radius:var(--radius-sm);font-size:.8rem;color:var(--color-text)}.agenda-unscheduled-banner svg{color:var(--color-warning);flex-shrink:0}.agenda-unscheduled-banner .btn{margin-left:auto}.agenda-day--drop-target{background:color-mix(in srgb,var(--color-primary) 15%,transparent)!important;outline:2px dashed var(--color-primary);outline-offset:-2px}.route-board__mobile-tabs{display:none}.route-board__action-sheet-backdrop{position:fixed;inset:0;background:var(--glass-overlay-bg);z-index:999}.route-board__action-sheet{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px 16px 0 0;padding:var(--space-sm) var(--space-md) calc(var(--space-md) + env(safe-area-inset-bottom,0px));box-shadow:var(--glass-shadow);max-height:70vh;overflow-y:auto}.route-board__action-sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--color-border);margin:0 auto var(--space-sm)}.route-board__action-sheet-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.route-board__action-sheet-title{font-weight:600;font-size:1rem;margin-bottom:var(--space-xs);color:var(--color-text)}.route-board__action-sheet-property{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem;color:var(--color-text-secondary);margin-bottom:var(--space-md)}.route-board__action-sheet-label{display:block;font-size:.8rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.03em}.route-board__action-sheet-select{width:100%;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text);font-size:1rem;margin-bottom:var(--space-md);-webkit-appearance:none;appearance:none}.route-board__action-sheet-buttons{display:flex;flex-direction:column;gap:var(--space-xs)}.route-board__action-sheet-buttons .btn{width:100%;justify-content:center;padding:var(--space-sm);font-size:.95rem}.route-board__map-team-strip{display:none}.route-board__map-team-btn{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.route-board__map-team-btn--active{background:var(--color-primary);color:#000;border-color:var(--color-primary)}@media(max-width:768px){.route-board__mobile-tabs{display:flex;gap:var(--space-xs);padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xs)}.route-board__mobile-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-xs);border:none;border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.route-board__mobile-tab--active{background:var(--color-primary);color:#000}.route-board{height:auto;min-height:0;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.route-board__body{flex-direction:column;overflow-y:auto;overflow-x:hidden;flex:1}.route-board__body .route-board__unscheduled,.route-board__body .route-board__teams,.route-board__body .route-board__map{display:none!important}.route-board__body[data-mobile-view=unassigned] .route-board__unscheduled{display:block!important;width:100%;max-height:none}.route-board__body[data-mobile-view=teams] .route-board__teams{display:block!important;width:100%}.route-board__body[data-mobile-view=map] .route-board__map{display:flex!important;flex-direction:column;width:100%;flex:1;min-height:400px}.route-board__legend{display:none}.route-board__map-team-strip{display:flex;gap:var(--space-xs);padding:var(--space-xs);overflow-x:auto;-webkit-overflow-scrolling:touch;flex-shrink:0}.route-board__header-row1,.route-board__header-row2{flex-wrap:wrap}.route-board__wo-card{padding:var(--space-sm);min-height:56px;cursor:pointer}.route-board__wo-card:active{transform:scale(.98);box-shadow:0 1px 3px #00000026}.route-board__ssc-card{padding:var(--space-sm);min-height:56px}.route-board__wo-remove{opacity:1}}.permissions-manager{max-width:560px;margin:0 auto;padding:var(--space-4)}.permissions-manager__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4)}.permissions-manager__header h2{margin:0;font-size:1.25rem}.permissions-manager__subtitle{margin:var(--space-1) 0 0;font-size:.85rem;color:var(--color-text-secondary)}.permissions-manager__body{display:flex;flex-direction:column;gap:var(--space-4)}.permissions-manager__section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:0 0 var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--color-border)}.permissions-manager__error{color:var(--color-danger);padding:var(--space-3);text-align:center}.permissions-manager__loading{color:var(--color-text-secondary);padding:var(--space-6);text-align:center}.permissions-manager__footer{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.perm-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0}.perm-row+.perm-row{border-top:1px solid color-mix(in srgb,var(--color-border) 50%,transparent)}.perm-row--locked{opacity:.7}.perm-row__info{display:flex;flex-direction:column;gap:2px;min-width:0}.perm-row__name{font-weight:500;font-size:.9rem}.perm-row__desc{font-size:.75rem;color:var(--color-text-secondary)}.perm-row__badge{font-size:.7rem;padding:2px 8px;border-radius:var(--radius-sm);background:var(--color-primary);color:#000;white-space:nowrap;flex-shrink:0}.perm-toggle{position:relative;cursor:pointer;flex-shrink:0}.perm-toggle input{position:absolute;opacity:0;width:0;height:0}.perm-toggle__track{display:block;width:40px;height:22px;border-radius:11px;background:var(--color-bg-tertiary);transition:background .2s;position:relative}.perm-toggle input:checked+.perm-toggle__track{background:var(--color-primary)}.perm-toggle__thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}.perm-toggle input:checked+.perm-toggle__track .perm-toggle__thumb{transform:translate(18px)}.catalog-overlay{z-index:100}.catalog-modal{width:95vw;max-width:900px;max-height:90vh;display:flex;flex-direction:column}.catalog-body{flex:1;overflow-y:auto;padding:1rem 1rem 4rem}.catalog-filters{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.catalog-search{width:100%}.catalog-chips{display:flex;gap:.375rem;flex-wrap:wrap}.catalog-chip{padding:.25rem .625rem;border-radius:999px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;white-space:nowrap;transition:all .15s}.catalog-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.catalog-chip--active{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.catalog-brand-filter{max-width:200px}.catalog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(max-width:600px){.catalog-grid{grid-template-columns:1fr}}.catalog-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;overflow:hidden;transition:border-color .15s,box-shadow .15s;cursor:default}.catalog-card:hover{border-color:var(--brand-accent, var(--color-border))}.catalog-card--selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.catalog-card__brand-bar{width:4px;flex-shrink:0;background:var(--brand-accent, var(--color-border))}.catalog-card__content{flex:1;padding:.75rem;min-width:0}.catalog-card__brand-badge{display:inline-block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.125rem .375rem;border:1.5px solid;border-radius:999px;margin-bottom:.375rem}.catalog-card__name{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-card__model{font-size:.75rem;color:var(--color-text-secondary);margin:0 0 .25rem;font-family:var(--font-mono)}.catalog-card__price{font-size:.875rem;font-weight:600;color:var(--color-primary);margin:0 0 .125rem}.catalog-card__reference{font-size:.7rem;color:var(--color-text-tertiary);margin:0 0 .125rem;font-style:italic}.catalog-card__category{font-size:.7rem;color:var(--color-text-tertiary);margin:0 0 .375rem;text-transform:uppercase;letter-spacing:.04em}.catalog-card__actions{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap}.catalog-card__delete{color:var(--color-danger)!important}.catalog-add-company-btn{color:var(--color-primary)!important;font-weight:500}.catalog-added-btn{color:var(--color-success, #10b981)!important;opacity:.7;cursor:default!important}.catalog-section-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0 .75rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);font-weight:600}.catalog-section-divider:before,.catalog-section-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.compare-bar{position:sticky;bottom:0;left:0;right:0;background:var(--color-bg-primary);border-top:1px solid var(--color-border);padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;color:var(--color-text-secondary);z-index:5}.compare-view{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}@media(max-width:600px){.compare-view{grid-template-columns:1fr}}.compare-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;overflow:hidden}.compare-card__content{flex:1;padding:1rem}.compare-card__name{font-size:1rem;font-weight:600;margin:.25rem 0 .75rem;color:var(--color-text-primary)}.compare-card__fields{display:flex;flex-direction:column;gap:.5rem}.compare-field{display:flex;justify-content:space-between;align-items:baseline;padding:.25rem 0;border-bottom:1px solid color-mix(in srgb,var(--color-border) 50%,transparent)}.compare-field__label{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em}.compare-field__value{font-size:.8125rem;font-weight:500;color:var(--color-text-primary)}.catalog-form{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem}.catalog-form__title{font-size:.875rem;font-weight:600;margin:0 0 .75rem;color:var(--color-text-primary)}.catalog-form__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(max-width:480px){.catalog-form__grid{grid-template-columns:1fr}}.catalog-form__actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.75rem}.catalog-related-banner{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-bottom:.75rem;background:color-mix(in srgb,var(--color-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);border-radius:var(--radius-md, .5rem);font-size:.85rem;color:var(--color-text-primary)}.catalog-related-banner svg{color:var(--color-primary);flex-shrink:0}.catalog-related-btn{color:var(--color-primary)!important}.catalog-view-toggle{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md, .5rem);overflow:hidden}.catalog-view-toggle__btn{display:flex;align-items:center;gap:.25rem;padding:.3rem .6rem;font-size:.75rem;font-weight:500;background:transparent;color:var(--color-text-secondary);border:none;cursor:pointer;transition:background .15s,color .15s}.catalog-view-toggle__btn:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.catalog-view-toggle__btn--active{background:var(--color-primary);color:var(--color-primary-text)}.catalog-view-toggle__btn--active:hover{background:var(--color-primary)}.catalog-card__thumb{width:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:color-mix(in srgb,var(--color-bg-primary) 60%,transparent)}.catalog-card__thumb img{width:100%;height:100%;object-fit:cover}.catalog-card__thumb--icon{color:var(--color-text-tertiary)}.catalog-card__thumb--icon svg{opacity:.5}.catalog-card__category svg{vertical-align:-2px;opacity:.6}.catalog-photo-btn{color:var(--color-primary)!important}.catalog-import-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem}.catalog-import-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.catalog-import-panel__header h3{font-size:.9375rem;font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem;color:var(--color-text-primary)}.catalog-import-panel__desc{font-size:.8125rem;color:var(--color-text-secondary);margin:0 0 .75rem}.catalog-import-panel__formats{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.75rem;font-size:.75rem;color:var(--color-text-secondary)}.catalog-import-panel__formats code{font-family:var(--font-mono);font-size:.7rem;background:var(--color-bg-primary);padding:.125rem .375rem;border-radius:4px}.catalog-import-panel__file{margin-bottom:.75rem}.catalog-import-panel__file input[type=file]{font-size:.8125rem;color:var(--color-text-primary)}.catalog-import-preview{margin-top:.75rem}.catalog-import-preview__header{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.5rem}.catalog-import-preview__table{max-height:300px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.catalog-import-preview__table table{width:100%;border-collapse:collapse;font-size:.75rem}.catalog-import-preview__table th{background:var(--color-bg-primary);padding:.375rem .5rem;text-align:left;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;position:sticky;top:0}.catalog-import-preview__table td{padding:.3rem .5rem;border-top:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);color:var(--color-text-primary)}.catalog-import-row--error td{background:color-mix(in srgb,var(--color-danger) 8%,transparent)}.text-danger{color:var(--color-danger);font-size:.7rem}.catalog-import-preview__actions{display:flex;justify-content:flex-end;margin-top:.75rem}.agenda-confirm-btn{font-size:.75rem}.agenda-chip--projected{border-style:dashed!important;opacity:.85}.agenda-chip--confirmed{border-style:solid!important}.onboarding-wizard{position:fixed;inset:0;background:var(--color-bg);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--space-md)}.onboarding-wizard__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:520px;width:100%;padding:var(--space-lg);box-shadow:0 8px 32px #0000001f;max-height:90vh;overflow-y:auto}.onboarding-wizard__progress{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.onboarding-wizard__progress-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border);transition:background .2s,transform .2s}.onboarding-wizard__progress-dot--active{background:var(--color-primary);transform:scale(1.3)}.onboarding-wizard__progress-dot--completed{background:var(--color-success, #22c55e)}.onboarding-wizard__actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-md)}.setup-reminder{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--color-text-muted)}.setup-reminder button{margin-left:auto}[data-theme=cyberpunk] .header{border-bottom:2px solid #00ffff;animation:cyberpunk-header-breathe 4s ease-in-out infinite}@keyframes cyberpunk-header-breathe{0%,to{border-bottom-color:#00ffff4d;box-shadow:0 2px 8px #0ff0}50%{border-bottom-color:#0ff;box-shadow:0 2px 12px #00ffff4d}}[data-theme=cyberpunk] .header__logo{animation:cyberpunk-logo-breathe 3s ease-in-out infinite}@keyframes cyberpunk-logo-breathe{0%,to{text-shadow:0 0 4px #00ffff,0 0 12px rgba(0,255,255,.4)}50%{text-shadow:0 0 8px #00ffff,0 0 25px rgba(0,255,255,.7),0 0 50px rgba(0,255,255,.3)}}[data-theme=cyberpunk] .header__logo svg{animation:cyberpunk-icon-breathe 3s ease-in-out infinite}@keyframes cyberpunk-icon-breathe{0%,to{filter:drop-shadow(0 0 3px rgba(0,255,255,.5))}50%{filter:drop-shadow(0 0 10px rgba(0,255,255,.9)) drop-shadow(0 0 20px rgba(0,255,255,.4))}}[data-theme=cyberpunk] .tab--active{animation:cyberpunk-tab-breathe 3s ease-in-out infinite}@keyframes cyberpunk-tab-breathe{0%,to{text-shadow:0 0 4px rgba(0,255,255,.3);filter:drop-shadow(0 0 2px rgba(0,255,255,0))}50%{text-shadow:0 0 10px #00ffff,0 0 25px rgba(0,255,255,.6);filter:drop-shadow(0 0 6px rgba(0,255,255,.4))}}[data-theme=cyberpunk] .home-card{border-left:3px solid rgba(0,255,255,.3);animation:cyberpunk-card-breathe 4s ease-in-out infinite}[data-theme=cyberpunk] .home-card:nth-child(2){animation-delay:-2s}@keyframes cyberpunk-card-breathe{0%,to{border-left-color:#00ffff4d;box-shadow:-2px 0 8px #0ff0}50%{border-left-color:#0ff;box-shadow:-2px 0 12px #00ffff26}}[data-theme=cyberpunk] .home-card:hover{border-left-color:#0ff;background:linear-gradient(90deg,rgba(0,255,255,.04) 0%,transparent 30%),var(--color-bg-secondary)}[data-theme=cyberpunk] .property-item:hover,[data-theme=cyberpunk] .property-card:hover{border-color:#00ffff4d;background:linear-gradient(90deg,rgba(0,255,255,.03) 0%,transparent 20%),var(--color-bg-secondary)}[data-theme=cyberpunk] .input:focus,[data-theme=cyberpunk] .form-input:focus,[data-theme=cyberpunk] textarea.input:focus,[data-theme=cyberpunk] textarea.form-input:focus{border-color:#0ff;box-shadow:0 0 0 3px #0ff3,inset 0 0 8px #00ffff0d}[data-theme=cyberpunk] .btn--primary{border:1px solid rgba(0,255,255,.6);animation:cyberpunk-btn-breathe 3s ease-in-out infinite}[data-theme=cyberpunk] .btn--primary:hover{animation-play-state:paused;border-color:#0ff;text-shadow:0 0 8px rgba(0,255,255,.6)}@keyframes cyberpunk-btn-breathe{0%,to{border-color:#00ffff4d;text-shadow:none;box-shadow:0 0 4px #0ff0}50%{border-color:#0ff;text-shadow:0 0 6px rgba(0,255,255,.5);box-shadow:0 0 10px #0ff3,inset 0 0 6px #00ffff0d}}[data-theme=cyberpunk] .btn--success{border:1px solid rgba(0,255,136,.5);animation:cyberpunk-btn-success-breathe 4s ease-in-out infinite}@keyframes cyberpunk-btn-success-breathe{0%,to{border-color:#00ff884d}50%{border-color:#0f8c}}[data-theme=cyberpunk] .btn--danger{border:1px solid rgba(255,51,102,.5);animation:cyberpunk-btn-danger-breathe 4s ease-in-out infinite}@keyframes cyberpunk-btn-danger-breathe{0%,to{border-color:#ff33664d}50%{border-color:#f36c}}[data-theme=cyberpunk] .btn--warning{border:1px solid rgba(255,170,0,.5);animation:cyberpunk-btn-warning-breathe 4s ease-in-out infinite}@keyframes cyberpunk-btn-warning-breathe{0%,to{border-color:#ffaa004d}50%{border-color:#fa0c}}[data-theme=cyberpunk] .toast{border:1px solid rgba(0,255,255,.3)}@media(prefers-reduced-motion:reduce){[data-theme=cyberpunk] .header,[data-theme=cyberpunk] .header__logo,[data-theme=cyberpunk] .header__logo svg,[data-theme=cyberpunk] .tab--active,[data-theme=cyberpunk] .dashboard-card,[data-theme=cyberpunk] .btn--primary,[data-theme=cyberpunk] .btn--success,[data-theme=cyberpunk] .btn--danger,[data-theme=cyberpunk] .btn--warning{animation:none}}.bug-report-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.bug-report-modal__header h3{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:600;margin:0}.bug-report-modal .form-input,.bug-report-modal textarea.form-input{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}[data-theme=cyberpunk] .bug-report-modal .form-input,[data-theme=cyberpunk] .bug-report-modal textarea.form-input{background:var(--color-bg-tertiary);color:#e0e0ff;border-color:var(--color-border)}[data-theme=cyberpunk] .bug-report-modal .form-label{color:var(--color-text-secondary)}.reorder-zones-btn{display:inline-flex;align-items:center;gap:4px;font-size:.75rem}.btn-label-mobile{display:inline}@media(min-width:768px){.btn-label-mobile{display:none}}.zone-reorder-modal{max-width:420px;width:100%}.zone-reorder-modal .modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--color-border)}.zone-reorder-modal .modal__header h3{display:flex;align-items:center;gap:var(--space-xs);margin:0;font-size:1rem}.zone-reorder-modal .modal__body{padding:var(--space-md)}.zone-reorder-modal .modal__footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--color-border)}.zone-reorder__label{font-size:.8rem;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.zone-reorder__list{margin-bottom:var(--space-md)}.zone-reorder__item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.zone-reorder__item--gap{border:1px dashed var(--color-border);background:var(--color-bg-tertiary);opacity:.6}.zone-reorder__number{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:600}.zone-reorder__item--gap .zone-reorder__number{background:var(--color-border);color:var(--color-text-muted)}.zone-reorder__name{font-size:.85rem;flex:1}.zone-reorder__name--empty{font-style:italic;color:var(--color-text-muted)}.zone-reorder__modes{display:flex;flex-direction:column;gap:var(--space-sm)}.zone-reorder__mode-btn{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);min-height:44px;text-align:left;padding:var(--space-sm) var(--space-md)}.zone-reorder__mode-desc{display:block;width:100%;font-size:.75rem;color:var(--color-text-muted);margin-top:2px}.zone-reorder__diff{margin:var(--space-sm) 0;padding:var(--space-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.zone-reorder__diff-item{padding:var(--space-xs) 0;font-size:.85rem;font-family:var(--font-mono)}.zone-reorder__note{font-size:.8rem;color:var(--color-text-muted);margin-top:var(--space-sm)}.zone-reorder__manual-list{display:flex;flex-direction:column;gap:2px;margin:var(--space-sm) 0}.zone-reorder__manual-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border)}.zone-reorder__manual-btns{display:flex;gap:2px;margin-left:auto}.zone-reorder__manual-btns .btn--icon{min-width:36px;min-height:36px}.zone-reorder__manual-item--add{border-style:dashed;background:transparent}.zone-reorder__number--add{background:var(--color-border);color:var(--color-text-muted)}@media(min-width:768px){.zone-reorder__manual-btns .btn--icon{min-width:28px;min-height:28px}}