:root{--bg-black: #000000;--bg-primary: #1C1C1E;--bg-secondary: #1C1C1D;--bg-tertiary: #3A3A3C;--border-primary: #38383A;--text-primary: #F2F2F7;--text-secondary: #C7C7CC;--text-tertiary: #8E8E93;--accent-blue: #00A3FF;--accent-blue-hover: #0089E0;--font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", "Roboto", sans-serif;--space-4xs: 0.125rem;--space-3xs: 0.25rem;--space-2xs: 0.5rem;--space-xs: 0.75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 2.5rem;--space-2xl: 3rem;--space-3xl: 4rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);--shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.5);--duration-fast: 150ms;--duration-normal: 250ms;--duration-slow: 350ms;--easing-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 1000;--z-modal: 1001;--z-popover: 2000;--z-tooltip: 3000;--z-notification: 4000;--z-max: 9999}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-black);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}ul,ol{list-style:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background-color:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#48484a}h1{font-size:28px;font-weight:600;color:RGB(0, 163, 255);line-height:1.2;margin:0}h2{font-size:20px;font-weight:600;color:var(--text-primary);line-height:1.3;margin:0}h3{font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.4;margin:0}h4,h5,h6{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.4;margin:0}@media(max-width: 768px){h1{font-size:24px}h2{font-size:18px}}.main-container{background-color:#000;height:100vh;overflow:hidden;display:flex;max-width:1920px;margin-left:auto;margin-right:auto}.main-container:has([data-dropdown-open=true]){overflow:visible}.main-content{flex:1;display:flex;flex-direction:column;background-color:#000;overflow:hidden;min-height:0}.main-content:has([data-dropdown-open=true]){overflow:visible}.content{flex:1;padding:0 30px;overflow-y:auto;background-color:#000}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:8px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .15s ease;position:relative;white-space:nowrap;-webkit-appearance:none;appearance:none;user-select:none}.button--small{padding:6px 12px;font-size:13px;border-radius:6px}.button--medium{padding:8px 16px;font-size:14px}.button--large{padding:12px 24px;font-size:16px;border-radius:10px}.button--primary{background-color:var(--accent-blue);color:#fff}.button--primary:hover:not(.button--disabled){background-color:#0a84ff;transform:translateY(-1px);box-shadow:0 2px 8px rgba(10,132,255,.3)}.button--primary:active:not(.button--disabled){transform:translateY(0);box-shadow:none}.button--secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.button--secondary:hover:not(.button--disabled){background-color:var(--bg-tertiary);border-color:var(--border-secondary)}.button--secondary:active:not(.button--disabled){background-color:var(--bg-primary)}.button--danger{background-color:#ff3b30;color:#fff}.button--danger:hover:not(.button--disabled){background-color:#ff453a;transform:translateY(-1px);box-shadow:0 2px 8px rgba(255,69,58,.3)}.button--danger:active:not(.button--disabled){transform:translateY(0);box-shadow:none}.button--ghost{background-color:rgba(0,0,0,0);color:var(--text-primary)}.button--ghost:hover:not(.button--disabled){background-color:var(--bg-secondary)}.button--ghost:active:not(.button--disabled){background-color:var(--bg-tertiary)}.button--link{background:none;border:none;color:var(--accent-blue);padding:8px 16px;text-decoration:none}.button--link:hover:not(.button--disabled){text-decoration:underline;transform:none;box-shadow:none}.button--link:active:not(.button--disabled){transform:none}.button--disabled{opacity:.5;cursor:not-allowed}.button--disabled:hover{transform:none;box-shadow:none}.button--loading{cursor:wait}.button--loading .button__text{opacity:.7}.button--full-width{width:100%}.button__icon{display:flex;align-items:center;font-size:1.1em}.button__text{display:inline-block}.button__spinner{display:flex;align-items:center;animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.form-input{margin-bottom:20px}.form-input__label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.form-input__required{color:var(--accent-red, #FF3B30)}.form-input__wrapper{position:relative;display:flex;align-items:stretch}.form-input__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:16px;pointer-events:none;z-index:1}.form-input__field{flex:1;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:all .15s ease;width:100%}.form-input__field::placeholder{color:var(--text-tertiary)}.form-input__field:focus{border-color:var(--accent-blue);background-color:var(--bg-secondary)}.form-input__field:disabled{background-color:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.form-input__field:read-only{background-color:var(--bg-tertiary);cursor:default}.form-input__error{margin-top:4px;font-size:13px;color:var(--accent-red, #FF3B30)}.form-input__hint{margin-top:4px;font-size:13px;color:var(--text-tertiary)}.form-input--small .form-input__field{padding:6px 12px;font-size:13px}.form-input--small.form-input--with-icon .form-input__field{padding-left:32px}.form-input--medium .form-input__field{padding:10px 16px;font-size:14px}.form-input--medium.form-input--with-icon .form-input__field{padding-left:40px}.form-input--large .form-input__field{padding:14px 20px;font-size:16px}.form-input--large.form-input--with-icon .form-input__field{padding-left:48px}.form-input--error .form-input__field{border-color:var(--accent-red, #FF3B30)}.form-input--error .form-input__field:focus{border-color:var(--accent-red, #FF3B30)}.form-input--with-icon .form-input__wrapper{position:relative}.form-input--full-width{width:100%}.form-input--full-width .form-input__field{width:100%}.form-input--disabled .form-input__label{opacity:.6}textarea.form-input__field{resize:vertical;min-height:100px;line-height:1.5}input[type=search].form-input__field{-webkit-appearance:none;appearance:none}input[type=search].form-input__field::-webkit-search-decoration,input[type=search].form-input__field::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}input[type=number].form-input__field{-moz-appearance:textfield}input[type=number].form-input__field::-webkit-outer-spin-button,input[type=number].form-input__field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.badge,.job-priority-badge,.job-status-badge{display:inline-flex;align-items:center;gap:4px;font-weight:500;border:none;transition:all .15s ease;white-space:nowrap;background:none;cursor:default;-webkit-appearance:none;appearance:none}.badge--small,.job-priority-badge{padding:2px 8px;font-size:11px;gap:3px}.badge--small .badge__icon,.job-priority-badge .badge__icon{font-size:12px}.badge--medium,.job-status-badge{padding:4px 12px;font-size:13px;gap:4px}.badge--medium .badge__icon,.job-status-badge .badge__icon{font-size:14px}.badge--large{padding:6px 16px;font-size:15px;gap:6px}.badge--large .badge__icon{font-size:16px}.badge--rounded,.job-priority-badge,.job-status-badge{border-radius:999px}.badge:not(.badge--rounded):not(.job-priority-badge):not(.job-status-badge),.job-priority-badge:not(.badge--rounded):not(.job-priority-badge):not(.job-status-badge),.job-status-badge:not(.badge--rounded):not(.job-priority-badge):not(.job-status-badge){border-radius:6px}.badge--default,.job-priority-badge.low,.job-priority-badge.normal,.job-status-badge.open{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.badge--success,.job-status-badge.successfully_completed,.job-status-badge.in_progress{background-color:rgba(50,215,75,.2);color:#32d74b;border:1px solid rgba(50,215,75,.3)}.badge--warning,.job-priority-badge.high,.job-status-badge.waiting_for_customer,.job-status-badge.paused{background-color:rgba(255,159,10,.2);color:#ff9f0a;border:1px solid rgba(255,159,10,.3)}.badge--danger,.job-priority-badge.critical,.job-status-badge.cancelled{background-color:rgba(255,69,58,.2);color:#ff453a;border:1px solid rgba(255,69,58,.3)}.badge--info{background-color:rgba(10,132,255,.2);color:#0a84ff;border:1px solid rgba(10,132,255,.3)}.badge--purple,.job-priority-badge.proactive_followup,.job-status-badge.waiting_for_scheduled_appointment{background-color:rgba(191,90,242,.2);color:#bf5af2;border:1px solid rgba(191,90,242,.3)}.badge--clickable{cursor:pointer}.badge--clickable:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.badge--clickable:active{transform:translateY(0);box-shadow:none}.badge__icon{display:flex;align-items:center;line-height:1}.badge__text{line-height:1.2}.job-priority-badge.low{opacity:.7}.user-avatar,.technician-initials{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;color:#fff;text-transform:uppercase;font-size:12px;line-height:1;flex-shrink:0;user-select:none;text-shadow:.5px .5px 2px rgba(0,0,0,.75)}.user-avatar-sm,.technician-initials{width:24px;height:24px;font-size:10px}.user-avatar-md{width:32px;height:32px;font-size:12px}.user-avatar-lg{width:40px;height:40px;font-size:14px}.user-avatar-xl{width:48px;height:48px;font-size:16px}.assignee-icon .user-avatar,.assignee-icon .technician-initials{width:20px;height:20px;font-size:9px}.status-option .user-avatar,.status-option .technician-initials,.assignee-option .user-avatar,.assignee-option .technician-initials{margin-right:8px}.dropdown-value .user-avatar,.dropdown-value .technician-initials{margin-right:6px}.sidebar{width:280px;min-width:280px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;display:flex;flex-direction:column;user-select:none;flex-shrink:0;margin:12px;margin-right:0;height:calc(100vh - 24px);overflow:hidden;transition:transform .3s ease}.sidebar.sidebar-hidden{transform:translateX(calc(-100% - 12px));pointer-events:none;margin-right:-280px}.sidebar.no-transition{transition:none !important}.sidebar-logo{padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;position:relative}.sidebar-logo .logo-image{height:40px;width:auto;max-width:100%;object-fit:contain}.sidebar-logo .sidebar-close-btn{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background-color:rgba(0,0,0,0);border:2px solid rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;cursor:default;opacity:0;transition:all .2s ease}.sidebar-logo .sidebar-close-btn .close-icon{font-size:20px;color:var(--text-tertiary);font-weight:300;line-height:1;transition:color .2s ease}.sidebar-logo:hover .sidebar-close-btn{opacity:1;background-color:var(--bg-tertiary);border-color:var(--border-primary)}.sidebar-logo .sidebar-close-btn:hover{background-color:rgba(142,142,147,.3)}.sidebar-logo .sidebar-close-btn:hover .close-icon{color:var(--text-primary)}.sidebar-client-header{margin-top:12px;padding:0 4px;text-align:center}.sidebar-client-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.sidebar-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 12px 12px;display:flex;flex-direction:column}.sidebar-scroll-container::-webkit-scrollbar{width:6px}.sidebar-scroll-container::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.sidebar-scroll-container::-webkit-scrollbar-thumb{background-color:var(--bg-tertiary);border-radius:4px}.sidebar-scroll-container::-webkit-scrollbar-thumb:hover{background-color:var(--text-tertiary)}.sidebar-section{padding:0 0 16px 0}.sidebar-section:last-child{padding-bottom:0}.sidebar-section-header{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:4px 16px;margin-bottom:4px}.sidebar-item{display:flex;align-items:center;padding:6px 16px;border-radius:8px;color:var(--text-primary);text-decoration:none;cursor:default;transition:background-color .15s ease}.sidebar-item.active{background-color:var(--accent-blue)}.sidebar-item.active .sidebar-item-text{color:#fff;font-weight:bold;text-shadow:1.5px 1.5px 3px rgba(0,0,0,.5)}.sidebar-item.active .sidebar-item-badge{background-color:rgba(0,0,0,.25);color:#fff;font-weight:bold;text-shadow:0 1px 2px rgba(0,0,0,.5)}.sidebar-item-icon{width:20px;margin-right:12px;text-align:center;font-size:16px}.sidebar-item-text{flex:1;font-size:13px}.sidebar-item-badge{background-color:var(--bg-tertiary);color:var(--text-primary);font-size:12px;font-weight:500;padding:2px 8px;border-radius:12px;margin-left:auto}@media(max-width: 1024px){.sidebar{position:fixed;left:0;top:0;margin:0;height:100vh;z-index:999;transform:translateX(-100%);border-radius:0}}@media(max-width: 768px){.sidebar{position:fixed;left:-260px;width:260px;height:100vh;z-index:1000;transition:left .3s ease;margin:0;border-radius:0;border-left:none;border-top:none;border-bottom:none}.sidebar.open{left:0}}.header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:12px}.header-left{display:flex;align-items:center;gap:8px}.header-right{display:flex;align-items:center;gap:12px}.btn-icon{width:32px;height:32px;border-radius:16px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:default;transition:all .15s ease;font-size:18px}.btn-icon:hover{background-color:var(--bg-tertiary);border-color:#48484a}.btn-icon:active{transform:scale(0.95)}.search-container{position:relative;width:240px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20enable-background%3D%22new%200%200%2025%2025%22%20viewBox%3D%220%200%2025%2025%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22rgb%28134%2C134%2C139%29%22%20style%3D%22%22%3E%3Cpath%20d%3D%22m0%200h25v25h-25z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m20.7443%2019.542-4.5767-4.4741c-.0197-.0192-.0453-.0261-.0663-.043.8847-1.1525%201.4169-2.5898%201.4169-4.1523%200-3.7686-3.0625-6.834-6.8267-6.834s-6.8267%203.0654-6.8267%206.834%203.0625%206.8345%206.8267%206.8345c1.6033%200%203.0762-.5599%204.2425-1.4897.0176.0209.0251.0468.0451.0663l4.5767%204.4741c.1655.1616.3799.2422.5942.2422.2207%200%20.4414-.0854.6079-.2559.3282-.3359.3218-.874-.0136-1.2021zm-15.7798-8.6694c0-3.1616%202.5693-5.7344%205.7271-5.7344s5.727%202.5728%205.727%205.7344c0%203.1621-2.5693%205.7349-5.727%205.7349s-5.7271-2.5728-5.7271-5.7349z%22%2F%3E%3C%2Fsvg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:1}.search-input{width:100%;height:32px;padding:0 6px 0 30px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;color:var(--text-primary);font-size:13px;outline:none;transition:all .15s ease}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{border-color:var(--accent-blue);border-width:2px}.search-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.5);max-height:400px;overflow-y:auto;z-index:1000}.search-section{padding:8px 0;border-bottom:1px solid var(--border-primary)}.search-section:last-child{border-bottom:none}.search-section h3{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:4px 12px;margin-bottom:4px}.search-result{display:block;padding:8px 12px;color:var(--text-primary);text-decoration:none;transition:background-color .15s ease}.search-result:hover{background-color:var(--bg-tertiary)}.search-result.new-client{color:var(--accent-blue)}.user-menu{position:relative;margin-left:16px}.user-menu-button{background:none;border:none;cursor:pointer;padding:0}.user-initials{width:32px;height:32px;border-radius:16px;background-color:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-primary);transition:background-color .15s ease}.user-menu-button:hover .user-initials{background-color:var(--accent-blue);color:#fff}.user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;min-width:240px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.5);z-index:1000}.dropdown-header{padding:16px}.user-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.user-email{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.user-role{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.dropdown-divider{height:1px;background-color:var(--border-primary);margin:0}.dropdown-item{display:block;width:100%;padding:12px 16px;background:none;border:none;color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background-color .15s ease}.dropdown-item:hover{background-color:var(--bg-tertiary)}@media(max-width: 1024px){.search-container{width:200px}}@media(max-width: 768px){.header{padding:0 16px;gap:8px}.header-left{flex:1}.header-right{gap:8px}}@media(max-width: 480px){.header{height:50px}.search-container{width:140px}.search-input{font-size:12px;height:28px}.btn-icon{width:28px;height:28px;font-size:16px}}.user-menu-popover{min-width:240px}.user-menu-popover .user-info{text-align:center;padding:8px 0}.user-menu-popover .user-info .user-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.user-menu-popover .user-info .user-email{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.user-menu-popover .user-info .user-role{font-size:12px;color:var(--text-tertiary);text-transform:capitalize}.user-menu-popover .popover-menu-items{padding:8px 0}.user-menu-popover .popover-menu-items .popover-menu-item{display:block;width:100%;padding:10px 16px;color:var(--text-primary);text-decoration:none;font-size:14px;border-radius:6px;transition:background-color .15s ease}.user-menu-popover .popover-menu-items .popover-menu-item:hover{background-color:var(--bg-tertiary)}.user-menu-popover .popover-actions{padding-top:12px;margin-top:12px}.user-menu{position:relative}.user-menu-button{background:none;border:none;padding:0;cursor:pointer}.user-menu-button:focus{outline:none}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.5);z-index:1000}.dropdown-menu.hidden{display:none}.header .dropdown-menu{position:fixed;top:50px;right:12px}.user-dropdown{min-width:240px}.dropdown-header{padding:16px;border-bottom:1px solid var(--border-primary)}.user-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.user-email{font-size:12px;color:var(--text-secondary);margin-bottom:2px}.user-role{font-size:11px;color:var(--text-tertiary);text-transform:capitalize}.dropdown-divider{height:1px;background-color:var(--border-primary);margin:0}.dropdown-item{display:block;width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-size:14px;color:var(--text-primary);text-decoration:none;cursor:pointer;transition:background-color .15s ease}.dropdown-item:hover{background-color:var(--bg-tertiary)}.dropdown-item:first-child{border-top-left-radius:7px;border-top-right-radius:7px}.dropdown-item:last-child{border-bottom-left-radius:7px;border-bottom-right-radius:7px}button.dropdown-item{font-family:inherit}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.page-header>.button{flex-shrink:0}.page-header .page-header__actions{display:flex;gap:12px;align-items:center}@media(max-width: 640px){.page-header{flex-direction:column;align-items:flex-start}.page-header>.button,.page-header .page-header__actions{width:100%}.page-header>.button .button,.page-header .page-header__actions .button{width:100%;justify-content:center}}.empty-state-wrapper{display:grid;place-items:center;width:100%;min-height:60vh;padding:40px 0}.empty-state{text-align:center;max-width:600px;margin:0 auto}.empty-state-icon{font-size:60px;margin-bottom:24px;opacity:.8}.empty-state h1{margin-bottom:12px}.empty-state h2{font-size:24px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.empty-state p{font-size:16px;color:var(--text-secondary);margin-bottom:12px;line-height:1.6}.empty-state p:last-of-type{margin-bottom:24px}.empty-state a{color:var(--accent-blue);text-decoration:none;transition:color .15s ease}.empty-state a:hover{color:var(--accent-blue-hover);text-decoration:underline}.empty-state .button{margin-top:24px}@media(max-width: 768px){.empty-state h2{font-size:20px}.empty-state p{font-size:14px}}.popover{background-color:var(--bg-secondary, #1C1C1D);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.5);z-index:1000;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;position:absolute;min-width:280px;overflow:visible;transform:translateY(0) scale(1);transition:opacity .2s ease-out,transform .2s ease-out,visibility .2s}.popover:not(.hidden){opacity:1 !important;animation:popoverFadeIn .2s ease-out}.popover.hidden{opacity:0;transform:translateY(-8px) scale(0.95) !important;visibility:hidden;pointer-events:none}@keyframes popoverFadeIn{from{opacity:0;transform:translateY(-8px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popover-header{padding:16px;border-bottom:1px solid var(--border-primary)}.popover-header h3{font-size:16px;font-weight:600;color:var(--text-primary)}.popover-content{padding:16px;overflow:visible;position:relative}.popover-input{width:100%;padding:12px;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:14px;outline:none;resize:none;font-family:var(--font-family)}.popover-input:focus{border-color:var(--accent-blue)}.popover-section{margin-bottom:16px}.popover-section:last-child{margin-bottom:0}.popover-section h3{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.dropdown-container{position:relative;overflow:visible}.dropdown-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .15s ease}.dropdown-button:hover{background-color:var(--bg-tertiary);border-color:var(--border-secondary)}.dropdown-value{display:flex;align-items:center;gap:8px}.dropdown-arrow{font-size:10px;color:var(--text-tertiary);transition:transform .15s ease}.dropdown-button[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.5);z-index:1003;max-height:221px;overflow-y:auto;min-width:200px}.dropdown-menu[style*="position: fixed"]{top:auto !important;left:auto !important}.popover-actions{padding-top:16px;border-top:1px solid var(--border-primary);margin-top:16px}.job-popover{margin-top:0}.popover-arrow{position:absolute;top:-8px;right:20px;width:16px;height:8px;overflow:visible;background:rgba(0,0,0,0);border:none}.popover-arrow svg{display:block;width:100%;height:100%}.popover-arrow::before{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;background-color:var(--bg-secondary);border-top:1px solid var(--border-primary);border-left:1px solid var(--border-primary);transform:rotate(45deg);transform-origin:center}.popover-arrow:has(svg)::before{display:none}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;z-index:1100;background-color:var(--bg-secondary, #1C1C1D);border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:100%;opacity:1 !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}.popover .dropdown-menu{z-index:1200}.dropdown-menu[style*="position: fixed"]{z-index:10000 !important;min-width:0 !important;pointer-events:auto !important;margin-top:0 !important}.dropdown-menu.dropdown-up{top:auto !important}.task-status-container .dropdown-menu{z-index:10000 !important}.popover .dropdown-container,.task-status-container,.dropdown-container{position:relative;overflow:visible !important}.popover .dropdown-container[data-dropdown-open=true],.task-status-container[data-dropdown-open=true],.dropdown-container[data-dropdown-open=true]{isolation:isolate;z-index:1000}.dropdown-container{position:relative;overflow:visible !important}[data-dropdown-open=true]{overflow:visible !important}.dropdown-menu:not(.hidden){pointer-events:auto !important;opacity:1 !important;visibility:visible !important;isolation:isolate}.dropdown-option{display:flex;align-items:center;width:100%;padding:8px 12px;background:rgba(0,0,0,0);border:none;color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background-color .15s ease}.dropdown-option:hover{background-color:var(--bg-tertiary)}.dropdown-option.active{background-color:var(--bg-tertiary)}.popover .dropdown-option.selected{background-color:var(--accent-blue);color:#fff}.dropdown-icon{width:20px;text-align:center;margin-right:8px;flex-shrink:0}.dropdown-icon.dropdown-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--accent-blue);color:#fff;font-size:10px;font-weight:600}.dropdown-label{flex:1}.dropdown-check{margin-left:auto;color:var(--accent-blue);font-weight:bold;display:none}.dropdown-option.active .dropdown-check{display:inline}input.dropdown-value{display:none !important}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#000;padding:20px}.auth-box{width:100%;max-width:400px;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;padding:48px 40px;box-shadow:0 4px 12px rgba(0,0,0,.3)}.auth-logo{text-align:center;margin-bottom:32px}.auth-logo-image{height:48px;width:auto;max-height:48px}.auth-title{font-size:28px;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:32px}.auth-form .form-group{margin-bottom:24px}.auth-form .form-label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:14px;font-weight:500}.auth-form .form-input{width:100%;padding:12px 16px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:16px;outline:none;transition:all .15s ease}.auth-form .form-input:focus{border-color:var(--accent-blue);background-color:var(--bg-tertiary)}.auth-form .form-input::placeholder{color:var(--text-tertiary)}.auth-form .submit-button{width:100%;padding:12px 24px;background-color:var(--accent-blue);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s ease}.auth-form .submit-button:hover{background-color:#0051d5}.auth-form .submit-button:active{transform:scale(0.98)}.auth-links{margin-top:24px;text-align:center}.auth-links a{color:var(--accent-blue);text-decoration:none;font-size:14px}.auth-links a:hover{text-decoration:underline}.remember-me{display:flex;align-items:center;gap:8px;margin-bottom:24px}.remember-me input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-blue)}.remember-me label{color:var(--text-secondary);font-size:14px}.alert{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.alert.alert-error{background-color:rgba(255,59,48,.1);border:1px solid rgba(255,59,48,.3);color:#ff3b30}.alert.alert-success{background-color:rgba(52,199,89,.1);border:1px solid rgba(52,199,89,.3);color:#34c759}.clients-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.clients-header h1{margin-bottom:0}.clients-list{display:flex;flex-direction:column;border:1px solid var(--border-primary);border-radius:8px;overflow:hidden;background-color:var(--bg-secondary)}.client-item{display:flex;align-items:center;gap:12px;padding:16px 20px;text-decoration:none;transition:all .15s ease;border-bottom:1px solid var(--border-primary)}.client-item:last-child{border-bottom:none}.client-item:hover{background-color:var(--bg-tertiary)}.client-type-emoji{font-size:20px;flex-shrink:0}.client-name{font-size:16px;font-weight:500;color:var(--text-primary)}.client-detail-container{max-width:800px;margin:0 auto;padding:40px}.client-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.client-header h1{margin-bottom:8px}.client-type-badge{display:inline-block;font-size:14px;padding:6px 12px;border-radius:6px;background-color:var(--bg-tertiary)}.client-actions{display:flex;gap:12px}.client-info-section{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:24px}.client-info-section h2{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.people-list{display:flex;flex-direction:column;border:1px solid var(--border-primary);border-radius:8px;overflow:hidden;background-color:var(--bg-secondary)}.person-item{display:flex;align-items:center;padding:16px 20px;text-decoration:none;transition:all .15s ease;border-bottom:1px solid var(--border-primary)}.person-item:last-child{border-bottom:none}.person-item:hover{background-color:var(--bg-tertiary)}.person-info{display:flex;align-items:center;justify-content:space-between;width:100%}.person-name{font-size:16px;font-weight:500;color:var(--text-primary)}.person-contacts{display:flex;align-items:center;gap:8px}.contact-icon{font-size:16px}.person-detail-container{padding:40px}.person-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.person-actions{display:flex;gap:12px}.person-info-section{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:24px;margin-bottom:24px}.person-info-section h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 16px 0}.contact-methods-list{display:flex;flex-direction:column;gap:12px}.contact-method-item{display:flex;gap:16px}.contact-type{font-weight:500;color:var(--text-secondary);min-width:80px}.contact-value{color:var(--text-primary)}.notes-content{white-space:pre-wrap;color:var(--text-primary);line-height:1.6}.person-form .contact-methods{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.contact-method-field{display:flex;gap:12px;align-items:center}.contact-method-field .form-input{flex:1}.btn-sm{padding:6px 12px;font-size:13px}.devices-list{display:flex;flex-direction:column;border:1px solid var(--border-primary);border-radius:8px;overflow:hidden;background-color:var(--bg-secondary)}.device-item{display:flex;align-items:center;padding:16px 20px;text-decoration:none;transition:all .15s ease;border-bottom:1px solid var(--border-primary)}.device-item:last-child{border-bottom:none}.device-item:hover{background-color:var(--bg-tertiary)}.device-info{display:flex;align-items:center;justify-content:space-between;width:100%}.device-name{font-size:16px;font-weight:500;color:var(--text-primary)}.device-meta{display:flex;align-items:center;gap:12px}.meta-icon{font-size:16px}.meta-text{font-size:14px;color:var(--text-secondary)}.device-detail-container{padding:40px}.device-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.device-actions{display:flex;gap:12px}.device-info-section{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:24px}.device-info-section h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 20px 0}.text-link{color:var(--accent-blue);text-decoration:none}.text-link:hover{text-decoration:underline}.job-card-inline{display:flex;align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:12px 16px;text-decoration:none;color:inherit;transition:all .2s ease;gap:12px}.job-card-inline:hover{background-color:var(--bg-tertiary);border-color:var(--accent-blue)}.job-status-emoji{font-size:18px;flex-shrink:0}.job-name-section{flex:1;display:flex;align-items:baseline;overflow:hidden}.client-name-prefix{color:var(--text-tertiary);font-size:13px;font-weight:400;padding-right:13px}.job-name{font-weight:600;color:var(--text-primary);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-right-section{display:flex;align-items:center;gap:12px;flex-shrink:0}.job-priority-emoji{font-size:18px}.technician-avatar{width:28px;height:28px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;text-shadow:.5px .5px 2px rgba(0,0,0,.75);border:1px solid var(--border-primary)}.job-view{height:100%;display:flex;flex-direction:column;background-color:#000}.job-view .task-wrapper{cursor:grab}.job-view .task-wrapper.dragging{cursor:grabbing}.job-view .task-item{cursor:grab;touch-action:none;user-select:none}.job-view .task-item:active{cursor:grabbing}.job-view .task-title{cursor:text !important;user-select:text}.job-title-section{flex:0 0 auto}.job-title{padding:8px 0;border:none;background:none;outline:none;display:inline-block;cursor:text}.job-title:empty::before{content:attr(data-placeholder);color:#999;font-weight:normal}.job-title.saving{opacity:.6;cursor:wait}.tasks-container{flex:1;overflow-y:auto;overflow-x:visible;background-color:#000;position:relative;z-index:auto}.tasks-list{max-width:100%;position:relative;z-index:auto}.task-wrapper{position:relative;z-index:auto}.task-wrapper:has([data-dropdown-open=true]){z-index:1000 !important}.task-item{display:flex;align-items:flex-start;padding:4px !important;border:none !important;border-radius:8px !important;background:none !important;background-color:rgba(0,0,0,0) !important;transition:opacity .2s,transform .3s cubic-bezier(0.4, 0, 0.2, 1);cursor:default;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;will-change:transform;position:relative;z-index:1}.task-item:has([data-dropdown-open=true]){z-index:1000 !important}.task-item[data-flip-animating=true]{transition:transform .4s cubic-bezier(0.4, 0, 0.2, 1)}.task-item.completed .task-title,.task-item.completed .task-content,.task-item.completed .task-assignee,.task-item.completed .task-timer,.task-item.completed .add-subtask-button{opacity:.75}.task-item.completed .task-title{color:#8e8e93}.task-item.cancelled .task-title,.task-item.cancelled .task-content,.task-item.cancelled .task-assignee,.task-item.cancelled .task-timer,.task-item.cancelled .add-subtask-button{opacity:.75}.task-item.cancelled .task-title{color:#8e8e93;text-decoration:line-through;text-decoration-color:#8e8e93;text-decoration-thickness:1px}.task-item.selected{background-color:var(--accent-blue) !important}.task-item.selected .task-title{color:#fff !important}.task-item.selected .task-assignee{color:hsla(0,0%,100%,.8) !important}.task-item.selected .task-timer{color:hsla(0,0%,100%,.8) !important}.task-item.selected .task-info-button{color:#fff !important;opacity:.9 !important}.task-item.selected .task-info-button:hover{opacity:1 !important;background-color:hsla(0,0%,100%,.2) !important}.task-item.selected .note-indicator,.task-item.selected .timer-icon{filter:brightness(1.2)}.task-item.selected .subtask-toggle{color:#fff !important}.task-item.selected .subtask-toggle:hover{opacity:1 !important}.task-item.selected .add-subtask-button{color:#fff !important;background-color:hsla(0,0%,100%,.15) !important}.task-item.selected .add-subtask-button:hover{background-color:hsla(0,0%,100%,.25) !important}.task-item.new-task{border-bottom:none;margin-bottom:8px}.new-task-wrapper .task-item{cursor:pointer;transition:background-color .15s ease}.new-task-wrapper .task-item:hover{background-color:hsla(0,0%,100%,.05)}.new-task-wrapper .task-status-button{pointer-events:none;cursor:default}.new-task-wrapper .task-status-button span{opacity:.5 !important;visibility:visible !important}.new-task-wrapper .task-title{color:#fff !important}.new-task-wrapper .task-title.new-task-placeholder:empty::before{content:attr(data-placeholder);color:#48484a !important;pointer-events:none}.new-task-wrapper .task-title:focus{color:#fff !important}.task-status-container{flex-shrink:0;padding-top:2px;position:relative;z-index:auto;margin-right:8px}.task-status-container[data-dropdown-open=true]{z-index:1001 !important}.task-status-button{width:20px;height:20px;padding:0;background:none;border:none;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.task-status-button:hover{opacity:.8}.task-status-button:disabled{cursor:default}.task-item.selected .task-status-button{filter:brightness(1.2)}.task-content{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.subtask-toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;cursor:pointer;color:var(--text-tertiary);transition:transform .2s ease;flex-shrink:0;margin-right:4px}.subtask-toggle:hover{opacity:.8}.subtask-toggle .chevron{transition:transform .2s ease;display:block}.subtask-toggle[aria-expanded=false] .chevron{transform:rotate(-90deg)}.subtask-toggle-spacer{width:20px;height:20px;flex-shrink:0;margin-right:4px}.task-title{font-size:17px;color:#fff;margin-bottom:2px;word-wrap:break-word;font-weight:400;line-height:1.3;cursor:text;outline:none;display:inline-block;min-width:75px;width:fit-content;max-width:100%;pointer-events:auto;user-select:text}.task-right{display:flex;align-items:center;gap:8px;flex-shrink:0;pointer-events:none}.task-right>*{pointer-events:auto}.task-info-button{width:24px;height:24px;border-radius:50%;background:none;border:none;color:var(--accent-blue);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;opacity:0;pointer-events:none}.task-item:hover .task-info-button{opacity:.7;pointer-events:auto}.task-item.selected .task-info-button{opacity:.9;pointer-events:auto}.task-item:has(.task-title:focus) .task-info-button{opacity:.7;pointer-events:auto}.task-info-button:hover{opacity:1 !important;background-color:var(--bg-tertiary)}.task-info-button:active{transform:scale(0.95)}.task-timer{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-tertiary)}.task-timer .timer-icon{font-size:14px}.task-timer .timer-display{font-variant-numeric:tabular-nums;font-weight:500}.task-timer.active{color:var(--accent-blue)}.task-icon{font-size:18px;color:#8e8e93;cursor:pointer}.task-icon:hover{color:#aeaeb2}.task-icon.info-icon{color:#0a84ff;font-size:20px}.task-assignee-icon{display:flex;align-items:center;justify-content:center}.task-assignee-icon .technician-initials{width:24px;height:24px;font-size:11px}.add-subtask-button{opacity:0;width:24px;height:24px;border-radius:12px;background-color:var(--bg-tertiary);border:none;color:var(--text-secondary);font-size:16px;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.task-item:hover .add-subtask-button{opacity:1}.add-subtask-button:hover{background-color:var(--accent-blue);color:#fff}.subtasks-container{padding-left:32px;overflow:visible;transition:max-height .4s cubic-bezier(0.4, 0, 0.2, 1),opacity .3s cubic-bezier(0.4, 0, 0.2, 1);max-height:5000px;opacity:1}.subtasks-container.collapsed{max-height:0;opacity:0;overflow:hidden}.subtasks-container .task-item[data-flip-animating=true],.subtasks-container .subtask-item[data-flip-animating=true]{transition:transform .4s cubic-bezier(0.4, 0, 0.2, 1)}.note-indicator,.assignee-indicator{display:inline-flex;align-items:center;justify-content:center}.note-indicator{font-size:16px}.assignee-initials{width:24px;height:24px;border-radius:50%;background-color:var(--accent-blue);color:#fff;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.task-status-option{white-space:nowrap;min-width:200px}.task-status-option .status-emoji{font-size:14px;width:20px;text-align:center;flex-shrink:0}.task-status-container .dropdown-menu{min-width:220px;width:max-content;max-width:300px;z-index:10000 !important;background-color:var(--bg-secondary) !important;border:1px solid var(--border-primary) !important;box-shadow:0 4px 20px rgba(0,0,0,.5) !important;opacity:1 !important;backdrop-filter:none !important}.empty-tasks{text-align:center;padding:60px 20px;color:var(--text-tertiary)}.job-popover{position:absolute;top:100px;right:40px;width:320px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.5);z-index:10000;animation:popoverIn .2s ease-out;overflow:visible !important}.job-popover.hidden{display:none}.job-popover .dropdown-container{position:relative;overflow:visible !important}.job-popover .popover-content{overflow:visible !important}@keyframes popoverIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.popover-arrow{position:absolute;top:-8px;right:120px;width:16px;height:8px;overflow:visible;background:rgba(0,0,0,0);border:none}.popover-arrow svg{display:block;width:100%;height:100%}.popover-content{padding:16px;max-height:600px;overflow-y:visible;overflow-x:visible}.popover-section{margin-bottom:20px}.popover-section:last-child{margin-bottom:0}.popover-section h3{font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.popover-section h4{font-size:14px;font-weight:500;color:var(--text-secondary);margin:12px 0 8px}.status-option,.priority-option{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;background:rgba(0,0,0,0);border:none;color:var(--text-primary);cursor:pointer;transition:background-color .15s;text-align:left;font-size:15px;width:100%}.status-option:hover,.priority-option:hover{background-color:var(--bg-tertiary)}.status-option.active,.priority-option.active{background-color:var(--accent-blue);color:#fff}.status-emoji,.priority-emoji{font-size:16px;width:24px;text-align:center}.assignee-option{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:rgba(0,0,0,0);border:none;color:var(--text-primary);cursor:pointer;transition:background-color .15s;text-align:left;font-size:15px;width:100%}.assignee-option:hover{background-color:var(--bg-tertiary)}.assignee-option.active{background-color:var(--accent-blue);color:#fff}.assignee-option .checkmark{margin-left:auto;font-size:14px}.job-description{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.person-tag{display:inline-block;padding:4px 10px;background-color:var(--bg-tertiary);border-radius:16px;font-size:13px;color:var(--text-primary);margin-right:8px;margin-bottom:8px}.popover-actions{border-top:1px solid var(--border-primary);padding-top:16px;margin-top:16px}.btn-danger{background-color:#ff3b30;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s}.btn-danger:hover{background-color:#ff453a}.status-bubble{height:32px;padding:0 12px;border-radius:16px;background-color:#2c2c2e;border:none;display:flex;align-items:center;gap:4px;cursor:pointer;transition:background-color .15s ease}.status-bubble:hover{background-color:#3a3a3c}.bubble-icon{font-size:14px;display:flex;align-items:center;justify-content:center}.technician-initials{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background-color:#ff9500;color:#000;font-size:9px;font-weight:600}.task-item.drop-target,.subtask-item.drop-target{background-color:var(--accent-blue) !important;transition:all 200ms cubic-bezier(0.18, 0.89, 0.32, 1.28)}.task-item.drop-target .task-title,.task-item.drop-target .subtask-title,.subtask-item.drop-target .task-title,.subtask-item.drop-target .subtask-title{color:#fff !important}.task-item.drop-target .task-assignee,.task-item.drop-target .assignee-indicator,.subtask-item.drop-target .task-assignee,.subtask-item.drop-target .assignee-indicator{color:hsla(0,0%,100%,.8) !important}.task-item.drop-target .task-timer,.subtask-item.drop-target .task-timer{color:hsla(0,0%,100%,.8) !important}.task-wrapper.dragging{opacity:.5;transform:scale(0.98);transition:all 200ms ease-out;z-index:100}.task-wrapper.dragging .task-item,.task-wrapper.dragging .subtask-item{cursor:grabbing !important}.task-item.dragging,.subtask-item.dragging{opacity:.5;transform:scale(0.98);transition:all 200ms ease-out}.drop-indicator{height:2px;background-color:var(--accent-blue);border-radius:1px;box-shadow:0 0 8px rgba(59,130,246,.5);transition:all 150ms ease-out;animation:dropIndicatorPulse 1s ease-in-out infinite}@keyframes dropIndicatorPulse{0%,100%{opacity:.8;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.05)}}@media(hover: none){.task-item,.subtask-item{cursor:grab}.task-item:active,.subtask-item:active{transform:scale(0.98);transition:transform 150ms ease-out}.task-wrapper{cursor:grab}.task-wrapper.dragging{opacity:.7}}.flip-animating{will-change:transform;pointer-events:none}.flip-container{position:relative}.flip-container[data-flip-active=true]{overflow-y:hidden}.tasks-list[data-flip-batch=true] .task-wrapper{transition:transform .4s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:calc(var(--flip-index, 0)*20ms)}.hidden{display:none !important}.jobs-list{display:flex;flex-direction:column;gap:16px}.schedule-popover{width:400px;overflow:visible}.schedule-popover .popover-content{max-height:500px;overflow-y:auto;overflow-x:visible;position:relative}.schedule-popover .schedule-group{margin-bottom:20px}.schedule-popover .schedule-group h4{font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:12px}.schedule-popover .scheduled-date-item{display:flex;align-items:flex-start;justify-content:space-between;padding:12px;background-color:var(--bg-primary);border-radius:8px;margin-bottom:8px}.schedule-popover .scheduled-date-item:hover{background-color:var(--bg-tertiary)}.schedule-popover .date-info{flex:1}.schedule-popover .date-info .date-text{font-size:14px;color:var(--text-primary);font-weight:500;display:block;margin-bottom:4px}.schedule-popover .date-info .assigned-users{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.schedule-popover .date-info .user-tag{display:inline-block;padding:2px 8px;background-color:var(--accent-blue);color:#fff;border-radius:12px;font-size:12px}.schedule-popover .date-info .date-notes{font-size:13px;color:var(--text-secondary);margin-top:4px;line-height:1.4}.schedule-popover .date-actions{display:flex;gap:4px;margin-left:12px}.schedule-popover .date-actions .btn-sm{padding:4px 8px;font-size:12px}.schedule-popover .date-actions .btn-danger{opacity:.7}.schedule-popover .date-actions .btn-danger:hover{opacity:1}.schedule-popover .empty-state-text{text-align:center;color:var(--text-tertiary);padding:20px;font-size:14px}.schedule-popover .add-schedule-section{border-top:1px solid var(--border-primary);padding-top:16px;margin-top:16px}.schedule-popover .schedule-form .form-group{margin-bottom:16px}.schedule-popover .schedule-form .form-group:last-child{margin-bottom:0}.schedule-popover .schedule-form .form-group.hidden{display:none}.schedule-popover .schedule-form .form-label{font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:6px;display:block}.schedule-popover .schedule-form .form-input{width:100%;padding:8px 12px;font-size:14px;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary)}.schedule-popover .schedule-form .form-input:focus{border-color:var(--accent-blue);outline:none}.schedule-popover .schedule-form select.form-input{cursor:pointer}.schedule-popover .schedule-form textarea.form-input{resize:vertical;min-height:60px}.schedule-popover .schedule-form .dropdown-container{position:relative}.schedule-popover .schedule-form .dropdown-container .dropdown-menu{margin-top:4px;min-width:300px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.schedule-popover .schedule-form .dropdown-container .dropdown-button{width:100%;padding:8px 12px;font-size:14px;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;cursor:pointer}.schedule-popover .schedule-form .dropdown-container .dropdown-button:hover{background-color:var(--bg-secondary)}.schedule-popover .schedule-form .dropdown-container .dropdown-button:focus{border-color:var(--accent-blue);outline:none}.schedule-popover .schedule-form .dropdown-container .dropdown-value{flex:1;text-align:left}.schedule-popover .schedule-form .dropdown-container .dropdown-arrow{font-size:10px;color:var(--text-secondary);margin-left:8px}.schedule-popover .schedule-form .form-actions{margin-top:16px;display:flex;justify-content:flex-end}.streamlined-schedule-popover{width:380px}.streamlined-schedule-popover .popover-header{padding:16px 20px;border-bottom:1px solid var(--border-primary)}.streamlined-schedule-popover .popover-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.streamlined-schedule-popover .popover-content{padding:0;max-height:600px;overflow-y:auto}.calendar-section{padding:20px;border-bottom:1px solid var(--border-primary)}.calendar-container{margin-bottom:0}.calendar-container .calendar-input{width:100%;padding:12px;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:15px;cursor:pointer}.calendar-container .calendar-input:focus{outline:none;border-color:var(--accent-blue)}.calendar-container .calendar-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(0.8)}.quick-actions{margin-top:20px;animation:fadeIn .2s ease-out}.quick-actions h4{font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .15s ease;font-size:13px;text-align:center}.action-button:hover{background-color:var(--bg-primary);border-color:var(--accent-blue);transform:translateY(-1px)}.action-button:active{transform:translateY(0)}.action-button.selected{background-color:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.action-button .action-icon{font-size:20px}.optional-details{padding:20px;border-top:1px solid var(--border-primary);animation:slideDown .3s ease-out}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group .form-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.time-inputs{display:flex;align-items:center;gap:8px}.time-input{flex:1;padding:8px 12px;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:14px}.time-input:focus{outline:none;border-color:var(--accent-blue)}.arrival-window{display:flex;align-items:center;gap:8px;flex:1}.arrival-window .time-separator{color:var(--text-tertiary);font-size:13px}.arrival-window .checkbox-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer;white-space:nowrap}.arrival-window .checkbox-label input[type=checkbox]{cursor:pointer}.technician-select{display:flex;flex-wrap:wrap;gap:8px}.technician-option{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:20px;font-size:13px;cursor:pointer;transition:all .15s ease}.technician-option:hover{background-color:var(--bg-primary)}.technician-option:has(input:checked){background-color:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.technician-option:has(input:checked) .technician-badge{background-color:hsla(0,0%,100%,.2)}.technician-option input[type=checkbox]{display:none}.technician-option .technician-badge{width:20px;height:20px;border-radius:50%;background-color:var(--accent-blue);color:#fff;font-size:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.notes-input{width:100%;padding:8px 12px;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:14px;font-family:var(--font-family);resize:vertical;min-height:60px}.notes-input:focus{outline:none;border-color:var(--accent-blue)}.notes-input::placeholder{color:var(--text-tertiary)}.form-actions{display:flex;gap:8px;margin-top:20px}.form-actions .button{flex:1}.existing-dates-section{padding:20px;background-color:var(--bg-primary)}.existing-dates-section h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.date-group{margin-bottom:20px}.date-group:last-child{margin-bottom:0}.date-group h5{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.scheduled-date-item{display:flex;align-items:start;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-primary)}.scheduled-date-item:last-child{border-bottom:none}.scheduled-date-item .date-info{flex:1}.scheduled-date-item .date-info .date-text{font-size:14px;color:var(--text-primary);font-weight:500}.scheduled-date-item .date-info .assigned-users{margin-top:4px;display:flex;gap:4px;flex-wrap:wrap}.scheduled-date-item .date-info .user-tag{display:inline-block;padding:2px 8px;background-color:var(--bg-tertiary);border-radius:12px;font-size:12px;color:var(--text-secondary)}.scheduled-date-item .date-info .date-notes{margin-top:4px;font-size:13px;color:var(--text-tertiary)}.scheduled-date-item .btn-danger{opacity:0;transition:opacity .15s ease}.scheduled-date-item:hover .btn-danger{opacity:1}@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.task-info-panel{position:fixed;top:0;right:0;width:420px;height:100vh;background-color:var(--bg-secondary);border-left:1px solid var(--border-primary);box-shadow:-4px 0 24px rgba(0,0,0,.3);z-index:999;display:flex;flex-direction:column;transform:translateX(0);transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1)}.task-info-panel.hidden{transform:translateX(100%)}.info-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-primary)}.info-panel-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.info-panel-header .close-button{width:32px;height:32px;border-radius:50%;background:none;border:none;color:var(--text-tertiary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.info-panel-header .close-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.info-panel-content{flex:1;overflow-y:auto;padding:24px}.info-section{margin-bottom:32px}.info-section:last-child{margin-bottom:0}.info-section h4{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:16px;word-wrap:break-word}.info-section h5{font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.duration-info .timer{display:inline-flex;align-items:center;gap:6px;font-size:16px;color:var(--text-secondary)}.duration-info .timer.active{color:var(--accent-blue)}.duration-info .timer.active .timer-display{font-weight:600}.duration-info .timer .timer-icon{font-size:18px}.duration-info .timer .timer-display{font-variant-numeric:tabular-nums}.notes-container{max-height:300px;overflow-y:auto;margin-bottom:16px}.note-item{background-color:var(--bg-primary);border-radius:8px;padding:12px 16px;margin-bottom:12px}.note-item:last-child{margin-bottom:0}.note-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.note-header .note-author{font-size:13px;font-weight:600;color:var(--text-primary)}.note-header .note-time{font-size:12px;color:var(--text-tertiary)}.note-content{font-size:14px;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap}.add-note-form{display:flex;flex-direction:column;gap:12px}.add-note-form .note-input{width:100%;min-height:80px;padding:12px;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:var(--font-family);resize:vertical;transition:border-color .15s ease}.add-note-form .note-input:focus{outline:none;border-color:var(--accent-blue)}.add-note-form .note-input::placeholder{color:var(--text-tertiary)}.status-history{display:flex;flex-direction:column;gap:12px}.status-change-item{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-bottom:1px solid var(--border-primary)}.status-change-item:last-child{border-bottom:none;padding-bottom:0}.status-change-info{display:flex;align-items:center;gap:8px}.status-change-info .status-emoji{font-size:16px}.status-change-info .status-label{font-size:14px;color:var(--text-primary)}.status-change-info .status-arrow{color:var(--text-tertiary);font-size:14px;margin:0 4px}.status-change-info .muted{opacity:.5}.status-change-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-tertiary)}.status-change-meta .status-user{font-weight:500}.technician-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--accent-blue);color:#fff;font-size:11px;font-weight:600}.text-muted{color:var(--text-tertiary);font-size:14px;font-style:italic}.button--sm{padding:6px 12px;font-size:13px}@keyframes slideIn{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOut{from{transform:translateX(0)}to{transform:translateX(100%)}}.task-info-popover{position:fixed;z-index:1000;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-lg);width:380px;max-width:calc(100vw - 20px);max-height:calc(100vh - 100px);overflow:hidden;display:flex;flex-direction:column}.task-info-popover.hidden{display:none}.task-info-popover .popover-arrow{position:absolute;pointer-events:none;z-index:1;width:12px;height:12px}.task-info-popover .popover-arrow svg{filter:drop-shadow(0 0 1px var(--border-primary));display:block;overflow:visible;width:100%;height:100%}.task-info-popover .popover-content-scrollable{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden}.task-info-popover .popover-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-secondary);flex-shrink:0}.task-info-popover .popover-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.task-info-popover .popover-header .header-duration{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-muted)}.task-info-popover .popover-header .header-duration .timer-icon{font-size:16px}.task-info-popover .popover-header .header-duration .timer-display{font-variant-numeric:tabular-nums}.task-info-popover .popover-header .header-duration .timer-display.active{color:var(--status-in-progress-text)}.task-info-popover .timeline-section{padding:16px;flex:1}.task-info-popover .timeline-container{display:flex;flex-direction:column;gap:12px}.task-info-popover .timeline-item{margin-left:26px}.task-info-popover .timeline-item--note .timeline-content{flex:1}.task-info-popover .timeline-item--note .timeline-note{font-size:14px;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.task-info-popover .timeline-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:nowrap}.task-info-popover .timeline-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.task-info-popover .timeline-content .timeline-emoji{font-size:16px;flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.task-info-popover .timeline-content .timeline-emoji svg{width:18px;height:18px;color:#fbb827}.task-info-popover .timeline-content .timeline-label{font-weight:600;color:var(--text-primary);white-space:nowrap}.task-info-popover .timeline-time{font-size:12px;color:var(--text-muted);white-space:nowrap;flex-shrink:0;margin-left:auto}.task-info-popover .timeline-header{font-size:13px;color:var(--text-muted);margin-bottom:8px;margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:6px}.task-info-popover .timeline-header:first-child{margin-top:0}.task-info-popover .timeline-header .timeline-header-left{display:flex;align-items:center;gap:6px}.task-info-popover .timeline-header .timeline-header-user{font-weight:600}.task-info-popover .timeline-header .timeline-header-date{margin-left:auto;font-weight:600}.task-info-popover .timeline-header .timeline-header-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-secondary);font-size:10px;font-weight:600;color:var(--text-primary)}.task-info-popover .timeline-item--note .timeline-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:nowrap}.task-info-popover .timeline-item--note .timeline-content{flex:1 1 auto;min-width:0;display:flex;align-items:flex-start;gap:8px}.task-info-popover .timeline-item--note .timeline-note{word-break:break-word;white-space:pre-wrap;color:var(--text-primary)}.task-info-popover .timeline-item--note .timeline-time{flex-shrink:0;margin-left:12px}.task-info-popover .add-note-section{padding:16px;border-top:1px solid var(--border-secondary);background:var(--bg-primary);flex-shrink:0;margin-top:auto}.task-info-popover .add-note-section .note-input{width:100%;min-height:60px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:4px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s ease}.task-info-popover .add-note-section .note-input:focus{outline:none;border-color:#0969da;box-shadow:0 0 0 1px #0969da}.task-info-popover .add-note-section .note-input::placeholder{color:var(--text-muted)}.task-info-popover .add-note-section .note-actions{display:flex;justify-content:flex-end;margin-top:8px}.task-info-popover .button{padding:6px 16px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer}.task-info-popover .button--primary{background:#0969da;color:#fff}.task-item .task-right .task-timer{display:none}.task-item .task-right .note-indicator{display:inline-flex;align-items:center;opacity:.85}.task-item .task-right .note-indicator svg{width:16px;height:16px;color:#fbb827}.task-item .task-right .note-indicator:hover{opacity:1}form .client-form,form .person-form,form .device-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:12px 16px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:16px;font-family:var(--font-family);outline:none;transition:all .15s ease}.form-input:focus{background-color:var(--bg-tertiary);border-color:var(--accent-blue)}.form-input::placeholder{color:var(--text-tertiary)}textarea.form-input{resize:vertical;min-height:100px}select.form-input{cursor:pointer}.client-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width: 480px){.client-type-selector{grid-template-columns:1fr}}.client-type-option{position:relative;cursor:pointer}.client-type-radio{position:absolute;opacity:0}.client-type-radio:checked+.client-type-label{background-color:var(--bg-tertiary);border-color:var(--accent-blue);color:var(--accent-blue)}.client-type-label{display:flex;align-items:center;gap:12px;padding:10px 16px;background-color:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:8px;transition:all .15s ease}.client-type-label:hover{background-color:var(--bg-tertiary)}.client-type-icon{font-size:20px}.contact-methods{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.contact-method-field{display:flex;gap:12px;align-items:center}.contact-method-field .form-input{flex:1}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width: 640px){.form-row{grid-template-columns:1fr}}.form-col{flex:1}.checkbox-group{display:flex;flex-direction:column;gap:8px;max-height:221px;overflow-y:auto}.checkbox-item{display:flex;align-items:center;gap:8px}.checkbox-item input[type=checkbox]{width:16px;height:16px;cursor:pointer}.checkbox-item label{cursor:pointer;font-size:14px;color:var(--text-primary)}.form-container{max-width:600px;margin:0 auto;padding:40px}.form-container .form-title{font-size:28px;font-weight:600;color:var(--text-primary);margin-bottom:32px}@media(max-width: 768px){.form-container{padding:20px}.form-container .form-title{font-size:24px;margin-bottom:24px}}.form-actions{display:flex;gap:12px;margin-top:32px;align-items:center}.form-actions .button--secondary{margin-right:auto}@media(max-width: 480px){.form-actions{flex-direction:column-reverse;gap:8px}.form-actions .button{width:100%}.form-actions .button--secondary{margin-right:0}}.form-errors{background-color:rgba(255,59,48,.1);border:1px solid rgba(255,59,48,.3);border-radius:8px;padding:16px;margin-bottom:24px}.form-errors h3{font-size:14px;font-weight:600;color:#ff3b30;margin:0 0 12px 0}.form-errors ul{list-style:none;margin:0;padding:0}.form-errors li{color:var(--text-primary);font-size:14px;line-height:1.5;margin-bottom:8px}.form-errors li:last-child{margin-bottom:0}.form-errors li:before{content:"•";color:#ff3b30;font-weight:bold;display:inline-block;width:1em;margin-left:-1em}.info-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:20px}@media(max-width: 640px){.info-grid{grid-template-columns:1fr;gap:16px}}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:16px;color:var(--text-primary);line-height:1.4}.info-value a{color:var(--accent-blue);text-decoration:none}.info-value a:hover{text-decoration:underline}.info-value:empty::before{content:"—";color:var(--text-tertiary)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-backdrop.hidden{display:none}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.modal-container{position:relative;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;max-width:500px;width:90%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5);z-index:1;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content{display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-primary)}.modal-header h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;font-size:28px;line-height:1;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.modal-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:20px}.modal-body p{font-size:16px;line-height:1.5;color:var(--text-primary);margin-bottom:20px}.modal-checkbox-container{display:flex;align-items:flex-start;gap:12px;padding:16px;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px}.modal-checkbox{width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:var(--accent-blue)}.modal-checkbox-label{font-size:14px;color:var(--text-primary);cursor:pointer;line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid var(--border-primary);background-color:var(--bg-primary)}.modal-footer .button{min-width:100px}.modal-footer .button--danger:disabled{opacity:.5;cursor:not-allowed}@media(max-width: 480px){.modal-container{width:95%;margin:20px}.modal-header{padding:16px}.modal-header h2{font-size:18px}.modal-body{padding:16px}.modal-body p{font-size:14px}.modal-footer{padding:16px;flex-direction:column-reverse}.modal-footer .button{width:100%}}.logs-container{height:100%;display:flex;flex-direction:column}.logs-table-container{flex:1;overflow-y:auto;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px}.logs-table{width:100%;border-collapse:collapse;font-size:14px}.logs-table thead{position:sticky;top:0;background-color:var(--bg-secondary);z-index:10}.logs-table thead th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-primary);white-space:nowrap}.logs-table thead th.logs-table__user{width:auto}.logs-table thead th.logs-table__action{width:100%}.logs-table thead th.logs-table__time{width:auto;text-align:right}.logs-table tbody tr.logs-group-header{position:sticky;top:-1px;background-color:var(--bg-secondary);z-index:9;cursor:pointer;user-select:none}.logs-table tbody tr.logs-group-header:hover{background-color:var(--bg-tertiary)}.logs-table tbody tr.logs-group-header--general{background-color:#1a2f3f}.logs-table tbody tr.logs-group-header--cross-reference{background-color:#3a2f1f}.logs-table tbody tr.logs-group-header.logs-group--collapsed .chevron-right{display:block !important}.logs-table tbody tr.logs-group-header.logs-group--collapsed .chevron-down{display:none !important}.logs-table tbody tr.logs-group-header:not(.logs-group--collapsed) .chevron-right{display:none !important}.logs-table tbody tr.logs-group-header:not(.logs-group--collapsed) .chevron-down{display:block !important}.logs-table tbody tr.logs-group-header td{padding:12px 16px;font-weight:600;font-size:14px;color:var(--text-primary);border-bottom:2px solid var(--border-primary)}.logs-table tbody tr.logs-group-header td .logs-group-header-content{display:flex;align-items:center;gap:8px}.logs-table tbody tr.logs-group-header td .logs-group-toggle{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--text-tertiary)}.logs-table tbody tr.logs-group-header td .logs-group-toggle svg{transition:opacity .2s ease;color:inherit}.logs-table tbody tr.logs-group-header td .logs-group-toggle .chevron-right,.logs-table tbody tr.logs-group-header td .logs-group-toggle .chevron-down{color:inherit}.logs-table tbody tr.logs-group-header td .logs-group-client{font-weight:700}.logs-table tbody tr.logs-group-header td .logs-group-job{font-weight:500;margin-left:8px}.logs-table tbody tr.logs-group-header td .logs-group-title{font-weight:600}.logs-table tbody tr.logs-group-header td .logs-group-count{margin-left:auto;color:var(--text-tertiary);font-weight:400;font-size:13px}.logs-table tbody tr.logs-group-header td .logs-group-client-link,.logs-table tbody tr.logs-group-header td .logs-group-job-link{color:inherit;text-decoration:none;font-weight:inherit;transition:color .15s ease}.logs-table tbody tr.logs-group-header td .logs-group-client-link:hover,.logs-table tbody tr.logs-group-header td .logs-group-job-link:hover{color:var(--accent-blue);text-decoration:none}.logs-table tbody tr.logs-table__date-header{position:sticky;top:39px;background-color:var(--bg-secondary);z-index:8}.logs-table tbody tr.logs-table__date-header td.logs-table__date-header-cell{padding:8px 16px;border-bottom:1px solid var(--border-primary);font-weight:600;font-size:13px;color:var(--text-secondary);background-color:var(--bg-secondary)}.logs-table tbody tr.logs-table__date-header td.logs-table__date-header-cell:first-child{text-align:right;width:140px;white-space:nowrap}.logs-table tbody tr.logs-table__date-header td.logs-table__date-header-cell:first-child .date-header-user{display:block}.logs-table tbody tr.logs-table__date-header td.logs-table__date-header-cell:last-child .date-header-action-time{display:flex;align-items:center;justify-content:space-between}.logs-table tbody tr.logs-table__date-header td.logs-table__date-header-cell:last-child .date-header-action-time .date-header-action{color:var(--text-secondary)}.logs-table tbody tr.logs-table__date-header td.logs-table__date-header-cell:last-child .date-header-action-time .date-header-time{color:var(--text-primary);font-weight:600;white-space:nowrap;margin-left:20px}.logs-table tbody tr.logs-table__row{border-bottom:1px solid var(--border-primary)}.logs-table tbody tr.logs-table__row--alt{background-color:hsla(0,0%,100%,.02)}.logs-table tbody td{padding:8px 16px;vertical-align:top}.logs-table tbody td.logs-table__user-cell{white-space:nowrap;text-align:right;width:140px}.logs-table tbody td.logs-table__user-cell .user-info{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;vertical-align:baseline}.logs-table tbody td.logs-table__user-cell .user-avatar{width:20px;height:20px;border-radius:50%;background-color:var(--accent-blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;flex-shrink:0}.logs-table tbody td.logs-table__user-cell .user-name{color:var(--text-primary);font-weight:500;line-height:20px}.logs-table tbody td.logs-table__action-cell{color:var(--text-primary);line-height:1.4}.logs-table tbody td.logs-table__action-cell .action-time-container{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.logs-table tbody td.logs-table__action-cell .action-content{flex:1;min-width:0}.logs-table tbody td.logs-table__action-cell .action-content span{font-size:16px}.logs-table tbody td.logs-table__action-cell .action-content .log-count-badge{display:inline-flex;align-items:center;justify-content:center;background-color:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;font-size:11px;padding:2px 6px;border-radius:10px;margin-left:8px;vertical-align:middle}.logs-table tbody td.logs-table__action-cell .action-content .logs-link{color:inherit;text-decoration:none;cursor:pointer}.logs-table tbody td.logs-table__action-cell .action-content .logs-link:hover{text-decoration:none}.logs-table tbody td.logs-table__action-cell .time-content{flex-shrink:0;text-align:right;color:var(--text-tertiary);white-space:nowrap;font-size:13px}.logs-container .empty-state{margin-top:48px;text-align:center;color:var(--text-tertiary)}.logs-container .empty-state p{font-size:16px}.filter-button-wrapper{position:relative}.filter-trigger{position:relative;transition:all .15s ease}.filter-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.filter-icon{transition:stroke .2s ease}.filter-trigger:hover .filter-icon{stroke:#fff}.filter-trigger[aria-expanded=true]{background-color:hsla(0,0%,100%,.1)}.filter-trigger[aria-expanded=true] .filter-icon{stroke:#0095ff}.filter-indicator{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:#0095ff;border-radius:50%;border:2px solid #1e1e1e}.filter-popover.job-popover{position:fixed !important;top:auto !important;right:auto !important;min-width:360px}.filter-button-wrapper .job-popover{top:100%;right:0;margin-top:8px}.status-checkbox{position:absolute;opacity:0;pointer-events:none}.status-option input[type=checkbox]:checked+.status-emoji,.status-option input[type=checkbox]:checked~span{color:#0095ff}.filter-popover .delete-button{flex:1;padding:12px 24px;background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;font-size:16px;font-weight:500;cursor:pointer;transition:all .15s ease}.filter-popover .delete-button:hover{background-color:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3)}.filter-popover .apply-button{padding:12px 24px;background-color:#0095ff;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:all .15s ease}.filter-popover .apply-button:hover{background-color:#07c;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,149,255,.3)}.filter-popover .apply-button:active{transform:translateY(0)}.filter-popover .popover-actions{display:flex;gap:12px;padding:20px;background-color:#252526;border-top:1px solid hsla(0,0%,100%,.05);border-radius:0 0 12px 12px}.feedback-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);opacity:0;transition:opacity .2s ease}.modal-overlay.active{opacity:1}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.9);background-color:var(--color-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column;opacity:0;transition:all .2s ease}.modal.active{transform:translate(-50%, -50%) scale(1);opacity:1}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.modal-close{background:none;border:none;font-size:var(--font-size-2xl);color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);line-height:1;transition:color .2s ease}.modal-close:hover{color:var(--color-text)}.bug-report-form{padding:var(--spacing-lg);overflow-y:auto;flex:1}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium);color:var(--color-text)}.form-group input[type=text],.form-group textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);background-color:var(--color-background);color:var(--color-text);transition:border-color .2s ease}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group input[type=text]::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group textarea{resize:vertical;min-height:100px}.form-group input.error,.form-group textarea.error{border-color:var(--color-danger)}.screenshot-preview{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);text-align:center}.screenshot-preview .screenshot-status{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.screenshot-preview .screenshot-status.error{color:var(--accent-red)}.screenshot-preview .screenshot-help{margin:8px 0 0 0;color:var(--text-tertiary);font-size:var(--font-size-xs)}.screenshot-preview .screenshot-thumb{max-width:100%;max-height:200px;height:auto;margin-top:var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--border-primary);display:block;margin-left:auto;margin-right:auto}.form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.feature-request-form{display:flex;flex-direction:column;height:100%}.progress-indicator{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.progress-indicator .progress-step{width:32px;height:32px;border-radius:50%;background-color:var(--color-background-secondary);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);position:relative;transition:all .2s ease}.progress-indicator .progress-step.active{background-color:var(--color-primary);color:#fff}.progress-indicator .progress-step:not(:last-child)::after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);width:var(--spacing-md);height:2px;background-color:var(--color-border)}.form-screen{display:none}.form-screen.active{display:block}.form-screen__title{margin-bottom:var(--spacing-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.radio-label{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);background-color:var(--bg-primary);cursor:pointer;transition:all .2s ease}.radio-label:hover{background-color:var(--bg-secondary);border-color:var(--accent-blue)}.radio-label .radio-input{margin-right:var(--spacing-sm);accent-color:var(--accent-blue)}.radio-label__text{flex:1;color:var(--text-primary);font-size:14px}.radio-label:has(.radio-input:checked){border-color:var(--accent-blue);background-color:var(--bg-secondary)}.radio-label.error{border-color:var(--accent-red)}.form-help{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-muted)}.form-navigation{display:flex;gap:var(--spacing-sm);justify-content:space-between;padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.form-navigation .button--ghost{margin-left:auto}.modal-container--large{max-width:800px;width:90%}.modal-backdrop .modal-content{height:100%;display:flex;flex-direction:column}.modal-body{flex:1;overflow-y:auto;max-height:calc(90vh - 200px)}.automation-dashboard{padding:var(--spacing-xl);max-width:1200px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.dashboard-header h1{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.dashboard-controls{display:flex;gap:var(--spacing-xl)}.control-group{display:flex;align-items:center;gap:var(--spacing-sm)}.control-group label{font-weight:var(--font-weight-medium)}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.status-badge--success{background-color:var(--color-success-bg);color:var(--color-success)}.status-badge--danger{background-color:var(--color-danger-bg);color:var(--color-danger)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:all .2s ease}.stat-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl)}.stat-icon.bug-icon{background-color:var(--color-danger-bg);color:var(--color-danger)}.stat-icon.bug-icon::before{content:"🐞"}.stat-icon.feature-icon{background-color:var(--color-primary-bg);color:var(--color-primary)}.stat-icon.feature-icon::before{content:"✨"}.stat-icon.success-icon{background-color:var(--color-success-bg);color:var(--color-success)}.stat-icon.success-icon::before{content:"✅"}.stat-icon.story-icon{background-color:var(--color-info-bg);color:var(--color-info)}.stat-icon.story-icon::before{content:"📋"}.stat-icon.error-icon{background-color:var(--color-danger-bg);color:var(--color-danger)}.stat-icon.error-icon::before{content:"❌"}.stat-icon.progress-icon{background-color:var(--color-warning-bg);color:var(--color-warning)}.stat-icon.progress-icon::before{content:"⏳"}.stat-content{flex:1}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:1.2}.stat-title{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.dashboard-section{margin-bottom:var(--spacing-xl)}.dashboard-section:last-child{margin-bottom:0}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg)}.issues-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.issue-item{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .2s ease}.issue-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.issue-item--failed{border-color:var(--color-danger);background-color:var(--color-danger-bg)}.issue-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.issue-link{color:var(--color-text);text-decoration:none;font-weight:var(--font-weight-medium);flex:1}.issue-link:hover{color:var(--color-primary);text-decoration:underline}.issue-labels{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.label{padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.label--bug{background-color:var(--color-danger-bg);color:var(--color-danger)}.label--feature-request{background-color:var(--color-primary-bg);color:var(--color-primary)}.label--pr-created{background-color:var(--color-success-bg);color:var(--color-success)}.label--automation-failed{background-color:var(--color-danger-bg);color:var(--color-danger)}.label--claude-processing,.label--claude-implementing{background-color:var(--color-warning-bg);color:var(--color-warning)}.label--story-generated{background-color:var(--color-info-bg);color:var(--color-info)}.issue-meta{color:var(--color-text-muted);font-size:var(--font-size-sm)}.resource-links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.resource-link{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-background-secondary);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;transition:all .2s ease}.resource-link:hover{background-color:var(--color-primary-bg);color:var(--color-primary)}.empty-state{text-align:center;color:var(--color-text-muted);padding:var(--spacing-xl);background-color:var(--color-background-secondary);border-radius:var(--radius-md)}.button--small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.flex{display:flex !important}.flex-col{flex-direction:column !important}.flex-1{flex:1 !important}.hidden{display:none !important}.tag-blue{color:#00a3ff !important}.tag-purple{color:#bf5af2 !important}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .15s ease;border:none;white-space:nowrap}.btn.btn-primary{background-color:var(--accent-blue);color:#fff}.btn.btn-primary:hover{background-color:#0a84ff;transform:translateY(-1px);box-shadow:0 2px 8px rgba(10,132,255,.3)}.btn.btn-primary:active{transform:translateY(0);box-shadow:none}.btn.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--border-secondary)}.btn.btn-danger{background-color:#ff3b30;color:#fff}.btn.btn-danger:hover{background-color:#ff453a;transform:translateY(-1px);box-shadow:0 2px 8px rgba(255,69,58,.3)}.btn.btn-full{width:100%}.btn.btn-sm{padding:6px 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{transform:none;box-shadow:none}.btn.btn-link{background:none;border:none;color:var(--accent-blue);padding:8px 16px;text-decoration:none}.btn.btn-link:hover{text-decoration:underline;transform:none;box-shadow:none}.btn.btn-link:active{transform:none}