@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.global-timer-widget{position:fixed;bottom:calc(var(--bottombar-height, 60px) + 80px);right:1rem;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--green, #22c55e);color:#fff;border-radius:2rem;box-shadow:0 4px 20px #22c55e66;z-index:999;animation:timer-pulse 2s infinite}@keyframes timer-pulse{0%,to{box-shadow:0 4px 20px #22c55e66}50%{box-shadow:0 4px 30px #22c55e99}}.global-timer-widget__icon{display:flex;align-items:center;justify-content:center;animation:timer-icon-pulse 1s infinite}@keyframes timer-icon-pulse{0%,to{opacity:1}50%{opacity:.6}}.global-timer-widget__info{display:flex;flex-direction:column;gap:.125rem}.global-timer-widget__time{font-size:1.125rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}.global-timer-widget__task{font-size:.75rem;opacity:.9;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}.global-timer-widget__project{opacity:.7}.global-timer-widget__stop{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s}.global-timer-widget__stop:hover{background:#ffffff4d;transform:scale(1.1)}.timer-stop-overlay{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.timer-stop-form{width:100%;max-width:400px;margin:1rem;background:var(--panel, #fff);border-radius:1rem;box-shadow:0 20px 60px #0f172a40;overflow:hidden;animation:scaleIn .2s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.timer-stop-form__header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--green, #22c55e);color:#fff}.timer-stop-form__header-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#fff3;border-radius:.75rem}.timer-stop-form__header-text{flex:1}.timer-stop-form__header-text h3{margin:0;font-size:1rem;font-weight:600}.timer-stop-form__header-text p{margin:.125rem 0 0;font-size:.8125rem;opacity:.9}.timer-stop-form__close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#fff3;border:none;border-radius:.5rem;color:#fff;cursor:pointer;transition:background .2s}.timer-stop-form__close:hover{background:#ffffff4d}.timer-stop-form__summary{padding:1.25rem;background:var(--bg, #f9fafb);border-bottom:1px solid var(--border, #e5e7eb)}.timer-stop-form__duration{text-align:center;margin-bottom:1rem}.timer-stop-form__duration-value{display:block;font-size:2rem;font-weight:700;color:var(--green, #22c55e)}.timer-stop-form__duration-label{font-size:.75rem;color:var(--muted, #6b7280)}.timer-stop-form__times{display:flex;flex-direction:column;gap:.5rem}.timer-stop-form__time-row{display:flex;justify-content:space-between;font-size:.8125rem}.timer-stop-form__time-label{color:var(--muted, #6b7280)}.timer-stop-form__time-value{font-weight:500}.timer-stop-form__project{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#1d5bbf0d;border-bottom:1px solid var(--border, #e5e7eb);font-size:.8125rem;color:var(--primary, #1D5BBF)}.timer-stop-form__field{padding:1rem 1.25rem 0}.timer-stop-form__field label{display:block;margin-bottom:.5rem;font-size:.8125rem;font-weight:500;color:var(--text, #111827)}.timer-stop-form__field textarea{width:100%;padding:.75rem;font-size:.875rem;font-family:inherit;border:1px solid var(--border, #e5e7eb);border-radius:.5rem;resize:vertical;transition:border-color .2s,box-shadow .2s}.timer-stop-form__field textarea:focus{outline:none;border-color:var(--primary, #1D5BBF);box-shadow:0 0 0 3px #1d5bbf1a}.timer-stop-form__toggle{padding:1rem 1.25rem}.timer-stop-form__toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.875rem;font-weight:500}.timer-stop-form__toggle-label input{position:absolute;opacity:0;pointer-events:none}.timer-stop-form__toggle-switch{position:relative;width:2.5rem;height:1.5rem;background:var(--gray4, #d1d5db);border-radius:.75rem;transition:background .2s}.timer-stop-form__toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s}.timer-stop-form__toggle-label input:checked+.timer-stop-form__toggle-switch{background:var(--green, #22c55e)}.timer-stop-form__toggle-label input:checked+.timer-stop-form__toggle-switch:after{transform:translate(1rem)}.timer-stop-form__toggle-hint{display:block;margin-top:.375rem;margin-left:calc(4rem + 16px);font-size:.75rem;color:var(--muted, #6b7280)}.timer-stop-form__actions{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border, #e5e7eb);background:var(--bg, #f9fafb)}.timer-stop-form__btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s}.timer-stop-form__btn--discard{flex:1;background:transparent;border:1px solid var(--border, #e5e7eb);color:var(--red, #ef4444)}.timer-stop-form__btn--discard:hover{background:#ef44440d;border-color:var(--red, #ef4444)}.timer-stop-form__btn--confirm{flex:2;background:var(--green, #22c55e);border:none;color:#fff}.timer-stop-form__btn--confirm:hover{background:#16a34a}.task-row__timer-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:transparent;border:1px solid var(--border, #e5e7eb);border-radius:50%;color:var(--muted, #6b7280);cursor:pointer;flex-shrink:0;transition:all .2s;opacity:0}.task-row:hover .task-row__timer-btn{opacity:1}.task-row__timer-btn:hover{background:var(--green, #22c55e);border-color:var(--green, #22c55e);color:#fff}.task-row__timer-btn--active{opacity:1;background:var(--green, #22c55e);border-color:var(--green, #22c55e);color:#fff;animation:timer-active-pulse 1.5s infinite}@keyframes timer-active-pulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 4px #22c55e00}}.tasks__header-actions{display:flex;align-items:center;gap:.75rem}.tasks__toggle{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:transparent;border:1px solid var(--border, #e5e7eb);border-radius:.375rem;font-size:.75rem;color:var(--muted, #6b7280);cursor:pointer;transition:all .15s}.tasks__toggle:hover{background:var(--bg, #f9fafb)}.tasks__toggle--active{background:var(--light-green, #dcfce7);border-color:var(--green, #22c55e);color:var(--green, #22c55e)}.tasks__toggle-icon{width:1rem;height:1rem;border:2px solid currentColor;border-radius:.25rem;display:flex;align-items:center;justify-content:center}.tasks__toggle--active .tasks__toggle-icon{background:var(--green, #22c55e);border-color:var(--green, #22c55e)}.tasks__toggle--active .tasks__toggle-icon svg{color:#fff}.task-row__actions{display:flex;align-items:center;gap:.25rem;opacity:0;transition:opacity .15s}.task-row:hover .task-row__actions{opacity:1}.task-row__action-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:transparent;border:none;border-radius:.25rem;color:var(--muted, #6b7280);cursor:pointer;transition:all .15s}.task-row__action-btn:hover{background:var(--bg, #f9fafb);color:var(--text, #111827)}.task-row__action-btn--call:hover{color:var(--primary, #1D5BBF)}.task-row__action-btn--email:hover{color:#f59e0b}.task-row__action-btn--message:hover{color:var(--green, #22c55e)}.task-row__action-btn--event:hover{color:#8b5cf6}.fast-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.fast-actions--vertical{flex-direction:column;align-items:stretch}.fast-actions--compact{gap:4px}.fast-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--border, rgba(4, 32, 69, .1));border-radius:8px;font-size:13px;font-weight:500;color:var(--action-color, var(--primary));cursor:pointer;transition:all .2s ease;white-space:nowrap}.fast-actions--compact .fast-action-btn{padding:6px;border-radius:6px}.fast-action-btn:hover{background:#1d5bbf14;border-color:var(--action-color, var(--primary))}.fast-action-btn:active{transform:scale(.95)}.fast-action-label{font-size:12px}.fast-action-more,.fast-action-close{color:var(--muted, #5A5A5A)}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid var(--border, rgba(4, 32, 69, .1));border-radius:8px;color:var(--action-color, var(--primary));cursor:pointer;transition:all .2s ease}.action-button--sm{padding:4px;border-radius:6px}.action-button--md{padding:6px 10px;border-radius:8px}.action-button--lg{padding:8px 14px;border-radius:10px}.action-button:hover{background:#1d5bbf14;border-color:var(--action-color, var(--primary))}.action-button:active{transform:scale(.95)}.action-button-label{font-size:13px;font-weight:500}.quick-action-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--panel, #fff);border:1px solid var(--border, rgba(4, 32, 69, .1));border-radius:16px;box-shadow:0 8px 32px #0f172a1f;z-index:100;animation:slideUp .3s ease}.quick-action-bar__title{font-size:13px;font-weight:500;color:var(--muted, #5A5A5A);padding-right:8px;border-right:1px solid var(--border, rgba(4, 32, 69, .1));margin-right:4px}.quick-action-bar__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:var(--muted, #5A5A5A);cursor:pointer;margin-left:8px;transition:all .2s ease}.quick-action-bar__close:hover{background:var(--bg, #f9f9f9);color:var(--text, #2A2A2A)}.quick-modal-overlay{position:fixed;inset:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease}.quick-modal{width:100%;max-width:420px;background:var(--panel, #fff);border-radius:16px;box-shadow:0 20px 60px #0f172a33;overflow:hidden;animation:scaleIn .2s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.quick-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border, rgba(4, 32, 69, .1))}.quick-modal__header h3{margin:0;font-size:16px;font-weight:600}.quick-modal__header-icon{display:flex;align-items:center;gap:10px}.quick-modal__header-icon .icon-box{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#1d5bbf1a;border-radius:10px;color:var(--primary, #1D5BBF)}.quick-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:var(--muted, #5A5A5A);cursor:pointer;transition:all .2s ease}.quick-modal__close:hover{background:var(--bg, #f9f9f9);color:var(--text, #2A2A2A)}.quick-modal__body{padding:20px}.quick-modal__footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid var(--border, rgba(4, 32, 69, .1));background:var(--bg, #f9f9f9)}.quick-modal__footer button{padding:8px 16px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.quick-modal__footer .btn-secondary{background:transparent;border:1px solid var(--border, rgba(4, 32, 69, .1));color:var(--text, #2A2A2A)}.quick-modal__footer .btn-secondary:hover{background:var(--panel, #fff)}.quick-modal__footer .btn-primary{background:var(--primary, #1D5BBF);border:none;color:#fff}.quick-modal__footer .btn-primary:hover{background:#164891}.quick-form-group{margin-bottom:16px}.quick-form-group:last-child{margin-bottom:0}.quick-form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--text, #2A2A2A)}.quick-form-group input,.quick-form-group textarea,.quick-form-group select{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--border, rgba(4, 32, 69, .1));border-radius:8px;background:var(--panel, #fff);transition:all .2s ease}.quick-form-group input:focus,.quick-form-group textarea:focus,.quick-form-group select:focus{outline:none;border-color:var(--primary, #1D5BBF);box-shadow:0 0 0 3px #1d5bbf1a}.quick-form-group textarea{resize:vertical;min-height:80px}.connected-entity-preview{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#1d5bbf0d;border:1px solid rgba(29,91,191,.2);border-radius:8px;margin-bottom:16px}.connected-entity-preview__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#1d5bbf1a;border-radius:8px;color:var(--primary, #1D5BBF)}.connected-entity-preview__info{flex:1}.connected-entity-preview__type{font-size:11px;color:var(--muted, #5A5A5A);text-transform:uppercase;letter-spacing:.5px}.connected-entity-preview__title{font-size:13px;font-weight:500;color:var(--text, #2A2A2A)}:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--header-height: 60px;--drawer-width-desktop: 30%;--drawer-width-mobile: 280px;--bottombar-height: 60px;--border-width: 1px;--border-color: #ddd;--border-radius: .5rem;--z-scrim: 40;--z-drawer: 50;--z-header: 100;--z-bottombar: 100;--z-dropdown: 200;--transition-speed: .3s;--transition-easing: ease;--bg-white: white;--bg-light: #f5f5f5;--bg-overlay: rgba(0, 0, 0, .5);--font-family: system-ui, sans-serif;--font-size-sm: .75rem;--font-size-base: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height: 1.5}*{margin:0;padding:0;box-sizing:border-box}button{background:none;border:none;font:inherit;cursor:pointer}ul,ol{list-style:none}body{font-family:var(--font-family);line-height:var(--line-height)}.app-shell{display:flex;flex-direction:row;height:100vh;width:100vw;overflow:hidden}@media(max-width:768px){.app-shell{flex-direction:column}}.drawer{width:var(--drawer-width-desktop);border-right:var(--border-width) solid var(--border-color);overflow-y:auto;background:var(--bg-white);flex-shrink:0;position:relative}@media(max-width:768px){.drawer{width:var(--drawer-width-mobile);position:absolute;top:0;left:0;height:100%;z-index:var(--z-drawer);transition:transform var(--transition-speed) var(--transition-easing)}.drawer.closed{transform:translate(-100%)}}.drawer__header{height:var(--header-height);padding:0 var(--spacing-lg);border-bottom:var(--border-width) solid var(--border-color);display:flex;align-items:center;gap:var(--spacing-md)}.drawer__close{padding:var(--spacing-sm);display:none}@media(max-width:768px){.drawer__close{display:block}}.drawer__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);flex:1}.drawer__content{padding:var(--spacing-lg)}.drawer__section{margin-bottom:var(--spacing-lg)}.drawer__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;opacity:.6;margin-bottom:var(--spacing-sm);padding:0 var(--spacing-md)}.drawer__item{padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:var(--font-size-base);position:relative}.drawer__item:hover{background:var(--bg-light)}.drawer__item:hover .drawer__item-actions-btn{opacity:1!important}.drawer__item.active{font-weight:var(--font-weight-semibold);background:var(--bg-light)}.drawer__item-content{flex:1;min-width:0}.drawer__item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer__item-hint{font-size:var(--font-size-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-area{display:flex;flex-direction:column;flex:1;overflow:hidden;position:relative}.header{height:var(--header-height);border-bottom:var(--border-width) solid var(--border-color);padding:0 var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);background:var(--bg-white);flex-shrink:0;z-index:var(--z-header)}.header__hamburger{padding:var(--spacing-sm);display:none}.header__back{padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center}@media(max-width:768px){.header__hamburger{display:block}}.header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);flex:1}.header__breadcrumbs{display:flex;align-items:center;flex:1;gap:.25rem;overflow:hidden}.header__breadcrumb-item{display:flex;align-items:center;gap:.25rem;min-width:0}.header__breadcrumb-separator{color:var(--text-muted);flex-shrink:0}.header__breadcrumb-link{background:none;border:none;padding:.25rem .5rem;margin:-.25rem -.5rem;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;border-radius:.25rem;transition:background .15s,color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.header__breadcrumb-link:hover{background:var(--bg-light);color:var(--brand)}.header__breadcrumb-current{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__actions{display:flex;gap:var(--spacing-sm)}.header__action{padding:var(--spacing-sm);position:relative}.main-content{flex:1;overflow:auto;position:relative;background:var(--bg-white)}.view{display:none;height:100%;width:100%;overflow:auto}.view.active{display:block}.view__header{padding:var(--spacing-xl) var(--spacing-2xl);border-bottom:var(--border-width) solid var(--border-color)}.view__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.view__subtitle{font-size:var(--font-size-base);opacity:.6}.view__body{height:100%;padding:var(--spacing-2xl)}.view[data-view=home] .view__body{padding:0}.bottombar{height:var(--bottombar-height);border-top:var(--border-width) solid var(--border-color);display:flex;justify-content:space-around;background:var(--bg-white);flex-shrink:0;z-index:var(--z-bottombar)}.bottombar__tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);flex:1;position:relative;font-size:var(--font-size-sm)}.bottombar__tab.active{font-weight:var(--font-weight-semibold)}.bottombar__dot{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:0;position:absolute;bottom:var(--spacing-xs)}.bottombar__tab.active .bottombar__dot{opacity:1}.scrim{display:none;position:fixed;inset:0;background:var(--bg-overlay);z-index:var(--z-scrim)}.scrim.show{display:block}.search-dropdown{position:absolute;top:100%;left:0;right:0;max-height:400px;overflow-y:auto;background:var(--bg-white);border:var(--border-width) solid var(--border-color);border-top:none;z-index:var(--z-dropdown)}.search-dropdown__item{padding:var(--spacing-md) var(--spacing-lg);border-bottom:var(--border-width) solid var(--border-color);cursor:pointer}.search-dropdown__item:hover{background:var(--bg-light)}.notification-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));right:0;width:320px;max-height:400px;overflow-y:auto;background:var(--bg-white);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);z-index:var(--z-dropdown)}.notification-item{padding:var(--spacing-md) var(--spacing-lg);border-bottom:var(--border-width) solid var(--border-color);cursor:pointer}.notification-item:hover{background:var(--bg-light)}.notification-item.unread{background:#f9f9f9}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fab{position:fixed;bottom:80px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--brand, #3b82f6);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:transform .2s,background .2s;z-index:1000}.fab:hover{transform:scale(1.05);background:var(--brand-hover, #2563eb)}.fab:active{transform:scale(.95)}@media(max-width:768px){.fab{bottom:calc(var(--bottombar-height) + 16px)}}.task-drawer{position:fixed;top:0;right:0;width:420px;max-width:90vw;height:100vh;background:var(--panel, #ffffff);box-shadow:-4px 0 20px #00000026;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.task-drawer:before{content:"";position:fixed;inset:0 420px 0 0;background:#0000004d;z-index:-1;pointer-events:auto}@media(max-width:768px){.task-drawer{width:100%;max-width:100%}.task-drawer:before{display:none}}.tasks{display:flex;flex-direction:column;height:100%}.tasks__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.tasks__stats{display:flex;gap:.5rem;flex-wrap:wrap}.tasks__stat{font-size:.75rem;padding:.25rem .625rem;border-radius:9999px;background:var(--gray4);color:var(--gray2)}.tasks__stat--doing{background:var(--light-orange);color:var(--orange)}.tasks__stat--done{background:var(--light-green);color:var(--green)}.tasks__body{flex:1;overflow-y:auto;padding:.5rem}.tasks__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--muted);text-align:center}.tasks__empty-icon{opacity:.5;margin-bottom:.5rem}.task-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-bottom:2px;background:var(--panel);border:1px solid var(--border);border-radius:.5rem;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.task-row:hover{background:var(--gray5);box-shadow:var(--shadow)}.task-row--depth-1{margin-left:1.5rem}.task-row--depth-2{margin-left:3rem}.task-row--depth-3{margin-left:4.5rem}.task-row--depth-4{margin-left:6rem}.task-row--dragging{opacity:.4}.task-row--drop-inside{background:var(--light-blue);border-color:var(--blue)}.task-row--done{opacity:.7}.task-row__drag{cursor:grab;color:var(--muted);opacity:.4;padding:.25rem;flex-shrink:0}.task-row__drag:active{cursor:grabbing}.task-row__expand{background:none;border:none;padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0;width:1.25rem}.task-row__expand--hidden{visibility:hidden}.task-row__expand-icon{transition:transform .2s}.task-row__expand-icon--expanded{transform:rotate(90deg)}.task-row__checkbox{width:1.125rem;height:1.125rem;border-radius:.25rem;border:2px solid var(--border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,border-color .15s}.task-row__checkbox:hover{border-color:var(--accent)}.task-row__checkbox--checked{background:var(--green);border-color:var(--green)}.task-row__checkbox-icon{color:#fff}.task-row__content{flex:1;min-width:0}.task-row__title{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-row__title--done{text-decoration:line-through;color:var(--muted)}.task-row__meta{display:flex;gap:.5rem;font-size:.75rem;color:var(--muted);margin-top:.125rem}.task-row__badge{font-size:.6875rem;padding:.125rem .5rem;border-radius:9999px;background:var(--gray4);color:var(--gray2);flex-shrink:0}.task-row__badge--subtasks{background:var(--gray4)}.task-row__badge--todo{background:var(--gray4);color:var(--gray2)}.task-row__badge--doing{background:var(--light-orange);color:var(--orange)}.task-row__badge--done{background:var(--light-green);color:var(--green)}.task-row__badge--priority-alta,.task-row__badge--priority-urgente{background:var(--light-red);color:var(--red)}.task-row__badge--todo{display:inline-flex;align-items:center;background:#e0f2fe;color:#0369a1}.task-row__badge--done.task-row__badge--checklist-complete{background:var(--light-green);color:var(--green)}.task-row__drop-indicator{height:2px;background:var(--accent);border-radius:1px}.task-row__children{position:relative}.task-row__children-line{position:absolute;left:1.25rem;top:0;bottom:.5rem;width:1px;background:var(--border)}.task-detail{display:flex;flex-direction:column;height:100%;background:var(--panel)}.task-detail__header{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-bottom:1px solid var(--border)}.task-detail__checkbox{margin-top:.25rem}.task-detail__title-area{flex:1}.task-detail__title{font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.task-detail__title--done{text-decoration:line-through;color:var(--muted)}.task-detail__project{font-size:.75rem;color:var(--muted)}.task-detail__close{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--muted);border-radius:.25rem}.task-detail__close:hover{background:var(--gray5)}.task-detail__tabs{display:flex;border-bottom:1px solid var(--border);padding:0 1rem;overflow-x:auto}.task-detail__tab{padding:.75rem 1rem;font-size:.8125rem;font-weight:500;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.task-detail__tab:hover{color:var(--text)}.task-detail__tab--active{color:var(--accent);border-bottom-color:var(--accent)}.task-detail__content{flex:1;overflow-y:auto;padding:1rem}.task-detail__description{margin-bottom:1.5rem}.task-detail__description-label{font-size:.75rem;font-weight:600;color:var(--muted);text-transform:uppercase;margin-bottom:.5rem}.task-detail__description-text{font-size:.875rem;line-height:1.5;white-space:pre-wrap}.task-detail__description-empty{font-size:.875rem;color:var(--muted);font-style:italic}.task-detail__props{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.task-detail__prop{display:flex;flex-direction:column;gap:.25rem}.task-detail__prop-label{font-size:.75rem;color:var(--muted)}.task-detail__prop-value{font-size:.875rem;font-weight:500}.task-detail__empty-value{color:var(--muted);font-style:italic;font-weight:400}.task-detail__header-actions{display:flex;gap:.5rem;align-items:center}.task-detail__edit-btn,.task-detail__save-btn{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--muted);border-radius:.25rem;transition:background .15s,color .15s}.task-detail__edit-btn:hover{background:var(--gray5);color:var(--text)}.task-detail__save-btn{color:var(--green)}.task-detail__save-btn:hover{background:var(--light-green)}.task-detail__title-input{width:100%;font-size:1.125rem;font-weight:600;padding:.375rem .5rem;border:1px solid var(--accent);border-radius:.25rem;margin-bottom:.25rem}.task-detail__description-input{width:100%;font-size:.875rem;line-height:1.5;padding:.5rem;border:1px solid var(--border);border-radius:.25rem;resize:vertical;font-family:inherit}.task-detail__description-input:focus{outline:none;border-color:var(--accent)}.task-detail__select{padding:.375rem .5rem;font-size:.8125rem;border:1px solid var(--border);border-radius:.25rem;background:#fff;cursor:pointer}.task-detail__select:focus{outline:none;border-color:var(--accent)}.task-detail__date-input{padding:.375rem .5rem;font-size:.8125rem;border:1px solid var(--border);border-radius:.25rem}.task-detail__date-input:focus{outline:none;border-color:var(--accent)}.task-checklist{margin-bottom:1.5rem}.task-checklist__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.task-checklist__title{font-size:.8125rem;font-weight:600}.task-checklist__progress{font-size:.75rem;color:var(--muted)}.task-checklist__bar{height:4px;background:var(--gray4);border-radius:2px;margin-bottom:.75rem;overflow:hidden}.task-checklist__bar-fill{height:100%;background:var(--green);transition:width .3s}.task-checklist__items{display:flex;flex-direction:column;gap:.375rem}.task-checklist__item{display:flex;align-items:center;gap:.5rem;padding:.375rem 0}.task-checklist__item-checkbox{width:1rem;height:1rem;border-radius:.25rem;border:2px solid var(--border);background:transparent;cursor:pointer;flex-shrink:0}.task-checklist__item-checkbox--checked{background:var(--green);border-color:var(--green)}.task-checklist__item-text{font-size:.875rem;flex:1}.task-checklist__item-text--done{text-decoration:line-through;color:var(--muted)}.task-checklist__add{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;color:var(--muted);font-size:.875rem;cursor:pointer;border:none;background:none;width:100%;text-align:left}.task-checklist__add:hover{color:var(--accent)}.task-time{margin-bottom:1.5rem}.task-time__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.task-time__title{font-size:.8125rem;font-weight:600}.task-time__summary{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem;padding:.75rem;background:var(--gray5);border-radius:.5rem}.task-time__stat{text-align:center}.task-time__stat-value{font-size:1.25rem;font-weight:600}.task-time__stat-label{font-size:.75rem;color:var(--muted)}.task-timer{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--gray5);border-radius:.5rem;margin-bottom:1rem}.task-timer__display{font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums;flex:1}.task-timer__btn{padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.375rem}.task-timer__btn--start{background:var(--green);color:#fff}.task-timer__btn--stop{background:var(--red);color:#fff}.task-time__entries{display:flex;flex-direction:column;gap:.5rem}.task-time__entry{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.task-time__entry:last-child{border-bottom:none}.task-time__entry-date{font-size:.75rem;color:var(--muted);width:4rem}.task-time__entry-desc{flex:1;font-size:.875rem}.task-time__entry-duration{font-size:.875rem;font-weight:500;font-variant-numeric:tabular-nums}.task-relations{margin-bottom:1.5rem}.task-relations__title{font-size:.8125rem;font-weight:600;margin-bottom:.75rem}.task-relations__list{display:flex;flex-direction:column;gap:.5rem}.task-relations__item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--gray5);border-radius:.375rem;cursor:pointer}.task-relations__item:hover{background:var(--gray4)}.task-relations__item-icon{color:var(--muted)}.task-relations__item-content{flex:1;min-width:0}.task-relations__item-title{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-relations__item-meta{font-size:.75rem;color:var(--muted)}.task-relations__add{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;color:var(--muted);font-size:.875rem;cursor:pointer;border:1px dashed var(--border);border-radius:.375rem;background:none;width:100%}.task-relations__add:hover{color:var(--accent);border-color:var(--accent)}.task-activity{margin-bottom:1.5rem}.task-activity__title{font-size:.8125rem;font-weight:600;margin-bottom:.75rem}.task-activity__list{display:flex;flex-direction:column;gap:.75rem}.task-activity__item{display:flex;gap:.75rem}.task-activity__avatar{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600;flex-shrink:0}.task-activity__content{flex:1}.task-activity__text{font-size:.875rem}.task-activity__time{font-size:.75rem;color:var(--muted)}.task-row__actions{display:flex;align-items:center;gap:.25rem;margin-right:.25rem}.task-row__action-btn{position:relative;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;border-radius:.25rem;background:transparent;color:var(--muted);cursor:pointer;transition:all .15s}.task-row__action-btn:hover{background:var(--gray4);color:var(--text)}.task-row__action-btn--has-links{color:var(--accent)}.task-row__action-btn--has-links:hover{background:var(--light-blue)}.task-row__action-btn--call.task-row__action-btn--has-links{color:#16a34a}.task-row__action-btn--call.task-row__action-btn--has-links:hover{background:#dcfce7}.task-row__action-btn--email.task-row__action-btn--has-links{color:#3b82f6}.task-row__action-btn--email.task-row__action-btn--has-links:hover{background:#dbeafe}.task-row__action-btn--event.task-row__action-btn--has-links{color:#ec4899}.task-row__action-btn--event.task-row__action-btn--has-links:hover{background:#fce7f3}.task-row__action-counter{position:absolute;top:-4px;right:-4px;min-width:14px;height:14px;padding:0 3px;border-radius:7px;font-size:9px;font-weight:600;line-height:14px;text-align:center;color:#fff;box-shadow:0 1px 2px #0003}.task-row__action-counter--call{background:#16a34a}.task-row__action-counter--email{background:#3b82f6}.task-row__action-counter--event{background:#ec4899}.task-row__timer-btn{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:none;border-radius:50%;background:var(--gray4);color:var(--muted);cursor:pointer;transition:all .15s;margin-right:.25rem}.task-row__timer-btn:hover{background:var(--gray3);color:var(--text)}.task-row__timer-btn--active{background:var(--red);color:#fff;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}:root{--acc-space-xs: .25rem;--acc-space-sm: .5rem;--acc-space-md: 1rem;--acc-space-lg: 1.5rem;--acc-space-xl: 2rem;--acc-space-2xl: 3rem}.accounting-page{display:grid;grid-template-rows:auto 1fr;gap:var(--acc-space-lg);height:100%;padding:var(--acc-space-lg);overflow:hidden}.accounting-page--scroll{overflow-y:auto}.accounting-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--acc-space-md);min-height:48px}.accounting-header__title,.accounting-header__actions{display:flex;align-items:center;gap:var(--acc-space-sm)}.accounting-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--acc-space-md)}.accounting-stat-card{display:grid;grid-template-rows:auto auto;gap:var(--acc-space-xs);padding:var(--acc-space-md);min-height:80px}.accounting-stat-card__label{display:flex;align-items:center;gap:var(--acc-space-sm);font-size:.8125rem}.accounting-stat-card__value{font-size:1.5rem;font-weight:600}.accounting-main{display:grid;gap:var(--acc-space-lg);overflow-y:auto}.accounting-main--2col{grid-template-columns:1fr 1fr}.accounting-main--sidebar{grid-template-columns:320px 1fr}.accounting-main--3col{grid-template-columns:repeat(3,1fr)}.accounting-section{display:grid;grid-template-rows:auto 1fr;gap:var(--acc-space-md);min-height:200px}.accounting-section__header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--acc-space-md);min-height:32px}.accounting-section__title{font-size:1rem;font-weight:600;margin:0}.accounting-section__content{display:flex;flex-direction:column;gap:var(--acc-space-sm);overflow-y:auto}.accounting-toolbar{display:grid;grid-template-columns:minmax(200px,360px) auto 1fr auto;align-items:center;gap:var(--acc-space-md);min-height:44px;position:sticky;top:0;z-index:10;padding:var(--acc-space-sm) 0}.accounting-toolbar__search{position:relative}.accounting-toolbar__search input{width:100%;height:40px;padding:0 var(--acc-space-md) 0 40px;font-size:.9375rem}.accounting-toolbar__search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%)}.accounting-toolbar__filters,.accounting-toolbar__actions{display:flex;align-items:center;gap:var(--acc-space-sm)}.accounting-list{display:flex;flex-direction:column;gap:1px;flex:1;overflow-y:auto}.accounting-list__header{display:grid;gap:var(--acc-space-md);padding:var(--acc-space-sm) var(--acc-space-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0}.accounting-list__row{display:grid;gap:var(--acc-space-md);padding:var(--acc-space-md);align-items:center;min-height:64px;cursor:pointer}.accounting-list--customers .accounting-list__header,.accounting-list--customers .accounting-list__row{grid-template-columns:48px 1fr 200px 120px 100px}.accounting-list--invoices .accounting-list__header,.accounting-list--invoices .accounting-list__row{grid-template-columns:48px 120px 1fr 100px 120px 100px 80px}.accounting-list--movements .accounting-list__header,.accounting-list--movements .accounting-list__row{grid-template-columns:4px 100px 1fr 120px 100px}.accounting-list--transactions .accounting-list__header,.accounting-list--transactions .accounting-list__row{grid-template-columns:4px 100px 1fr 120px 120px}.accounting-list__avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.accounting-list__icon{width:24px;height:24px}.accounting-list__info{display:flex;flex-direction:column;gap:2px;min-width:0}.accounting-list__primary{font-size:.9375rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accounting-list__secondary{font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accounting-list__badge{display:inline-flex;align-items:center;padding:4px 8px;font-size:.75rem;font-weight:500}.accounting-list__amount{font-size:.9375rem;font-weight:500;text-align:right}.accounting-list__actions{display:flex;gap:var(--acc-space-xs);justify-content:flex-end}.accounting-list__actions button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0}.accounting-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--acc-space-sm)}.accounting-quick-action{display:grid;grid-template-columns:48px 1fr;gap:var(--acc-space-md);align-items:center;padding:var(--acc-space-md);min-height:72px;cursor:pointer;text-align:left}.accounting-quick-action__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.accounting-quick-action__text{display:flex;flex-direction:column;gap:2px}.accounting-quick-action__title{font-size:.9375rem;font-weight:500}.accounting-quick-action__desc{font-size:.8125rem}.accounting-form{display:grid;grid-template-rows:auto 1fr auto;gap:var(--acc-space-lg);height:100%;max-width:720px;margin:0 auto;padding:var(--acc-space-lg)}.accounting-form__header{display:grid;grid-template-columns:auto 1fr;gap:var(--acc-space-md);align-items:center}.accounting-form__body{display:flex;flex-direction:column;gap:var(--acc-space-lg);overflow-y:auto}.accounting-form__footer{display:flex;justify-content:flex-end;gap:var(--acc-space-sm);padding-top:var(--acc-space-md)}.accounting-form__section{display:flex;flex-direction:column;gap:var(--acc-space-md)}.accounting-form__section-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.accounting-form__grid{display:grid;gap:var(--acc-space-md)}.accounting-form__grid--2col{grid-template-columns:1fr 1fr}.accounting-form__grid--3col{grid-template-columns:2fr 1fr 1fr}.accounting-form__field{display:flex;flex-direction:column;gap:var(--acc-space-xs)}.accounting-form__label{font-size:.8125rem;font-weight:500}.accounting-form__input,.accounting-form__select{height:44px;padding:0 var(--acc-space-md);font-size:.9375rem}.accounting-form__textarea{min-height:100px;padding:var(--acc-space-md);font-size:.9375rem;resize:vertical}.accounting-form__hint{font-size:.75rem}.accounting-form__options{display:flex;gap:var(--acc-space-lg)}.accounting-form__option{display:flex;align-items:center;gap:var(--acc-space-sm);cursor:pointer}.accounting-detail{display:grid;grid-template-rows:auto auto 1fr;gap:var(--acc-space-lg);height:100%;padding:var(--acc-space-lg);overflow:hidden}.accounting-detail__header{display:grid;grid-template-columns:auto 1fr auto;gap:var(--acc-space-md);align-items:center}.accounting-detail__back{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.accounting-detail__title{display:flex;flex-direction:column;gap:2px}.accounting-detail__name{font-size:1.25rem;font-weight:600}.accounting-detail__subtitle{font-size:.875rem}.accounting-detail__actions{display:flex;gap:var(--acc-space-sm)}.accounting-detail__info{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--acc-space-lg)}.accounting-detail__info-item{display:flex;flex-direction:column;gap:4px}.accounting-detail__info-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.accounting-detail__info-value{font-size:.9375rem;font-weight:500}.accounting-detail__content{overflow-y:auto}.accounting-table{width:100%;border-collapse:collapse}.accounting-table th,.accounting-table td{padding:var(--acc-space-md);text-align:left}.accounting-table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.accounting-table td{font-size:.9375rem}.accounting-table td:last-child,.accounting-table th:last-child{text-align:right}.accounting-totals{display:flex;justify-content:flex-end;padding:var(--acc-space-lg) 0}.accounting-totals__table{width:280px;display:flex;flex-direction:column;gap:var(--acc-space-sm)}.accounting-totals__row{display:flex;justify-content:space-between;padding:var(--acc-space-xs) 0}.accounting-totals__row--total{font-weight:600;font-size:1.125rem;padding-top:var(--acc-space-sm);margin-top:var(--acc-space-sm)}.accounting-tabs{display:flex;gap:2px}.accounting-tabs__tab{padding:var(--acc-space-sm) var(--acc-space-md);font-size:.875rem;font-weight:500;cursor:pointer}.accounting-tabs__tab--active{font-weight:600}.accounting-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--acc-space-md);padding:var(--acc-space-2xl);text-align:center;flex:1}.accounting-empty__icon{width:64px;height:64px}.accounting-empty__title{font-size:1rem;font-weight:500}.accounting-empty__desc{font-size:.875rem;max-width:320px}.accounting-accounts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--acc-space-md)}.accounting-account-card{display:grid;grid-template-columns:48px 1fr auto;gap:var(--acc-space-md);align-items:start;padding:var(--acc-space-lg);min-height:100px;cursor:pointer}.accounting-account-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.accounting-account-card__info{display:flex;flex-direction:column;gap:4px}.accounting-account-card__name{font-size:1rem;font-weight:500}.accounting-account-card__bank{font-size:.8125rem}.accounting-account-card__iban{font-size:.75rem;font-family:monospace}.accounting-account-card__balance{text-align:right}.accounting-account-card__amount{font-size:1.25rem;font-weight:600}.accounting-account-card__reconciled{font-size:.75rem}.accounting-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--acc-space-md);padding:var(--acc-space-2xl);min-height:300px;text-align:center}.accounting-upload__icon{width:64px;height:64px}.accounting-upload__title{font-size:1.125rem;font-weight:500}.accounting-upload__desc{font-size:.875rem;max-width:400px}@media(max-width:1024px){.accounting-stats{grid-template-columns:repeat(2,1fr)}.accounting-main--2col,.accounting-main--sidebar{grid-template-columns:1fr}.accounting-detail__info{grid-template-columns:repeat(2,1fr)}.accounting-list--customers .accounting-list__header,.accounting-list--customers .accounting-list__row{grid-template-columns:48px 1fr 120px 80px}.accounting-list--invoices .accounting-list__header,.accounting-list--invoices .accounting-list__row{grid-template-columns:48px 1fr 100px 80px}}@media(max-width:768px){.accounting-page{padding:var(--acc-space-md);gap:var(--acc-space-md)}.accounting-stats{grid-template-columns:1fr}.accounting-toolbar{grid-template-columns:1fr;gap:var(--acc-space-sm)}.accounting-toolbar__search{order:1}.accounting-toolbar__filters{order:2}.accounting-toolbar__actions{order:3}.accounting-quick-actions,.accounting-form__grid--2col,.accounting-form__grid--3col,.accounting-detail__info{grid-template-columns:1fr}.accounting-list--customers .accounting-list__header,.accounting-list--customers .accounting-list__row,.accounting-list--invoices .accounting-list__header,.accounting-list--invoices .accounting-list__row{grid-template-columns:48px 1fr auto}.accounting-accounts{grid-template-columns:1fr}}@media(max-width:480px){.accounting-page,.accounting-stat-card{padding:var(--acc-space-sm)}.accounting-form,.accounting-detail{padding:var(--acc-space-md)}}.accounting-page--narrow{max-width:1200px;margin:0 auto;width:100%}.accounting-page--form{max-width:720px;margin:0 auto}.accounting-card--row{display:grid;grid-template-columns:48px 1fr auto auto;gap:var(--acc-space-md);align-items:center;padding:var(--acc-space-md);min-height:72px;cursor:pointer}.accounting-card--start{display:grid;grid-template-columns:48px 1fr auto auto;gap:var(--acc-space-md);align-items:start;padding:var(--acc-space-md);min-height:80px;cursor:pointer}.accounting-icon--sm{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.accounting-icon--md{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.accounting-icon--lg{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.accounting-content{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.accounting-content--right{display:flex;flex-direction:column;gap:4px;text-align:right;min-width:100px}.accounting-actions{display:flex;gap:var(--acc-space-sm);align-items:center}.accounting-actions button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.accounting-flex--row{display:flex;align-items:center}.accounting-flex--column{display:flex;flex-direction:column}.accounting-flex--center{display:flex;align-items:center;justify-content:center}.accounting-flex--between{display:flex;align-items:center;justify-content:space-between}.accounting-flex--gap-xs{gap:var(--acc-space-xs)}.accounting-flex--gap-sm{gap:var(--acc-space-sm)}.accounting-flex--gap-md{gap:var(--acc-space-md)}.accounting-flex--gap-lg{gap:var(--acc-space-lg)}.accounting-grid--2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--acc-space-md)}.accounting-grid--3col{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--acc-space-md)}.accounting-grid--4col{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--acc-space-md)}.accounting-grid--stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--acc-space-md)}.accounting-grid--form-2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--acc-space-md)}.accounting-grid--form-3col{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--acc-space-md)}.accounting-grid--reports{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--acc-space-md)}.accounting-stat{display:flex;flex-direction:column;gap:var(--acc-space-xs);padding:var(--acc-space-md)}.accounting-stat--wide{display:flex;flex-direction:column;gap:var(--acc-space-xs);padding:var(--acc-space-lg);min-width:200px}.accounting-list--gap-md{gap:var(--acc-space-md)}.accounting-list--gap-lg{gap:var(--acc-space-lg)}.accounting-form__row{display:flex;gap:var(--acc-space-sm);justify-content:flex-end;padding-top:var(--acc-space-md)}.accounting-form__radio-group{display:flex;gap:var(--acc-space-lg)}.accounting-form__radio-option{display:flex;align-items:center;gap:var(--acc-space-sm);cursor:pointer}.accounting-tabs--toggle{display:flex;gap:0}.accounting-tabs--toggle button{padding:var(--acc-space-sm) var(--acc-space-md);font-size:.875rem;cursor:pointer}.accounting-filters{display:flex;gap:var(--acc-space-sm);padding:var(--acc-space-sm) 0}.accounting-filters button{padding:var(--acc-space-sm) var(--acc-space-md);font-size:.875rem;cursor:pointer}.accounting-transaction{display:grid;grid-template-columns:4px 1fr auto auto;gap:var(--acc-space-md);align-items:center;padding:var(--acc-space-md);min-height:64px}.accounting-transaction__indicator{width:4px;height:100%;min-height:40px}.accounting-report{display:flex;flex-direction:column;gap:var(--acc-space-lg);padding:var(--acc-space-lg)}.accounting-report h3{font-size:1.125rem;font-weight:600;margin:0}.accounting-report__section{display:flex;flex-direction:column;gap:var(--acc-space-sm);padding:var(--acc-space-md) 0}.accounting-report__row{display:flex;justify-content:space-between;align-items:center;padding:var(--acc-space-sm) 0}.accounting-totals__content{display:flex;flex-direction:column;gap:var(--acc-space-sm);min-width:280px}@media(max-width:768px){.accounting-card--row{grid-template-columns:40px 1fr auto}.accounting-card--start{grid-template-columns:40px 1fr}.accounting-grid--2col,.accounting-grid--3col,.accounting-grid--4col,.accounting-grid--form-2col,.accounting-grid--form-3col{grid-template-columns:1fr}.accounting-transaction{grid-template-columns:4px 1fr auto}.accounting-form__radio-group{flex-direction:column;gap:var(--acc-space-sm)}}@media(max-width:480px){.accounting-grid--stats,.accounting-grid--reports{grid-template-columns:1fr}}.google-connect-wrapper{display:flex;flex-direction:column;gap:.5rem}.google-connect-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.google-connect-btn--primary{background:linear-gradient(135deg,#4285f4,#34a853 50%,#fbbc05,#ea4335);background-size:300% 300%;color:#fff;animation:gradient-shift 4s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.google-connect-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4285f44d}.google-connect-btn--secondary{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #111827);border:1px solid var(--border, #e5e7eb)}.google-connect-btn--secondary:hover:not(:disabled){background:var(--bg-tertiary, #e5e7eb)}.google-connect-btn--sm{padding:.5rem 1rem;font-size:.875rem}.google-connect-btn--md{padding:.75rem 1.5rem;font-size:1rem}.google-connect-btn--lg{padding:1rem 2rem;font-size:1.125rem}.google-connect-btn--full{width:100%}.google-connect-btn:disabled{opacity:.7;cursor:not-allowed}.google-icon{flex-shrink:0}.google-connect-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.google-connect-error{color:var(--error, #ef4444);font-size:.875rem;margin:0}.google-connect-status{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-secondary, #f3f4f6);border-radius:.75rem;border:1px solid var(--border, #e5e7eb)}.google-connect-info{display:flex;align-items:center;gap:.75rem}.google-connect-details{display:flex;flex-direction:column}.google-connect-label{font-size:.75rem;color:var(--text-muted, #6b7280)}.google-connect-email{font-weight:500;color:var(--text-primary, #111827)}.google-connect-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;background:var(--success-bg, #dcfce7);color:var(--success, #16a34a);font-size:.75rem;font-weight:500;border-radius:9999px}.google-connect-actions{display:flex;align-items:center;gap:.5rem}.google-reconfigure-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid var(--border, #e5e7eb);border-radius:.375rem;font-size:1rem;cursor:pointer;transition:all .2s ease}.google-reconfigure-btn:hover{background:var(--bg-tertiary, #e5e7eb);border-color:var(--text-muted, #6b7280)}.google-disconnect-btn{padding:.5rem 1rem;background:transparent;color:var(--text-muted, #6b7280);border:1px solid var(--border, #e5e7eb);border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.google-disconnect-btn:hover{background:var(--error-bg, #fef2f2);color:var(--error, #ef4444);border-color:var(--error, #ef4444)}.google-service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1.5rem}.google-service-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border, #e5e7eb);border-radius:.75rem;transition:all .2s ease}.google-service-card--active{background:var(--bg-primary, #ffffff);border-color:var(--service-color, #4285f4);border-left-width:3px}.google-service-card--error{background:var(--error-bg, #fef2f2);border-color:var(--error, #ef4444)}.google-service-card:hover{box-shadow:0 2px 8px #0000000d}.google-service-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-primary, #ffffff);border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.google-service-content{flex:1;min-width:0}.google-service-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.google-service-name{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #111827)}.google-service-status{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500;border-radius:9999px}.google-service-status--active{background:var(--success-bg, #dcfce7);color:var(--success, #16a34a)}.google-service-status--inactive{background:var(--bg-tertiary, #f3f4f6);color:var(--text-muted, #6b7280)}.google-service-status--error{background:var(--error-bg, #fef2f2);color:var(--error, #ef4444)}.google-service-status--syncing{background:var(--info-bg, #dbeafe);color:var(--info, #2563eb)}.google-service-spinner{width:10px;height:10px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.google-service-description{margin:0 0 .5rem;font-size:.875rem;color:var(--text-muted, #6b7280)}.google-service-meta{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:var(--text-muted, #9ca3af)}.google-service-sync:before{content:"";display:inline-block;width:6px;height:6px;margin-right:.25rem;background:var(--success, #16a34a);border-radius:50%}.google-service-error{margin:.5rem 0 0;padding:.5rem;background:var(--error-bg, #fef2f2);color:var(--error, #ef4444);font-size:.75rem;border-radius:.25rem}.google-service-configure{flex-shrink:0;padding:.375rem .75rem;background:transparent;color:var(--service-color, #4285f4);border:1px solid var(--service-color, #4285f4);border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.google-service-configure:hover{background:var(--service-color, #4285f4);color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.google-calendar-sync{display:flex;flex-direction:column;gap:1.5rem}.google-calendar-sync__section{background:var(--bg-primary, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:.75rem;overflow:hidden}.google-calendar-sync__section-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--bg-secondary, #f9fafb);border-bottom:1px solid var(--border, #e5e7eb)}.google-calendar-sync__section-title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.9375rem;font-weight:600;color:var(--text-primary, #111827)}.google-calendar-sync__section-icon{width:20px;height:20px;color:var(--text-muted, #6b7280)}.google-calendar-sync__section-content{padding:1.25rem}.google-calendar-sync__connection{display:flex;align-items:center;justify-content:space-between;gap:1rem}.google-calendar-sync__connection-info{display:flex;align-items:center;gap:.75rem}.google-calendar-sync__connection-status{display:flex;align-items:center;gap:.5rem}.google-calendar-sync__status-dot{width:10px;height:10px;border-radius:50%;background:var(--text-muted, #9ca3af)}.google-calendar-sync__status-dot--connected{background:var(--success, #22c55e);box-shadow:0 0 0 3px var(--success-bg, #dcfce7)}.google-calendar-sync__status-dot--disconnected{background:var(--text-muted, #9ca3af)}.google-calendar-sync__status-text{font-size:.875rem;color:var(--text-primary, #374151)}.google-calendar-sync__email{font-size:.875rem;color:var(--text-muted, #6b7280)}.google-calendar-sync__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.google-calendar-sync__btn--primary{background:var(--primary, #4285f4);color:#fff;border:none}.google-calendar-sync__btn--primary:hover:not(:disabled){background:var(--primary-hover, #3b78e7)}.google-calendar-sync__btn--danger{background:transparent;color:var(--error, #ef4444);border:1px solid var(--error, #ef4444)}.google-calendar-sync__btn--danger:hover:not(:disabled){background:var(--error, #ef4444);color:#fff}.google-calendar-sync__btn--secondary{background:transparent;color:var(--text-primary, #374151);border:1px solid var(--border, #e5e7eb)}.google-calendar-sync__btn--secondary:hover:not(:disabled){background:var(--bg-secondary, #f9fafb)}.google-calendar-sync__btn:disabled{opacity:.6;cursor:not-allowed}.google-calendar-sync__calendars{display:flex;flex-direction:column;gap:.5rem}.google-calendar-sync__calendar-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary, #f9fafb);border-radius:.5rem;cursor:pointer;transition:background .2s ease}.google-calendar-sync__calendar-item:hover{background:var(--bg-tertiary, #f3f4f6)}.google-calendar-sync__calendar-checkbox{flex-shrink:0}.google-calendar-sync__calendar-checkbox input{width:18px;height:18px;cursor:pointer;accent-color:var(--primary, #4285f4)}.google-calendar-sync__calendar-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.google-calendar-sync__calendar-name{flex:1;font-size:.875rem;color:var(--text-primary, #374151)}.google-calendar-sync__calendar-badge{font-size:.6875rem;padding:.125rem .5rem;background:var(--info-bg, #dbeafe);color:var(--info, #2563eb);border-radius:9999px}.google-calendar-sync__no-calendars{padding:2rem;text-align:center;color:var(--text-muted, #6b7280);font-size:.875rem}.google-calendar-sync__loading-calendars{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--text-muted, #6b7280);font-size:.875rem}.google-calendar-sync__settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.google-calendar-sync__setting{display:flex;flex-direction:column;gap:.5rem}.google-calendar-sync__setting-label{font-size:.8125rem;font-weight:500;color:var(--text-muted, #6b7280)}.google-calendar-sync__select{padding:.5rem .75rem;font-size:.875rem;border:1px solid var(--border, #e5e7eb);border-radius:.375rem;background:var(--bg-primary, #ffffff);color:var(--text-primary, #374151);cursor:pointer}.google-calendar-sync__select:focus{outline:none;border-color:var(--primary, #4285f4);box-shadow:0 0 0 3px #4285f41a}.google-calendar-sync__range-inputs{display:flex;align-items:center;gap:.5rem}.google-calendar-sync__range-input{width:70px;padding:.5rem;font-size:.875rem;text-align:center;border:1px solid var(--border, #e5e7eb);border-radius:.375rem}.google-calendar-sync__range-input:focus{outline:none;border-color:var(--primary, #4285f4);box-shadow:0 0 0 3px #4285f41a}.google-calendar-sync__range-label{font-size:.75rem;color:var(--text-muted, #9ca3af)}.google-calendar-sync__status{display:flex;flex-direction:column;gap:1rem}.google-calendar-sync__status-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-secondary, #f9fafb);border-radius:.5rem}.google-calendar-sync__status-label{font-size:.875rem;color:var(--text-muted, #6b7280)}.google-calendar-sync__status-value{font-size:.875rem;font-weight:500;color:var(--text-primary, #374151)}.google-calendar-sync__status-value--success{color:var(--success, #22c55e)}.google-calendar-sync__status-value--error{color:var(--error, #ef4444)}.google-calendar-sync__status-value--warning{color:var(--warning, #f59e0b)}.google-calendar-sync__sync-actions{display:flex;gap:.75rem;margin-top:.5rem}.google-calendar-sync__conflicts{display:flex;flex-direction:column;gap:.75rem}.google-calendar-sync__conflict-item{padding:1rem;background:var(--warning-bg, #fffbeb);border:1px solid var(--warning-border, #fcd34d);border-radius:.5rem}.google-calendar-sync__conflict-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.google-calendar-sync__conflict-title{margin:0;font-size:.875rem;font-weight:600;color:var(--text-primary, #374151)}.google-calendar-sync__conflict-type{font-size:.6875rem;padding:.125rem .5rem;background:var(--warning, #f59e0b);color:#fff;border-radius:9999px}.google-calendar-sync__conflict-events{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.75rem}.google-calendar-sync__conflict-event{padding:.75rem;background:var(--bg-primary, #ffffff);border-radius:.375rem}.google-calendar-sync__conflict-event-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;color:var(--text-muted, #9ca3af);margin-bottom:.25rem}.google-calendar-sync__conflict-event-title{font-size:.8125rem;color:var(--text-primary, #374151);margin-bottom:.25rem}.google-calendar-sync__conflict-event-date{font-size:.75rem;color:var(--text-muted, #6b7280)}.google-calendar-sync__conflict-actions{display:flex;gap:.5rem}.google-calendar-sync__conflict-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.google-calendar-sync__conflict-btn--local{background:var(--primary-bg, #dbeafe);color:var(--primary, #2563eb);border:none}.google-calendar-sync__conflict-btn--local:hover{background:var(--primary, #2563eb);color:#fff}.google-calendar-sync__conflict-btn--google{background:var(--error-bg, #fef2f2);color:var(--error, #ef4444);border:none}.google-calendar-sync__conflict-btn--google:hover{background:var(--error, #ef4444);color:#fff}.google-calendar-sync__conflict-btn--merge{background:var(--success-bg, #dcfce7);color:var(--success, #16a34a);border:none}.google-calendar-sync__conflict-btn--merge:hover{background:var(--success, #16a34a);color:#fff}.google-calendar-sync__no-conflicts{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--success, #22c55e);font-size:.875rem}.google-calendar-sync__error{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--error-bg, #fef2f2);border:1px solid var(--error-border, #fecaca);border-radius:.5rem;margin-bottom:1rem}.google-calendar-sync__error-icon{flex-shrink:0;width:20px;height:20px;color:var(--error, #ef4444)}.google-calendar-sync__error-content{flex:1}.google-calendar-sync__error-title{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:var(--error, #ef4444)}.google-calendar-sync__error-message{margin:0;font-size:.8125rem;color:var(--error-text, #991b1b)}.google-calendar-sync__spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:gcal-spin .8s linear infinite}@keyframes gcal-spin{to{transform:rotate(360deg)}}.google-calendar-sync__not-connected{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.google-calendar-sync__not-connected-icon{width:64px;height:64px;margin-bottom:1rem;color:var(--text-muted, #9ca3af)}.google-calendar-sync__not-connected-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary, #374151)}.google-calendar-sync__not-connected-text{margin:0 0 1.5rem;font-size:.875rem;color:var(--text-muted, #6b7280);max-width:400px}.google-calendar-sync__result-details{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.75rem}.google-calendar-sync__result-item{display:flex;flex-direction:column;align-items:center;padding:.5rem;background:var(--bg-tertiary, #f3f4f6);border-radius:.375rem}.google-calendar-sync__result-label{font-size:.6875rem;color:var(--text-muted, #9ca3af);text-transform:uppercase}.google-calendar-sync__result-value{font-size:1.25rem;font-weight:600;color:var(--text-primary, #374151)}@media(max-width:640px){.google-calendar-sync__connection{flex-direction:column;align-items:flex-start}.google-calendar-sync__settings,.google-calendar-sync__conflict-events{grid-template-columns:1fr}.google-calendar-sync__result-details{grid-template-columns:repeat(2,1fr)}}.telegram-integration{max-width:800px;margin:0 auto}.telegram-header{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#08c,#229ed9);border-radius:1rem;color:#fff;margin-bottom:1.5rem}.telegram-header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff3;border-radius:12px;flex-shrink:0}.telegram-header-content{flex:1}.telegram-header-content h2{margin:0 0 .25rem;font-size:1.5rem;font-weight:600}.telegram-header-content p{margin:0;opacity:.9;font-size:.875rem}.telegram-header-status{flex-shrink:0}.telegram-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.telegram-status-badge--connected{background:#fff3;color:#fff}.telegram-section{background:var(--bg-primary, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:.75rem;padding:1.25rem;margin-bottom:1rem}.telegram-section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary, #111827)}.telegram-section-title svg{color:#08c}.telegram-setup{display:flex;flex-direction:column;gap:1rem}.telegram-instruction{display:flex;align-items:flex-start;gap:1rem;padding:.75rem;background:var(--bg-secondary, #f9fafb);border-radius:.5rem}.telegram-instruction-step{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#08c;color:#fff;border-radius:50%;font-size:.875rem;font-weight:600;flex-shrink:0}.telegram-instruction-content{flex:1}.telegram-instruction-content p{margin:0;font-size:.875rem;color:var(--text-secondary, #4b5563)}.telegram-instruction-content code{padding:.125rem .375rem;background:var(--bg-tertiary, #e5e7eb);border-radius:.25rem;font-size:.8125rem}.telegram-link{display:inline-flex;align-items:center;gap:.375rem;margin-top:.5rem;padding:.375rem .75rem;background:#08c;color:#fff;border-radius:.375rem;font-size:.8125rem;text-decoration:none;transition:background .2s}.telegram-link:hover{background:#069}.telegram-token-input{margin-top:.5rem}.telegram-token-input label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary, #111827)}.telegram-token-field{display:flex;gap:.5rem}.telegram-token-field input{flex:1;padding:.75rem 1rem;border:2px solid var(--border, #e5e7eb);border-radius:.5rem;font-size:.875rem;font-family:monospace;transition:border-color .2s}.telegram-token-field input:focus{outline:none;border-color:#08c}.telegram-token-field input.input-error{border-color:var(--error, #ef4444)}.telegram-token-toggle{display:flex;align-items:center;justify-content:center;width:44px;background:var(--bg-secondary, #f9fafb);border:2px solid var(--border, #e5e7eb);border-radius:.5rem;color:var(--text-muted, #6b7280);cursor:pointer;transition:all .2s}.telegram-token-toggle:hover{background:var(--bg-tertiary, #e5e7eb);color:var(--text-primary, #111827)}.telegram-error{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;background:var(--error-bg, #fef2f2);color:var(--error, #ef4444);border-radius:.375rem;font-size:.8125rem}.telegram-bot-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary, #f9fafb);border-radius:.5rem}.telegram-bot-avatar{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#08c;color:#fff;border-radius:50%;flex-shrink:0}.telegram-bot-details{flex:1}.telegram-bot-name{font-size:1.125rem;font-weight:600;color:var(--text-primary, #111827)}.telegram-bot-username{margin-left:.5rem;font-size:.875rem;font-weight:400;color:#08c}.telegram-bot-id{font-size:.75rem;color:var(--text-muted, #6b7280);margin-top:.25rem}.telegram-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.telegram-btn:disabled{opacity:.5;cursor:not-allowed}.telegram-btn--primary{background:#08c;color:#fff}.telegram-btn--primary:hover:not(:disabled){background:#069}.telegram-btn--secondary{background:var(--bg-secondary, #f9fafb);color:var(--text-primary, #111827);border:1px solid var(--border, #e5e7eb)}.telegram-btn--secondary:hover:not(:disabled){background:var(--bg-tertiary, #e5e7eb)}.telegram-btn--danger{background:var(--error, #ef4444);color:#fff}.telegram-btn--danger:hover:not(:disabled){background:#dc2626}.telegram-btn--small{padding:.5rem .75rem;font-size:.8125rem}.spinning{animation:spin 1s linear infinite}.telegram-mode-toggle{display:flex;gap:.5rem;margin-bottom:1rem;padding:.25rem;background:var(--bg-secondary, #f9fafb);border-radius:.5rem}.telegram-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:transparent;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;color:var(--text-muted, #6b7280);cursor:pointer;transition:all .2s}.telegram-mode-btn:hover{color:var(--text-primary, #111827)}.telegram-mode-btn.active{background:#fff;color:#08c;box-shadow:0 1px 3px #0000001a}.telegram-config-row{margin-bottom:1rem}.telegram-config-row:last-child{margin-bottom:0}.telegram-config-row label{display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary, #111827)}.telegram-config-row input,.telegram-config-row select,.telegram-config-row textarea{width:100%;padding:.625rem .875rem;border:2px solid var(--border, #e5e7eb);border-radius:.5rem;font-size:.875rem;transition:border-color .2s;box-sizing:border-box}.telegram-config-row input:focus,.telegram-config-row select:focus,.telegram-config-row textarea:focus{outline:none;border-color:#08c}.telegram-config-row textarea{resize:vertical;min-height:80px}.telegram-webhook-input{display:flex;gap:.5rem}.telegram-webhook-input input{flex:1}.telegram-copy-btn{display:flex;align-items:center;justify-content:center;width:40px;background:var(--bg-secondary, #f9fafb);border:2px solid var(--border, #e5e7eb);border-radius:.5rem;color:var(--text-muted, #6b7280);cursor:pointer;transition:all .2s}.telegram-copy-btn:hover:not(:disabled){background:var(--bg-tertiary, #e5e7eb);color:var(--text-primary, #111827)}.telegram-copy-btn:disabled{opacity:.5;cursor:not-allowed}.help-icon{color:var(--text-muted, #6b7280);cursor:help}.telegram-status-row{display:flex;align-items:center;gap:1rem}.telegram-status-indicator{display:inline-flex;align-items:center;padding:.375rem .75rem;background:var(--bg-tertiary, #e5e7eb);color:var(--text-muted, #6b7280);border-radius:9999px;font-size:.8125rem;font-weight:500}.telegram-status-indicator:before{content:"";display:inline-block;width:8px;height:8px;margin-right:.5rem;background:currentColor;border-radius:50%}.telegram-status-indicator.active{background:var(--success-bg, #dcfce7);color:var(--success, #16a34a)}.telegram-commands-list{margin-bottom:1rem}.telegram-commands-empty{padding:1.5rem;text-align:center;background:var(--bg-secondary, #f9fafb);border-radius:.5rem;color:var(--text-muted, #6b7280)}.telegram-commands-empty p{margin:0;font-size:.875rem}.telegram-command-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-secondary, #f9fafb);border-radius:.5rem;margin-bottom:.5rem}.telegram-command-item:last-child{margin-bottom:0}.telegram-command-item code{padding:.25rem .5rem;background:#08c;color:#fff;border-radius:.25rem;font-size:.8125rem;font-family:monospace;flex-shrink:0}.telegram-command-item span{flex:1;font-size:.875rem;color:var(--text-secondary, #4b5563)}.telegram-test-form{display:flex;flex-direction:column;gap:1rem}.telegram-test-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.telegram-test-result{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.375rem;font-size:.8125rem}.telegram-test-result.success{background:var(--success-bg, #dcfce7);color:var(--success, #16a34a)}.telegram-test-result.error{background:var(--error-bg, #fef2f2);color:var(--error, #ef4444)}.telegram-clear-btn{margin-left:auto;display:flex;align-items:center;justify-content:center;padding:.375rem;background:transparent;border:none;border-radius:.375rem;color:var(--text-muted, #6b7280);cursor:pointer;transition:all .2s}.telegram-clear-btn:hover{background:var(--error-bg, #fef2f2);color:var(--error, #ef4444)}.telegram-messages-log{max-height:400px;overflow-y:auto;border:1px solid var(--border, #e5e7eb);border-radius:.5rem}.telegram-messages-empty{padding:2rem;text-align:center;color:var(--text-muted, #6b7280)}.telegram-messages-empty p{margin:0 0 .25rem;font-size:.875rem}.telegram-messages-empty span{font-size:.75rem}.telegram-message-item{padding:.875rem 1rem;border-bottom:1px solid var(--border, #e5e7eb)}.telegram-message-item:last-child{border-bottom:none}.telegram-message-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:.75rem}.telegram-message-user{font-weight:600;color:#08c}.telegram-message-chat{color:var(--text-muted, #6b7280)}.telegram-message-time{margin-left:auto;color:var(--text-muted, #9ca3af)}.telegram-message-body{display:flex;align-items:flex-start;gap:.75rem}.telegram-message-body p{flex:1;margin:0;font-size:.875rem;color:var(--text-primary, #111827);word-break:break-word}.telegram-reply-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:transparent;border:1px solid var(--border, #e5e7eb);border-radius:.25rem;font-size:.6875rem;color:var(--text-muted, #6b7280);cursor:pointer;transition:all .2s;flex-shrink:0}.telegram-reply-btn:hover{background:#08c;border-color:#08c;color:#fff}.telegram-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.telegram-modal{background:#fff;border-radius:1rem;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000040}.telegram-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border, #e5e7eb)}.telegram-modal-header h3{margin:0;font-size:1.125rem;font-weight:600}.telegram-modal-close{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:none;border-radius:.375rem;color:var(--text-muted, #6b7280);cursor:pointer;transition:all .2s}.telegram-modal-close:hover{background:var(--bg-secondary, #f9fafb);color:var(--text-primary, #111827)}.telegram-modal-body{flex:1;padding:1.25rem;overflow-y:auto}.telegram-modal-hint{margin:0 0 1rem;padding:.75rem;background:var(--bg-secondary, #f9fafb);border-radius:.5rem;font-size:.8125rem;color:var(--text-muted, #6b7280)}.telegram-command-edit-row{display:flex;gap:.5rem;margin-bottom:.75rem}.telegram-command-inputs{flex:1;display:flex;gap:.5rem}.telegram-command-inputs input:first-child{width:120px;flex-shrink:0}.telegram-command-inputs input:last-child{flex:1}.telegram-command-inputs input{padding:.625rem .75rem;border:2px solid var(--border, #e5e7eb);border-radius:.5rem;font-size:.875rem;transition:border-color .2s}.telegram-command-inputs input:focus{outline:none;border-color:#08c}.telegram-command-remove{display:flex;align-items:center;justify-content:center;width:40px;background:transparent;border:1px solid var(--border, #e5e7eb);border-radius:.5rem;color:var(--text-muted, #6b7280);cursor:pointer;transition:all .2s}.telegram-command-remove:hover:not(:disabled){background:var(--error-bg, #fef2f2);border-color:var(--error, #ef4444);color:var(--error, #ef4444)}.telegram-command-remove:disabled{opacity:.3;cursor:not-allowed}.telegram-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border, #e5e7eb)}.telegram-global-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--error-bg, #fef2f2);border:1px solid var(--error, #ef4444);border-radius:.5rem;color:var(--error, #ef4444);font-size:.875rem;margin-top:1rem}.telegram-global-error button{display:inline-flex;align-items:center;gap:.375rem;margin-left:auto;padding:.375rem .75rem;background:#fff;border:1px solid var(--error, #ef4444);border-radius:.375rem;color:var(--error, #ef4444);font-size:.75rem;cursor:pointer;transition:all .2s}.telegram-global-error button:hover{background:var(--error, #ef4444);color:#fff}@media(max-width:640px){.telegram-header{flex-direction:column;text-align:center;gap:1rem}.telegram-header-status{align-self:center}.telegram-bot-info{flex-direction:column;text-align:center}.telegram-mode-toggle,.telegram-command-inputs{flex-direction:column}.telegram-command-inputs input:first-child{width:100%}.telegram-message-header{flex-wrap:wrap}.telegram-message-time{width:100%;margin-left:0;margin-top:.25rem}}.whatsapp-integration{display:flex;flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto;padding:1.5rem}.whatsapp-integration__header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#25d36610,#128c7e10);border:1px solid var(--border, #e5e7eb);border-radius:1rem}.whatsapp-integration__logo{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #00000014}.whatsapp-integration__title{flex:1}.whatsapp-integration__title h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary, #111827)}.whatsapp-integration__title p{margin:.25rem 0 0;font-size:.875rem;color:var(--text-muted, #6b7280)}.whatsapp-integration__content{display:flex;flex-direction:column;gap:1.5rem}.whatsapp-section{background:var(--bg-primary, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:.75rem;padding:1.25rem}.whatsapp-section__title{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary, #111827)}.whatsapp-section__refresh{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid var(--border, #e5e7eb);border-radius:.375rem;cursor:pointer;transition:all .2s ease}.whatsapp-section__refresh:hover{background:var(--bg-secondary, #f3f4f6);border-color:var(--text-muted, #6b7280)}.whatsapp-section__refresh:disabled{opacity:.5;cursor:not-allowed}.whatsapp-section__count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;background:#25d366;color:#fff;font-size:.75rem;font-weight:600;border-radius:9999px}.whatsapp-form{display:flex;flex-direction:column;gap:1rem}.whatsapp-form__field{display:flex;flex-direction:column;gap:.375rem}.whatsapp-form__field label{font-size:.875rem;font-weight:500;color:var(--text-primary, #111827)}.whatsapp-form__field input,.whatsapp-form__field textarea,.whatsapp-form__field select{padding:.625rem .875rem;background:var(--bg-primary, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:.5rem;font-size:.875rem;color:var(--text-primary, #111827);transition:border-color .2s ease,box-shadow .2s ease}.whatsapp-form__field input:focus,.whatsapp-form__field textarea:focus,.whatsapp-form__field select:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 3px #25d36626}.whatsapp-form__field input:disabled,.whatsapp-form__field textarea:disabled,.whatsapp-form__field select:disabled{background:var(--bg-secondary, #f3f4f6);color:var(--text-muted, #6b7280);cursor:not-allowed}.whatsapp-form__field input[readonly]{background:var(--bg-secondary, #f3f4f6)}.whatsapp-form__field textarea{resize:vertical;min-height:80px}.whatsapp-form__password,.whatsapp-form__readonly{display:flex;gap:.5rem}.whatsapp-form__password input,.whatsapp-form__readonly input{flex:1}.whatsapp-form__toggle,.whatsapp-form__copy{padding:.625rem .875rem;background:var(--bg-secondary, #f3f4f6);border:1px solid var(--border, #e5e7eb);border-radius:.5rem;font-size:.75rem;font-weight:500;color:var(--text-primary, #111827);cursor:pointer;transition:all .2s ease}.whatsapp-form__toggle:hover,.whatsapp-form__copy:hover{background:var(--bg-tertiary, #e5e7eb)}.whatsapp-form__copy{display:flex;align-items:center;justify-content:center;padding:.5rem}.whatsapp-form__hint{font-size:.75rem;color:var(--text-muted, #9ca3af)}.whatsapp-form__actions{display:flex;gap:.75rem;margin-top:.5rem}.whatsapp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.whatsapp-btn:disabled{opacity:.6;cursor:not-allowed}.whatsapp-btn--primary{background:#25d366;color:#fff}.whatsapp-btn--primary:hover:not(:disabled){background:#20bd5a;transform:translateY(-1px);box-shadow:0 4px 12px #25d3664d}.whatsapp-btn--secondary{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #111827);border:1px solid var(--border, #e5e7eb)}.whatsapp-btn--secondary:hover:not(:disabled){background:var(--bg-tertiary, #e5e7eb)}.whatsapp-btn--danger{background:transparent;color:var(--error, #ef4444);border:1px solid var(--error, #ef4444)}.whatsapp-btn--danger:hover:not(:disabled){background:var(--error-bg, #fef2f2)}.whatsapp-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:9999px}.whatsapp-badge--disconnected{background:var(--bg-tertiary, #f3f4f6);color:var(--text-muted, #6b7280)}.whatsapp-badge--connecting{background:#fff3cd;color:#856404}.whatsapp-badge--connected{background:#d4edda;color:#155724}.whatsapp-badge--error{background:var(--error-bg, #fef2f2);color:var(--error, #ef4444)}.whatsapp-badge__spinner{width:10px;height:10px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:50%;animation:whatsapp-spin .8s linear infinite}@keyframes whatsapp-spin{to{transform:rotate(360deg)}}.whatsapp-status{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.whatsapp-status__item{display:flex;flex-direction:column;gap:.25rem}.whatsapp-status__item--full{grid-column:1 / -1}.whatsapp-status__label{font-size:.75rem;font-weight:500;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:.025em}.whatsapp-status__value{font-size:.875rem;color:var(--text-primary, #111827)}.whatsapp-status__logo{width:48px;height:48px;border-radius:.5rem;object-fit:cover}.whatsapp-templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.whatsapp-templates__loading,.whatsapp-templates__empty{padding:2rem;text-align:center;color:var(--text-muted, #6b7280);font-size:.875rem}.whatsapp-template-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border, #e5e7eb);border-radius:.5rem;transition:all .2s ease}.whatsapp-template-card:hover{border-color:#25d366;box-shadow:0 2px 8px #25d3661a}.whatsapp-template-card__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.whatsapp-template-card__name{font-weight:600;color:var(--text-primary, #111827);font-size:.875rem}.whatsapp-template-card__status{font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:.25rem;text-transform:uppercase}.whatsapp-template-card__status--success{background:#d4edda;color:#155724}.whatsapp-template-card__status--warning{background:#fff3cd;color:#856404}.whatsapp-template-card__status--error{background:var(--error-bg, #fef2f2);color:var(--error, #ef4444)}.whatsapp-template-card__status--muted{background:var(--bg-tertiary, #f3f4f6);color:var(--text-muted, #6b7280)}.whatsapp-template-card__meta{display:flex;gap:.75rem;font-size:.75rem;color:var(--text-muted, #6b7280)}.whatsapp-template-card__preview{margin-top:.5rem;padding:.375rem .75rem;background:transparent;color:#25d366;border:1px solid #25D366;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.whatsapp-template-card__preview:hover{background:#25d366;color:#fff}.whatsapp-template-params{padding:1rem;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border, #e5e7eb);border-radius:.5rem}.whatsapp-template-params>label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--text-primary, #111827)}.whatsapp-test-send{display:flex;flex-direction:column;gap:1rem}.whatsapp-radio-group{display:flex;gap:1rem}.whatsapp-radio{display:flex;align-items:center;gap:.5rem;cursor:pointer}.whatsapp-radio input{width:16px;height:16px;accent-color:#25D366}.whatsapp-test-result{padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem}.whatsapp-test-result--success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.whatsapp-test-result--error{background:var(--error-bg, #fef2f2);color:var(--error, #ef4444);border:1px solid #f5c6cb}.whatsapp-events{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.whatsapp-events__empty{padding:2rem;text-align:center;color:var(--text-muted, #6b7280);font-size:.875rem}.whatsapp-event-card{padding:.75rem 1rem;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border, #e5e7eb);border-radius:.5rem;border-left-width:3px}.whatsapp-event-card--message{border-left-color:#25d366}.whatsapp-event-card--status{border-left-color:#6b7280}.whatsapp-event-card__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.whatsapp-event-card__time{font-size:.75rem;color:var(--text-muted, #9ca3af)}.whatsapp-event-card__type{font-size:.625rem;font-weight:600;padding:.125rem .375rem;background:#25d36620;color:#128c7e;border-radius:.25rem;text-transform:uppercase}.whatsapp-event-card__status{font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:.25rem;text-transform:uppercase}.whatsapp-event-card__status--sent{background:#e0e7ff;color:#3730a3}.whatsapp-event-card__status--delivered{background:#d4edda;color:#155724}.whatsapp-event-card__status--read{background:#cffafe;color:#0e7490}.whatsapp-event-card__status--failed{background:var(--error-bg, #fef2f2);color:var(--error, #ef4444)}.whatsapp-event-card__from{font-size:.75rem;font-weight:500;color:var(--text-primary, #111827);margin-bottom:.25rem}.whatsapp-event-card__content{font-size:.875rem;color:var(--text-secondary, #374151);line-height:1.4}.whatsapp-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.whatsapp-modal{background:var(--bg-primary, #ffffff);border-radius:.75rem;max-width:500px;width:100%;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px #0003}.whatsapp-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border, #e5e7eb)}.whatsapp-modal__header h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #111827)}.whatsapp-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;font-size:1.5rem;color:var(--text-muted, #6b7280);cursor:pointer;border-radius:.375rem;transition:all .2s ease}.whatsapp-modal__close:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #111827)}.whatsapp-modal__content{padding:1.25rem;overflow-y:auto}.whatsapp-template-preview{background:#e5ddd5;border-radius:.5rem;padding:1rem}.whatsapp-template-preview__header{margin-bottom:.5rem;padding:.75rem;background:#fff;border-radius:.5rem .5rem 0 0;font-weight:600;font-size:.875rem;color:var(--text-primary, #111827)}.whatsapp-template-preview__body{padding:.75rem;background:#fff;font-size:.875rem;line-height:1.5;color:var(--text-primary, #111827);white-space:pre-wrap}.whatsapp-template-preview__footer{padding:.5rem .75rem;background:#fff;border-radius:0 0 .5rem .5rem;font-size:.75rem;color:var(--text-muted, #6b7280)}.whatsapp-icon--spinning{animation:whatsapp-spin 1s linear infinite}@media(max-width:640px){.whatsapp-integration{padding:1rem}.whatsapp-integration__header{flex-direction:column;text-align:center}.whatsapp-form__actions{flex-direction:column}.whatsapp-form__actions .whatsapp-btn{width:100%}.whatsapp-status,.whatsapp-templates{grid-template-columns:1fr}}.settings-fullpage{padding:0!important}.settings-page{height:100%;overflow-y:auto}.settings-content{padding:1.5rem;max-width:800px}.settings-section{max-width:800px}.settings-accordion{border:1px solid var(--border, #e5e7eb);border-radius:8px;margin-bottom:12px;overflow:hidden}.settings-accordion-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px;background:var(--surface, white);border:none;cursor:pointer;text-align:left}.settings-accordion-header:hover{background:var(--hover, #f9fafb)}.settings-accordion-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:var(--text, #1f2937)}.settings-accordion-content{padding:0 16px 16px;border-top:1px solid var(--border, #e5e7eb)}.settings-field,.settings-field:first-child{margin-top:16px}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:480px){.settings-row{grid-template-columns:1fr}}.toggle-switch{position:relative;display:inline-block;width:40px;height:22px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border, #d1d5db);transition:.2s;border-radius:11px}.toggle-switch .toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary, #3b82f6)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.subscription-card{border:1px solid var(--border, #e5e7eb);border-radius:12px;padding:20px;margin-bottom:24px}.subscription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.subscription-header h3{margin:0;font-size:18px;font-weight:600}.subscription-status{font-size:13px;margin-top:4px}.subscription-status.active{color:#10b981}.subscription-price .price{font-size:24px;font-weight:600;color:var(--text, #1f2937)}.subscription-details{display:flex;gap:32px;padding:16px 0;border-top:1px solid var(--border, #e5e7eb);border-bottom:1px solid var(--border, #e5e7eb)}.subscription-detail{display:flex;flex-direction:column;gap:4px}.subscription-detail .label{font-size:12px;color:var(--muted, #6b7280)}.subscription-detail .value{font-size:14px;font-weight:500}.subscription-actions{display:flex;gap:12px;margin-top:16px}.team-section{border:1px solid var(--border, #e5e7eb);border-radius:12px;padding:20px}.team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.team-header h3{margin:0;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600}.role-legend{display:flex;flex-wrap:wrap;gap:16px;padding:12px;background:var(--hover, #f9fafb);border-radius:8px;margin-bottom:16px}.role-legend-item{display:flex;align-items:center;gap:6px}.role-desc{font-size:11px;color:var(--muted, #6b7280)}.role-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;border-radius:4px}.badge-owner{background:#fef3c7;color:#92400e}.badge-admin{background:#dbeafe;color:#1e40af}.badge-team{background:#d1fae5;color:#065f46}.badge-collaborator{background:#f3e8ff;color:#6b21a8}.team-list{display:flex;flex-direction:column;gap:8px}.team-member{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border, #e5e7eb);border-radius:8px}.team-member-avatar{width:40px;height:40px;border-radius:50%;background:var(--hover, #f3f4f6);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:var(--muted, #6b7280);flex-shrink:0}.team-member-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.team-member-info{flex:1;min-width:0}.team-member-name{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500}.owner-icon{color:#f59e0b}.team-member-email{font-size:12px;color:var(--muted, #6b7280)}.team-member-role{flex-shrink:0}.role-select{padding:6px 10px;font-size:12px;border:1px solid var(--border, #e5e7eb);border-radius:6px;background:#fff;cursor:pointer}.team-member-permissions{display:flex;gap:4px}.permission-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border, #e5e7eb);border-radius:6px;background:#fff;cursor:pointer;color:var(--muted, #9ca3af)}.permission-btn.active{background:var(--primary, #3b82f6);border-color:var(--primary, #3b82f6);color:#fff}.team-member-remove{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:var(--muted, #9ca3af);border-radius:6px}.team-member-remove:hover{background:#fef2f2;color:#ef4444}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:12px;width:100%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border, #e5e7eb)}.modal-header h3{margin:0;font-size:16px;font-weight:600}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:var(--muted, #6b7280);border-radius:6px}.modal-close:hover{background:var(--hover, #f3f4f6)}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border, #e5e7eb)}.settings-section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.settings-section-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text, #1f2937)}.settings-card{background:var(--panel, white);border:1px solid var(--border, #e5e7eb);border-radius:8px;padding:20px;margin-bottom:16px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.settings-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text, #1f2937);margin-bottom:8px}.settings-input,.settings-select{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--border, #e5e7eb);border-radius:6px;background:var(--panel, white);color:var(--text, #1f2937);transition:border-color .15s}.settings-input:focus,.settings-select:focus{outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.settings-hint{margin:8px 0 0;font-size:13px;color:var(--muted, #6b7280)}.avatar-upload{display:flex;align-items:center;gap:20px}.avatar-preview{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid var(--border, #e5e7eb)}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--hover, #f3f4f6);color:var(--muted, #9ca3af)}.avatar-upload-btn{position:absolute;bottom:0;right:0;width:32px;height:32px;border-radius:50%;background:var(--primary, #3b82f6);color:#fff;border:2px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.avatar-upload-btn:hover{background:var(--primary-dark, #2563eb)}.avatar-upload-info{flex:1;display:flex;flex-direction:column;gap:12px}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border, #e5e7eb)}.settings-toggle-row:last-child{border-bottom:none;padding-bottom:0}.settings-toggle-row:first-child{padding-top:0}.toggle-switch-large{position:relative;display:inline-block;width:48px;height:26px}.toggle-switch-large input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border, #ddd);transition:.3s;border-radius:13px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0003}.toggle-switch-large input:checked+.toggle-slider{background-color:var(--primary, #3b82f6)}.toggle-switch-large input:checked+.toggle-slider:before{transform:translate(22px)}.settings-2fa-config{margin-top:16px;padding:20px;background:var(--bg-secondary, #f9fafb);border-radius:8px;text-align:center}.qr-code-placeholder{width:200px;height:200px;margin:16px auto;background:#fff;border:2px dashed var(--border, #e5e7eb);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--muted, #9ca3af)}.verified{display:inline-flex;align-items:center;gap:4px;color:#10b981;font-weight:500}.unverified{display:inline-flex;align-items:center;gap:4px;color:#f59e0b;font-weight:500}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.integration-card{background:var(--panel, white);border:1px solid var(--border, #e5e7eb);border-radius:8px;padding:20px;transition:box-shadow .2s}.integration-card:hover{box-shadow:0 4px 6px #0000000d}.integration-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.integration-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text, #1f2937)}.integration-type{margin:4px 0 0;font-size:12px;text-transform:uppercase;color:var(--muted, #9ca3af);font-weight:500;letter-spacing:.5px}.integration-status{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.status-icon{flex-shrink:0}.status-icon.connected{color:#10b981}.status-icon.error{color:#ef4444}.status-icon.pending{color:#f59e0b}.status-icon.disconnected{color:var(--muted, #9ca3af)}.status-label.connected{color:#10b981}.status-label.error{color:#ef4444}.status-label.pending{color:#f59e0b}.status-label.disconnected{color:var(--muted, #9ca3af)}.integration-description{margin:0 0 12px;font-size:14px;color:var(--text-secondary, #6b7280);line-height:1.5}.integration-error{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:13px;color:#dc2626;margin-bottom:12px}.integration-sync{margin:0 0 12px;font-size:12px;color:var(--muted, #9ca3af)}.integration-actions{display:flex;gap:8px;margin-top:16px}.btn-primary,.btn-secondary,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary, #3b82f6);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark, #2563eb)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg-secondary, #f3f4f6);color:var(--text, #1f2937);border:1px solid var(--border, #e5e7eb)}.btn-secondary:hover{background:var(--hover, #e5e7eb)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:6px 12px;font-size:13px}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.google-workspace-section{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--border, #e5e7eb);border-radius:.75rem}.google-workspace-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.google-workspace-title{display:flex;align-items:center;gap:1rem}.google-workspace-title h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text, #1f2937)}.google-workspace-title p{margin:.25rem 0 0;font-size:.875rem;color:var(--muted, #6b7280)}.settings-divider{margin:2rem 0;border:none;border-top:1px solid var(--border, #e5e7eb)}.settings-subsection-title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text, #1f2937)}.settings-save-bar{position:fixed;bottom:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:12px 24px;background:var(--panel, white);border:1px solid var(--border, #e5e7eb);border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:100;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.settings-save-hint{font-size:14px;color:var(--muted, #6b7280)}@media(max-width:768px){.settings-content{padding:1rem}.avatar-upload{flex-direction:column;align-items:flex-start}.integrations-grid{grid-template-columns:1fr}.google-workspace-header{flex-direction:column;align-items:flex-start}.settings-save-bar{left:16px;right:16px;transform:none;width:auto;bottom:70px}.settings-grid{grid-template-columns:1fr}}.notifications-settings{max-width:800px}.notifications-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border, #e5e7eb)}.notifications-section:last-of-type{border-bottom:none}.notifications-section-title{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-size:16px;font-weight:600;color:var(--text, #1f2937)}.notifications-channels{display:flex;flex-direction:column;gap:12px}.channel-toggle{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--surface, white);border:1px solid var(--border, #e5e7eb);border-radius:8px}.channel-info{display:flex;align-items:center;gap:14px}.channel-info>svg{color:var(--muted, #6b7280)}.channel-name{display:block;font-size:14px;font-weight:500;color:var(--text, #1f2937)}.channel-desc{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted, #6b7280);margin-top:2px}.channel-warning{display:inline-flex;align-items:center;gap:4px;color:#ef4444;font-size:12px}.notifications-types-table{border:1px solid var(--border, #e5e7eb);border-radius:8px;overflow:hidden}.types-table-header{display:grid;grid-template-columns:1fr 80px 80px 80px;gap:8px;padding:12px 16px;background:var(--hover, #f9fafb);border-bottom:1px solid var(--border, #e5e7eb);font-size:12px;font-weight:600;color:var(--muted, #6b7280);text-transform:uppercase;letter-spacing:.5px}.types-table-body{max-height:400px;overflow-y:auto}.types-table-row{display:grid;grid-template-columns:1fr 80px 80px 80px;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border, #e5e7eb);align-items:center}.types-table-row:last-child{border-bottom:none}.types-table-row:hover{background:var(--hover, #f9fafb)}.type-label-col{font-size:14px;color:var(--text, #1f2937)}.type-channel-col{display:flex;align-items:center;justify-content:center;gap:6px}.types-table-header .type-channel-col{flex-direction:column;gap:4px}.notification-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--primary, #3b82f6)}.notification-checkbox:disabled{opacity:.4;cursor:not-allowed}.dnd-container{display:flex;flex-direction:column;gap:16px}.dnd-toggle{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--surface, white);border:1px solid var(--border, #e5e7eb);border-radius:8px}.dnd-info{display:flex;flex-direction:column;gap:2px}.dnd-name{font-size:14px;font-weight:500;color:var(--text, #1f2937)}.dnd-desc{font-size:13px;color:var(--muted, #6b7280)}.dnd-times{display:flex;gap:16px;padding:16px;background:var(--hover, #f9fafb);border-radius:8px}.dnd-time-field{flex:1}.dnd-time-field label{display:block;font-size:12px;font-weight:500;color:var(--muted, #6b7280);margin-bottom:6px}.time-input{width:100%;max-width:150px}.dnd-days{padding:16px;background:var(--hover, #f9fafb);border-radius:8px}.dnd-days-label{display:block;font-size:12px;font-weight:500;color:var(--muted, #6b7280);margin-bottom:10px}.dnd-days-grid{display:flex;gap:8px;flex-wrap:wrap}.dnd-day-btn{min-width:44px;padding:8px 12px;font-size:13px;font-weight:500;border:1px solid var(--border, #e5e7eb);border-radius:6px;background:var(--surface, white);color:var(--text, #1f2937);cursor:pointer;transition:all .15s}.dnd-day-btn:hover{border-color:var(--primary, #3b82f6)}.dnd-day-btn.active{background:var(--primary, #3b82f6);border-color:var(--primary, #3b82f6);color:#fff}.digest-container{display:flex;flex-direction:column;gap:16px}.digest-item{padding:16px;background:var(--surface, white);border:1px solid var(--border, #e5e7eb);border-radius:8px}.digest-toggle{display:flex;align-items:center;justify-content:space-between}.digest-info{display:flex;flex-direction:column;gap:2px}.digest-name{font-size:14px;font-weight:500;color:var(--text, #1f2937)}.digest-desc{font-size:13px;color:var(--muted, #6b7280)}.digest-options{display:flex;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border, #e5e7eb)}.digest-time-field,.digest-day-field{flex:1}.digest-time-field label,.digest-day-field label{display:block;font-size:12px;font-weight:500;color:var(--muted, #6b7280);margin-bottom:6px}.email-format-container{padding:16px;background:var(--surface, white);border:1px solid var(--border, #e5e7eb);border-radius:8px}.email-format-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.email-format-field{display:flex;flex-direction:column;gap:6px}.email-format-field label{font-size:12px;font-weight:500;color:var(--muted, #6b7280)}.email-format-hint{display:flex;align-items:flex-start;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border, #e5e7eb);font-size:13px;color:var(--muted, #6b7280);line-height:1.5}.email-format-hint svg{flex-shrink:0;margin-top:2px}.notifications-actions{display:flex;align-items:center;gap:16px;margin-top:32px}.btn-link{padding:0;background:none;border:none;color:var(--muted, #6b7280);font-size:14px;cursor:pointer;text-decoration:underline}.btn-link:hover{color:var(--text, #1f2937)}.notifications-last-saved{margin-top:12px;font-size:12px;color:var(--muted, #9ca3af)}@media(max-width:640px){.types-table-header,.types-table-row{grid-template-columns:1fr 60px 60px 60px}.dnd-times{flex-direction:column}.email-format-row{grid-template-columns:1fr}.digest-options{flex-direction:column}}.integrations-section{max-width:900px}.int-section-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.int-section-header svg{color:var(--primary, #3b82f6)}.int-section-header h2{margin:0;font-size:20px;font-weight:600}.int-section-header p{margin:4px 0 0;font-size:14px;color:var(--muted, #6b7280)}.int-box{border:1px solid var(--border, #e5e7eb);border-radius:12px;margin-bottom:16px;overflow:hidden;transition:border-color .2s}.int-box--connected{border-color:#10b981}.int-box__header{display:flex;align-items:center;gap:16px;padding:16px 20px;cursor:pointer;transition:background .15s}.int-box__header:hover{background:var(--hover, #f9fafb)}.int-box__logo{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.int-box__logo--email{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff}.int-box__info{flex:1;min-width:0}.int-box__info h3{margin:0;font-size:16px;font-weight:600;color:var(--text, #1f2937)}.int-box__info p{margin:4px 0 0;font-size:13px;color:var(--muted, #6b7280)}.int-box__chevron{color:var(--muted, #9ca3af);transition:transform .2s;flex-shrink:0}.int-box__chevron.expanded{transform:rotate(180deg)}.int-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;border-radius:20px;flex-shrink:0}.int-status--connected{background:#d1fae5;color:#065f46}.int-status--disconnected{background:var(--hover, #f3f4f6);color:var(--muted, #6b7280)}.int-status--pending{background:#fef3c7;color:#92400e}.int-status--error{background:#fee2e2;color:#991b1b}.int-box__content{padding:0 20px 20px;border-top:1px solid var(--border, #e5e7eb)}.int-box__description{padding:16px 0}.int-box__description p{margin:0;font-size:14px;color:var(--text-secondary, #4b5563);line-height:1.6}.int-box__instructions{padding:16px;background:var(--hover, #f9fafb);border-radius:8px;margin-bottom:16px}.int-box__instructions h4{margin:0 0 12px;font-size:14px;font-weight:600}.int-box__instructions ol{margin:0;padding-left:20px}.int-box__instructions li{margin-bottom:8px;font-size:14px;color:var(--text-secondary, #4b5563)}.int-box__instructions li:last-child{margin-bottom:0}.int-services{margin-bottom:16px}.int-services h4{margin:0 0 12px;font-size:14px;font-weight:600}.int-services__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.int-service{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .15s}.int-service:hover{border-color:var(--primary, #3b82f6)}.int-service input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary, #3b82f6)}.int-service svg{color:var(--muted, #6b7280)}.int-service span{font-size:13px;font-weight:500}.int-box__account{margin-bottom:16px}.int-account{display:flex;align-items:center;gap:14px;padding:16px;background:var(--hover, #f9fafb);border-radius:8px}.int-account__avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary, #3b82f6);color:#fff;font-size:14px;font-weight:600;border-radius:50%;flex-shrink:0}.int-account__avatar svg{width:20px;height:20px}.int-account__info{flex:1;min-width:0}.int-account__name{display:block;font-size:14px;font-weight:500;color:var(--text, #1f2937)}.int-account__meta{display:block;margin-top:2px;font-size:12px;color:var(--muted, #6b7280)}.int-box__actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid var(--border, #e5e7eb)}.int-box__advanced{margin-bottom:16px}.int-toggle-advanced{display:flex;align-items:center;gap:8px;padding:12px 0;background:none;border:none;font-size:14px;color:var(--muted, #6b7280);cursor:pointer}.int-toggle-advanced:hover{color:var(--text, #1f2937)}.int-advanced-fields{display:none;padding:16px;background:var(--hover, #f9fafb);border-radius:8px;margin-top:8px}.int-advanced-fields.visible{display:block}.int-email-providers{margin-bottom:20px}.int-email-providers h4{margin:0 0 12px;font-size:14px;font-weight:600}.int-provider-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.int-provider{padding:10px 16px;background:var(--surface, white);border:1px solid var(--border, #e5e7eb);border-radius:6px;font-size:14px;font-weight:500;color:var(--text, #1f2937);cursor:pointer;transition:all .15s}.int-provider:hover{border-color:var(--primary, #3b82f6)}.int-provider.active{background:var(--primary, #3b82f6);border-color:var(--primary, #3b82f6);color:#fff}.int-email-form{padding:16px;background:var(--hover, #f9fafb);border-radius:8px;margin-bottom:16px}.int-form-section{margin-bottom:20px}.int-form-section:last-child{margin-bottom:0}.int-form-section h4{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--muted, #6b7280);text-transform:uppercase;letter-spacing:.5px}.int-folder-select{margin-bottom:16px}.int-folder-select h4{margin:0 0 12px;font-size:14px;font-weight:600}.int-folder{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--hover, #f9fafb);border-radius:8px;font-size:14px}.int-folder svg{color:var(--muted, #6b7280)}.int-folder span{flex:1;font-family:monospace}.int-notifications-config{margin-bottom:16px}.int-notifications-config h4{margin:0 0 12px;font-size:14px;font-weight:600}.int-notification-list{display:flex;flex-direction:column;gap:8px}.int-notification-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--hover, #f9fafb);border-radius:6px;cursor:pointer}.int-notification-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary, #3b82f6)}.int-notification-item span{font-size:14px}.btn-microsoft{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:#2f2f2f;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.btn-microsoft:hover{background:#1a1a1a}.btn-microsoft svg{width:20px;height:20px}.btn-dropbox{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:#0061ff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.btn-dropbox:hover{background:#0050d4}.btn-dropbox svg{width:20px;height:20px}.btn-slack{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:#4a154b;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.btn-slack:hover{background:#3d1140}.btn-slack svg{width:20px;height:20px}.btn-notion{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:#000;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.btn-notion:hover{background:#1a1a1a}.btn-notion svg{width:20px;height:20px}@media(max-width:768px){.int-services__grid,.int-provider-grid{grid-template-columns:repeat(2,1fr)}.int-box__header{flex-wrap:wrap}.int-status{order:3;width:100%;justify-content:center;margin-top:8px}}@media(max-width:480px){.int-services__grid{grid-template-columns:1fr}.int-provider-grid{grid-template-columns:1fr 1fr}.int-box__actions{flex-direction:column}.int-box__actions button{width:100%;justify-content:center}}.imports-header{margin-bottom:24px}.imports-title{display:flex;align-items:center;gap:16px}.imports-title svg{color:var(--primary, #3b82f6)}.imports-title h2{margin:0;font-size:20px;font-weight:600;color:var(--text, #1f2937)}.imports-title p{margin:4px 0 0;font-size:14px;color:var(--muted, #6b7280)}.imports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.import-source-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--surface, white);border:1px solid var(--border, #e5e7eb);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;position:relative;width:100%}.import-source-card:hover:not(.disabled){border-color:var(--primary, #3b82f6);box-shadow:0 4px 12px #3b82f61a}.import-source-card.disabled{opacity:.6;cursor:not-allowed}.import-source-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.import-source-info{flex:1;min-width:0}.import-source-info h3{margin:0;font-size:16px;font-weight:600;color:var(--text, #1f2937)}.import-source-info p{margin:4px 0 0;font-size:13px;color:var(--muted, #6b7280)}.import-source-badge{position:absolute;top:12px;right:12px;padding:4px 8px;font-size:11px;font-weight:500;background:var(--hover, #f3f4f6);color:var(--muted, #6b7280);border-radius:4px}.import-wizard{max-width:600px}.import-back{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:24px;background:none;border:none;color:var(--muted, #6b7280);font-size:14px;cursor:pointer;border-radius:6px}.import-back:hover{background:var(--hover, #f3f4f6);color:var(--text, #1f2937)}.import-teamwork{display:flex;flex-direction:column;gap:24px}.import-teamwork-header{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--border, #e5e7eb)}.import-teamwork-header h3{margin:0;font-size:18px;font-weight:600}.import-teamwork-header p{margin:4px 0 0;font-size:14px;color:var(--muted, #6b7280)}.import-step{padding:24px;background:var(--surface, white);border:1px solid var(--border, #e5e7eb);border-radius:12px}.import-step-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.import-step-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary, #3b82f6);color:#fff;font-size:14px;font-weight:600;border-radius:50%}.import-step-header h4{margin:0;font-size:16px;font-weight:600}.import-form{display:flex;flex-direction:column;gap:20px}.input-with-suffix{display:flex;align-items:center}.input-with-suffix .settings-input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.input-suffix{padding:10px 12px;background:var(--hover, #f3f4f6);border:1px solid var(--border, #e5e7eb);border-left:none;border-radius:0 6px 6px 0;font-size:14px;color:var(--muted, #6b7280);white-space:nowrap}.settings-link{display:inline-flex;align-items:center;gap:4px;margin-left:8px;color:var(--primary, #3b82f6);text-decoration:none}.settings-link:hover{text-decoration:underline}.import-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.import-loading svg{color:var(--primary, #3b82f6);margin-bottom:16px}.import-loading p{margin:0;font-size:16px;color:var(--text, #1f2937)}.import-loading-hint{margin-top:8px!important;font-size:14px!important;color:var(--muted, #6b7280)!important}.import-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px}.import-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.import-stat{display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--hover, #f9fafb);border-radius:8px}.import-stat-value{font-size:24px;font-weight:700;color:var(--text, #1f2937)}.import-stat-label{margin-top:4px;font-size:12px;color:var(--muted, #6b7280);text-transform:uppercase;letter-spacing:.5px}.import-projects{margin-bottom:24px}.import-projects-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.import-projects-header h5{margin:0;font-size:14px;font-weight:600}.import-projects-actions{display:flex;gap:16px}.import-projects-list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto;padding-right:8px}.import-project-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--surface, white);border:1px solid var(--border, #e5e7eb);border-radius:8px;cursor:pointer;transition:border-color .15s}.import-project-item:hover{border-color:var(--primary, #3b82f6)}.import-project-item input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--primary, #3b82f6);cursor:pointer}.import-project-info{flex:1;min-width:0}.import-project-name{display:block;font-size:14px;font-weight:500;color:var(--text, #1f2937)}.import-project-desc{display:block;margin-top:4px;font-size:13px;color:var(--muted, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-project-meta{display:block;margin-top:6px;font-size:12px;color:var(--muted, #9ca3af)}.import-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--border, #e5e7eb)}.import-success{display:flex;flex-direction:column;align-items:center;padding:48px 24px;text-align:center}.import-success svg{color:#10b981;margin-bottom:16px}.import-success h4{margin:0;font-size:20px;font-weight:600;color:var(--text, #1f2937)}.import-success p{margin:8px 0 24px;font-size:14px;color:var(--muted, #6b7280)}@media(max-width:768px){.imports-grid{grid-template-columns:1fr}.import-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.import-stats{grid-template-columns:repeat(2,1fr)}.import-source-card{padding:16px}.import-projects-header{flex-direction:column;align-items:flex-start;gap:12px}}.oauth-callback{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#f0f4f8,#d9e2ec)}.oauth-callback-content{display:flex;flex-direction:column;align-items:center;max-width:400px;padding:3rem;background:#fff;border-radius:1rem;box-shadow:0 10px 40px #0000001a;text-align:center}.oauth-callback-content h2{margin:1.5rem 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--text-primary, #111827)}.oauth-callback-content p{margin:0;color:var(--text-muted, #6b7280)}.oauth-callback-spinner{width:56px;height:56px;border:4px solid #e5e7eb;border-top-color:#4285f4;border-radius:50%;animation:oauth-spin 1s linear infinite}@keyframes oauth-spin{to{transform:rotate(360deg)}}.oauth-callback-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%}.oauth-callback-icon--success{background:#dcfce7;color:#16a34a}.oauth-callback-icon--error{background:#fef2f2;color:#ef4444}.oauth-callback-btn{margin-top:1.5rem;padding:.75rem 1.5rem;background:#4285f4;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background .2s ease}.oauth-callback-btn:hover{background:#3b78e7}:root{--primary: #1D5BBF;--secondary: #FF6B2D;--red: #E53935;--orange: #FF6B2D;--yellow: #FFB300;--blue: #1D5BBF;--green: #00E803;--violet: #9B59B6;--light-red: #FC6767;--light-orange: #FFB380;--light-blue: #58D9F9;--light-green: #7CFFB2;--light-violet: #C89EDB;--gray1: #2A2A2A;--gray2: #5A5A5A;--gray3: #999999;--gray4: #E0E0E0;--gray5: #f9f9f9;--bg: var(--gray5);--panel: #ffffff;--border: rgba(4, 32, 69, .1);--muted: var(--gray2);--text: var(--gray1);--accent: var(--primary);--accent-2: var(--secondary);--shadow: 0 4px 6px rgba(6, 111, 209, .04);--shadow-hover: 0 8px 20px rgba(29, 91, 191, .12);--brand: var(--primary);--brand-soft: rgba(29, 91, 191, .1);--success: #00E803;--warn: #FFB300;--info: #58D9F9;--line: var(--gray4);--text-secondary: var(--gray2);--text-muted: var(--gray3)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Roboto,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.page.two-col{max-width:1600px;margin:0 auto;padding:16px 12px 32px;display:grid;grid-template-columns:340px 1fr;gap:12px}.sidebar{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;transition:width .2s ease,padding .2s ease}.sidebar.collapsed{width:82px;padding:14px 10px}.sidebar.hidden-mobile{display:block}.sidebar.collapsed .user-meta,.sidebar.collapsed .search-row input,.sidebar.collapsed .timeline-body,.sidebar.collapsed .timeline-type{display:none}.sidebar.collapsed .timeline{gap:10px}.sidebar-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.avatar-wrapper{position:relative;width:48px;height:48px}.avatar.round{width:48px;height:48px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:grid;place-items:center;color:#fff;font-weight:700}.status-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:999px;border:2px solid var(--panel);background:var(--green)}.status-dot.busy{background:var(--yellow)}.status-dot.away{background:var(--orange)}.status-dot.offline{background:var(--gray3)}.user-meta{min-width:0}.user-name{margin:0;font-weight:600}.hint{margin:0;color:var(--muted);font-size:12px}.actions{display:flex;gap:8px}.icon-btn{border:1px solid transparent;background:#fff;width:42px;height:42px;display:grid;place-items:center;border-radius:10px;cursor:pointer;position:relative;box-shadow:0 6px 18px #0f172a0d}.badge.mini{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:999px;padding:2px 6px;font-size:10px}.search-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.search-row input{width:100%;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:#f8fafc;font-size:14px}.ai-btn{border:1px solid var(--border);background:linear-gradient(145deg,#fff,#f0f0f0);color:var(--primary);border-radius:12px;padding:10px 12px;cursor:pointer;box-shadow:2px 2px 4px #0000001a;transition:all .2s ease}.ai-btn:hover{background:var(--primary);color:#fff;box-shadow:0 4px 12px #1d5bbf4d}.filter-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.filter-btn{border:1px solid #e7ebf5;background:#fff;border-radius:12px;padding:0;cursor:pointer;font-weight:600;color:var(--muted);position:relative;display:grid;place-items:center;width:44px;height:44px;box-shadow:0 6px 18px #0f172a0d}.filter-btn.active{background:#1d5bbf1a;color:var(--primary);border-color:var(--primary);box-shadow:inset 2px 2px 4px #0000001a}.filter-icon{display:inline-flex;align-items:center;justify-content:center}.dot-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:999px;padding:2px 6px;font-size:11px;font-weight:700;line-height:1}.timeline .muted.small{font-size:12px}.timeline{display:flex;flex-direction:column;overflow:auto;max-height:calc(100vh - 260px)}.timeline-item{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:10px 0;cursor:pointer;position:relative}.timeline-item+.timeline-item{border-top:1px solid var(--border)}.timeline-item.unread{background:linear-gradient(90deg,rgba(29,91,191,.08),transparent);border-top-color:#1d5bbf4d;padding-left:6px;border-left:3px solid var(--primary)}.timeline-item.unread .item-title{font-weight:700}.timeline-top{display:flex;align-items:center;justify-content:space-between}.timeline-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.item-title{margin:0;font-weight:600;line-height:1.3}.muted{margin:0;color:var(--muted)}.muted.small{font-size:12px}.collapse-btn{border:1px solid var(--border);background:#f8fafc;border-radius:10px;padding:8px 10px;cursor:pointer;width:fit-content;margin-left:auto}.main{background:var(--panel);border:1px solid #edf0f6;border-radius:14px;min-height:calc(100vh - 100px);box-shadow:0 20px 60px #0f172a0d;padding:14px;display:flex;flex-direction:column}.main-placeholder h2{margin:6px 0}.main-section{display:flex;flex-direction:column;gap:12px}.main-body{flex:1}.main-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;position:relative;padding:6px 0}.back-btn{position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:1px solid #e7ebf5;border-radius:10px;background:#fff;display:grid;place-items:center;box-shadow:0 8px 20px #0f172a14}.main-icon{width:44px;height:44px;border-radius:12px;background:#1d5bbf1a;display:grid;place-items:center;color:var(--primary)}.main-title h2{margin:4px 0 2px}.main-actions{display:flex;gap:8px}.icon-btn-sm{width:36px;height:36px;border:1px solid #e7ebf5;border-radius:10px;background:#fff;display:grid;place-items:center;box-shadow:0 8px 20px #0f172a14;cursor:pointer}.ai-bottom-bar{margin-top:0;border:1px solid #e7ebf5;border-radius:12px;padding:10px;display:grid;grid-template-columns:1fr auto;gap:10px;box-shadow:0 8px 20px #0f172a0d;background:#fff;position:sticky;bottom:0}.ai-bottom-bar input{border:1px solid #e7ebf5;border-radius:10px;padding:10px 12px}.ai-bottom-bar button{border:none;border-radius:10px;padding:10px 16px;background:var(--primary);color:#fff;cursor:pointer;min-width:90px;font-weight:500;transition:all .2s ease}.ai-bottom-bar button:hover{background:var(--secondary);box-shadow:0 4px 12px #ff6b2d4d}.task-tree{border:1px dashed #e7ebf5;border-radius:10px;padding:4px;background:#fff}.task-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border:1px solid #e7ebf5;border-radius:8px;background:#fff;box-shadow:0 2px 8px #0f172a0a;cursor:grab}.task-title{font-weight:600;font-size:14px}.task-title.done{text-decoration:line-through;color:var(--muted)}.task-children{margin-left:12px;border-left:1px dashed #d5def3;padding-left:6px}.icon-btn-sm.ghost{border:1px solid transparent;background:transparent;box-shadow:none}.section-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.section-card{border:1px solid #e9edf5;border-radius:12px;padding:12px;background:#fbfcff;box-shadow:0 12px 28px #0f172a0a}.section-card.highlight{border-color:#1d5bbf4d;background:linear-gradient(180deg,#1d5bbf0d,#fff);box-shadow:0 12px 30px #1d5bbf26}.small-title{margin:0 0 4px;font-weight:700}.section-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.section-list li{border:1px solid #e9edf5;border-radius:12px;padding:10px 12px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 6px 18px #0f172a0a}.pill{display:inline-flex;align-items:center;border:1px solid #e7ebf5;border-radius:999px;padding:6px 10px;font-size:12px;color:var(--muted);background:#f8fafc}.mini-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}.mini-list li{display:flex;align-items:center;justify-content:space-between;font-size:14px}.section-table{width:100%;border-collapse:collapse}.section-table th,.section-table td{text-align:left;padding:10px 8px;border-bottom:1px solid #e9edf5}.section-table th{color:var(--muted);font-weight:600}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.form-grid label{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid #e9edf5;border-radius:12px;background:#fff;box-shadow:0 6px 18px #0f172a0a}.form-grid input,.form-grid select{border:1px solid #e7ebf5;border-radius:10px;padding:8px 10px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0}.menu-wrapper{position:relative}.menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--panel);border:1px solid #e7ebf5;border-radius:12px;box-shadow:0 18px 48px #0f172a2e;min-width:190px;overflow:hidden;z-index:3}.menu-dropdown button{width:100%;text-align:left;border:none;background:transparent;padding:10px 12px;cursor:pointer}.menu-dropdown button:hover{background:#f8fafc}.notification-dropdown{display:grid;gap:8px;padding:10px 12px}.dropdown-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.dropdown-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0}.dropdown-row.clickable{border:1px solid transparent;border-radius:10px;padding:8px 10px;transition:background .15s ease,border-color .15s ease}.dropdown-row.clickable:hover{background:#f6f8ff;border-color:#dfe6f7;cursor:pointer}.dropdown-row.clickable.active{background:#eef3ff;border-color:#d0dbf7}.dropdown-row.subtle{color:var(--muted)}.pill.small{padding:4px 8px;font-size:11px}.tiny-btn{border:1px solid var(--border);background:#f8fafc;border-radius:10px;padding:6px 10px;cursor:pointer;text-align:center}.tiny-btn:hover{background:#eef2ff}.tiny-link{border:none;background:transparent;color:var(--accent-2);cursor:pointer;font-weight:700}.tiny-link.icon{display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:10px;border:1px solid #e7ebf5}.ai-modal{position:fixed;inset:0;background:#0f172a80;display:grid;place-items:center;padding:20px;z-index:10}.ai-card{background:var(--panel);border-radius:16px;padding:18px;border:1px solid var(--border);width:min(540px,90vw);box-shadow:var(--shadow)}.ai-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.ai-actions button,.close-btn{padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:#f8fafc;cursor:pointer}.close-btn{width:100%;margin-top:6px}.ai-textarea{width:100%;border:1px solid #e7ebf5;border-radius:12px;padding:10px;resize:vertical;min-height:100px;font-family:inherit}.upload-btn{position:relative;display:grid;place-items:center;width:36px;height:36px;border:1px solid #e7ebf5;border-radius:10px;background:#fff;cursor:pointer}.mic-btn{width:36px;height:36px;border:1px solid #e7ebf5;border-radius:10px;background:#fff;display:grid;place-items:center;cursor:pointer}.mic-btn.recording{background:#fee2e2;border-color:#f87171;color:#b91c1c}.chat-thread{display:flex;flex-direction:column;gap:8px;margin-top:8px}.chat-bubble{max-width:80%;padding:10px 12px;border-radius:12px;border:1px solid #e7ebf5;background:#fff}.chat-bubble.ai{margin-left:auto;background:#1d5bbf1a;border-color:#1d5bbf33}.priority-high{color:var(--red)}.priority-medium{color:var(--orange)}.priority-normal{color:var(--blue)}.priority-low{color:var(--gray3)}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.completed{background:#00e80326;color:#00a803}.status-badge.in-progress{background:#1d5bbf26;color:var(--primary)}.status-badge.pending{background:#ffb30026;color:#cc8f00}.status-badge.overdue{background:#e5393526;color:var(--red)}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;background:var(--primary);color:#fff}.tag.secondary{background:var(--secondary)}.tags-list{display:flex;flex-wrap:wrap;gap:6px}.tasks-layout{display:grid;grid-template-columns:1fr 380px;gap:16px}.tasks-layout .task-tree{border:none;padding:0}.task-list-item{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease;margin-bottom:8px}.task-list-item:hover{border-color:var(--primary);box-shadow:var(--shadow-hover)}.task-list-item.selected{border-color:var(--primary);background:#1d5bbf0d;box-shadow:var(--shadow-hover)}.task-list-item.completed{opacity:.6}.task-list-item .task-info{flex:1;min-width:0}.task-list-item .task-title{margin:0 0 4px;font-weight:600;font-size:14px}.task-list-item .task-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.task-list-item .task-meta span{display:inline-flex;align-items:center;gap:4px}.priority-badge{font-size:11px;padding:2px 8px;border-radius:12px;text-transform:capitalize}.priority-badge.priority-high{background:#e5393526;color:var(--red)}.priority-badge.priority-medium{background:#ff6b2d26;color:var(--orange)}.priority-badge.priority-normal{background:#1d5bbf1a;color:var(--primary)}.priority-badge.priority-low{background:#99999926;color:var(--gray2)}.task-node{position:relative}.task-children{position:relative;margin-left:12px;padding-left:8px;border-left:2px solid var(--border)}.task-progress{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#00e8031a;border-radius:20px;font-weight:500}.header-actions{display:flex;align-items:center;gap:12px}.task-filters{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid var(--border);border-radius:10px;margin-bottom:16px;flex-wrap:wrap}.filter-group{display:flex;align-items:center}.filter-label{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;cursor:pointer}.filter-label select{padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:var(--bg);color:var(--text);cursor:pointer;min-width:140px}.filter-label select:focus{outline:none;border-color:var(--primary)}.filter-clear{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:none;background:#e539351a;color:var(--red);border-radius:6px;font-size:12px;cursor:pointer;margin-left:auto;transition:all .2s ease}.filter-clear:hover{background:#e5393533}.task-group{margin-bottom:20px}.task-group-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(90deg,rgba(29,91,191,.08),transparent);border-radius:8px 8px 0 0;border-bottom:2px solid var(--primary);font-weight:600;font-size:14px;color:var(--primary);margin-bottom:8px}.task-group-header.muted{background:linear-gradient(90deg,rgba(90,90,90,.08),transparent);border-bottom-color:var(--gray3);color:var(--muted)}.task-group-count{margin-left:auto;padding:2px 8px;background:#1d5bbf26;border-radius:10px;font-size:12px;font-weight:600}.task-group-header.muted .task-group-count{background:#5a5a5a26}.task-group-items{padding-left:4px;border-left:2px solid var(--border);margin-left:6px}.task-line{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:4px;background:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.task-line:hover{border-color:var(--primary);box-shadow:var(--shadow-hover)}.task-line.selected{border-color:var(--primary);background:#1d5bbf0a;box-shadow:var(--shadow-hover)}.task-line.completed{opacity:.5;filter:grayscale(1)}.task-line.completed .task-title{text-decoration:line-through;color:var(--muted)}.task-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.drag-handle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--gray3);cursor:grab;flex-shrink:0;transition:color .2s}.drag-handle:hover{color:var(--primary)}.drag-handle:active{cursor:grabbing}.expand-toggle,.complete-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--gray3);cursor:pointer;border-radius:6px;flex-shrink:0;transition:all .2s}.expand-toggle:hover,.complete-toggle:hover{background:#1d5bbf1a;color:var(--primary)}.complete-toggle{color:var(--gray3)}.task-line.completed .complete-toggle{color:var(--green)}.expand-placeholder{width:28px;flex-shrink:0}.task-content{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.task-content .task-title{font-size:14px;font-weight:500;color:var(--text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.badge-item{display:inline-flex;align-items:center;gap:3px;font-size:11px;padding:2px 6px;border-radius:4px;font-weight:500}.badge-item.date{color:var(--gray2);background:var(--gray5)}.badge-item.priority{text-transform:capitalize}.badge-item.priority-high{background:#e539351f;color:var(--red)}.badge-item.priority-medium{background:#ff6b2d1f;color:var(--orange)}.badge-item.priority-normal{background:#1d5bbf1a;color:var(--primary)}.badge-item.priority-low{background:#9999991f;color:var(--gray2)}.badge-item.subtasks{background:#1d5bbf14;color:var(--primary)}.task-right{display:flex;align-items:center;flex-shrink:0}.task-quick-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .2s}.task-line:hover .task-quick-actions{opacity:1}.action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--gray3);cursor:pointer;border-radius:6px;transition:all .15s}.action-btn:hover{background:#1d5bbf1a;color:var(--primary)}.drop-line{height:4px;margin:2px 0;border-radius:2px;border:2px dashed transparent;transition:all .2s ease}.drop-line.inside{height:6px;margin-left:16px}.drop-line.active{border-color:var(--primary);background:#1d5bbf26}.task-detail-panel,.contact-detail-panel,.email-detail-panel,.invoice-detail-panel{border:1px solid var(--border);border-radius:14px;background:#fff;padding:16px;box-shadow:var(--shadow);position:sticky;top:16px;max-height:calc(100vh - 200px);overflow-y:auto}.detail-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:16px}.detail-header h3{margin:0;font-size:16px;color:var(--text)}.detail-body{display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(4,32,69,.05)}.detail-label{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-weight:500}.detail-value{font-size:14px;color:var(--text)}.detail-section{padding:12px 0;border-bottom:1px solid rgba(4,32,69,.05)}.detail-section .detail-label{display:block;margin-bottom:8px}.detail-description{font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);padding:12px;border-radius:8px;margin:0}.comments-list{display:flex;flex-direction:column;gap:8px}.comment-item{padding:10px;background:var(--bg);border-radius:8px}.comment-item p{margin:0 0 4px;font-size:13px}.detail-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.detail-actions .ai-btn{display:inline-flex;align-items:center;gap:6px;flex:1;justify-content:center}.modal-overlay{position:fixed;inset:0;background:#0f172a80;display:grid;place-items:center;padding:20px;z-index:100}.modal-card{background:var(--panel);border-radius:16px;padding:24px;border:1px solid var(--border);width:min(500px,90vw);box-shadow:var(--shadow)}.modal-card h3{margin:0 0 16px;font-size:18px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;font-size:14px;color:var(--muted)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:14px;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1d5bbf1a}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modal{background:var(--panel);border-radius:1rem;box-shadow:0 20px 60px #0f172a40;overflow:hidden;max-width:90vw}.modal--sm{width:400px}.modal--md{width:540px}.modal--lg{width:720px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.modal__header h3{margin:0;font-size:1rem;font-weight:600}.modal__close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:transparent;border:none;border-radius:.5rem;color:var(--muted);cursor:pointer}.modal__close:hover{background:var(--bg);color:var(--text)}.modal__body{padding:1.25rem}.modal__footer{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border);background:var(--bg)}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;font-size:.8125rem;font-weight:500;color:var(--text)}.form-input{width:100%;padding:.625rem .75rem;font-size:.875rem;font-family:inherit;border:1px solid var(--border);border-radius:.5rem;background:var(--panel);transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1d5bbf1a}.form-input--disabled{background:var(--bg);color:var(--muted);cursor:not-allowed}textarea.form-input{resize:vertical;min-height:80px}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:var(--primary)}.editable-row:hover{background:var(--gray5)!important}.data-row{position:relative}.data-row__actions{display:flex;align-items:center;gap:.25rem;opacity:0;transition:opacity .15s}.data-row:hover .data-row__actions{opacity:1}.data-row__action{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:transparent;border:1px solid transparent;border-radius:.375rem;color:var(--muted);cursor:pointer;transition:all .15s}.data-row__action:hover{background:var(--panel);border-color:var(--border);color:var(--primary)}.data-row__action--task:hover{color:var(--green)}.data-row__action--call:hover{color:var(--primary)}.data-row__action--email:hover{color:#f59e0b}.data-row__action--message:hover{color:var(--green)}.data-row__action--event:hover{color:#8b5cf6}.data-row--readonly{cursor:default}.data-row--readonly:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--muted);border-radius:0 2px 2px 0;opacity:.3}.clickable-card{transition:background .15s,box-shadow .15s,transform .15s}.clickable-card:hover{background:var(--panel)!important;box-shadow:var(--shadow-hover);transform:translateY(-1px)}.clickable-card:active{transform:translateY(0)}.btn--danger{background:var(--red);color:#fff;border:none}.btn--danger:hover{background:#dc2626}.btn-primary{background:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:var(--secondary)}.btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border);padding:10px 20px;border-radius:10px;font-weight:500;cursor:pointer}.contacts-layout,.invoices-layout,.emails-layout{display:grid;grid-template-columns:1fr 380px;gap:16px}.contacts-list,.invoices-list,.emails-list{display:flex;flex-direction:column;gap:8px}.contact-list-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease}.contact-list-item:hover,.invoice-list-item:hover,.email-list-item:hover{border-color:var(--primary);box-shadow:var(--shadow-hover)}.contact-list-item.selected,.invoice-list-item.selected,.email-list-item.selected{border-color:var(--primary);background:#1d5bbf0d}.contact-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.contact-detail-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:grid;place-items:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0}.contact-info,.invoice-info{flex:1;min-width:0}.contact-name{margin:0;font-weight:600;font-size:14px}.detail-value.link{color:var(--primary);text-decoration:none}.detail-value.link:hover{text-decoration:underline}.invoice-list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease}.invoice-number{margin:0;font-weight:700;font-size:15px;color:var(--primary)}.invoice-amount{text-align:right}.invoice-amount .amount{margin:0;font-weight:700;font-size:16px}.invoice-total-box{text-align:center;padding:16px;background:linear-gradient(135deg,#1d5bbf1a,#ff6b2d0d);border-radius:12px;margin-bottom:8px}.invoice-total-amount{margin:4px 0 0;font-size:28px;font-weight:700;color:var(--primary)}.email-list-item{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease}.email-list-item.unread{border-left:3px solid var(--primary);background:#1d5bbf08}.email-sender-avatar{width:40px;height:40px;border-radius:50%;background:var(--gray4);display:grid;place-items:center;font-weight:600;font-size:14px;flex-shrink:0}.email-content{flex:1;min-width:0}.email-subject{margin:0 0 4px;font-weight:600;font-size:14px}.email-preview{margin:0;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-body-content{background:var(--bg);padding:16px;border-radius:10px;font-size:14px;line-height:1.6;max-height:300px;overflow-y:auto}.email-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.attachments-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.calendar-nav{display:flex;align-items:center;gap:8px}.calendar-grid{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);background:#1d5bbf0d;border-bottom:1px solid var(--border)}.calendar-day-name{padding:12px 8px;text-align:center;font-weight:600;font-size:12px;color:var(--muted);text-transform:uppercase}.calendar-body{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-cell{min-height:100px;padding:8px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;transition:background .2s ease}.calendar-cell:nth-child(7n){border-right:none}.calendar-cell:hover:not(.empty){background:#1d5bbf08}.calendar-cell.empty{background:var(--bg)}.calendar-cell.today{background:#1d5bbf14}.calendar-cell.today .calendar-day-number{background:var(--primary);color:#fff}.calendar-day-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.calendar-day-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:13px;font-weight:600}.calendar-tasks-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600;background:#00e80326;color:#00a803;cursor:pointer;transition:all .2s ease}.calendar-tasks-badge:hover{background:#00e80340}.calendar-events{display:flex;flex-direction:column;gap:2px}.calendar-event{padding:2px 6px;border-radius:4px;font-size:11px;background:var(--primary);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.calendar-event:hover{background:var(--secondary)}.calendar-more{font-size:11px;color:var(--muted);padding:2px 6px}.task-timer-display{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:16px;font-size:12px;font-weight:600;font-family:Roboto Mono,monospace;background:#9999991f;color:var(--gray2);margin-right:8px;transition:all .3s ease}.task-timer-display.active{background:#00e80326;color:#00a803;animation:pulse-timer 2s infinite}@keyframes pulse-timer{0%,to{box-shadow:0 0 #00e8034d}50%{box-shadow:0 0 0 6px #00e80300}}.action-btn.timer-btn{background:transparent;transition:all .2s ease}.action-btn.timer-btn:hover{background:#00e80326;color:#00a803}.action-btn.timer-btn.active{background:#e539351f;color:var(--red)}.action-btn.timer-btn.active:hover{background:#e5393533}.timer-section{background:linear-gradient(135deg,#1d5bbf0d,#00e80308);border-radius:12px;padding:16px!important;margin:8px 0;border:1px solid var(--border)!important}.timer-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.timer-value{flex:1}.timer-display{font-size:32px;font-weight:700;font-family:Roboto Mono,monospace;color:var(--text);letter-spacing:2px}.timer-display.active{color:#00a803}.timer-control-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.timer-control-btn.start{background:var(--green);color:#fff}.timer-control-btn.start:hover{background:#00c803;box-shadow:0 4px 12px #00e8034d}.timer-control-btn.stop{background:var(--red);color:#fff}.timer-control-btn.stop:hover{background:#c62828;box-shadow:0 4px 12px #e539354d}.global-timer-indicator{position:fixed;bottom:80px;right:24px;display:flex;align-items:center;gap:10px;padding:10px 16px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0f172a26;z-index:50;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.global-timer-indicator .timer-task-name{max-width:200px;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-timer-indicator .timer-time{font-family:Roboto Mono,monospace;font-size:14px;font-weight:600;color:#00a803}.global-timer-indicator button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:#e539351f;color:var(--red);cursor:pointer;transition:all .2s ease}.global-timer-indicator button:hover{background:var(--red);color:#fff}@media(max-width:1200px){.tasks-layout,.contacts-layout,.invoices-layout,.emails-layout{grid-template-columns:1fr}.task-detail-panel,.contact-detail-panel,.email-detail-panel,.invoice-detail-panel{position:relative;top:0;max-height:none}}@media(max-width:960px){.sidebar.collapsed{width:auto}.page.two-col{grid-template-columns:1fr}.sidebar.hidden-mobile{display:none}}