.task-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-modal-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-6);animation:fadeIn var(--duration-normal) ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.task-modal{width:100%;max-width:800px;max-height:90vh;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 20px 60px color-mix(in srgb,var(--primary) 30%,transparent);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.task-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:2px solid color-mix(in srgb,var(--primary) 10%,transparent);background:var(--bg-card-hover)}.task-modal-header h2{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)!important;letter-spacing:-.02em}.task-modal-header .btn-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:color-mix(in srgb,var(--primary) 5%,transparent);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.task-modal-header .btn-close:hover{background:color-mix(in srgb,var(--error) 10%,transparent);color:var(--error);transform:rotate(90deg)}.task-modal-tabs{display:flex;border-bottom:2px solid color-mix(in srgb,var(--primary) 8%,transparent);background:var(--bg-card-hover);padding:0 var(--space-6);gap:var(--space-2)}.task-modal-tabs .tab{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border:none;background:transparent;color:var(--text-secondary);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border-bottom:3px solid transparent}.task-modal-tabs .tab svg{opacity:.7;transition:opacity var(--transition-fast)}.task-modal-tabs .tab .tab-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-1);background:color-mix(in srgb,var(--primary) 10%,transparent);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;color:var(--primary)}.task-modal-tabs .tab:hover{color:var(--text-primary);background:color-mix(in srgb,var(--primary) 5%,transparent)}.task-modal-tabs .tab:hover svg{opacity:1}.task-modal-tabs .tab.active{color:var(--primary);border-bottom-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,transparent)}.task-modal-tabs .tab.active svg{opacity:1}.task-modal-tabs .tab.active .tab-badge{background:var(--primary);color:#fff}.task-modal-content{flex:1;overflow-y:auto;padding:var(--space-6)}.task-modal-content::-webkit-scrollbar{width:8px}.task-modal-content::-webkit-scrollbar-track{background:color-mix(in srgb,var(--primary) 5%,transparent);border-radius:var(--radius-full)}.task-modal-content::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--primary) 20%,transparent);border-radius:var(--radius-full)}.task-modal-content::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--primary) 40%,transparent)}.task-modal-error{margin:var(--space-4) var(--space-6) 0;padding:var(--space-4);background:color-mix(in srgb,var(--error) 10%,transparent);border:1px solid color-mix(in srgb,var(--error) 30%,transparent);border-radius:var(--radius-md);color:var(--error);font-size:var(--font-size-sm);font-weight:500;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.task-form{display:flex;flex-direction:column;gap:var(--space-5)}.task-form .form-group{display:flex;flex-direction:column;gap:var(--space-2)}.task-form .form-group label{display:flex;align-items:center;gap:var(--space-2);font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm)}.task-form .form-group label svg{color:var(--primary);opacity:.7}.task-form .form-group input,.task-form .form-group textarea,.task-form .form-group select{width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--surface);color:var(--text-primary);transition:all var(--transition-fast);font-family:inherit}.task-form .form-group input:focus,.task-form .form-group textarea:focus,.task-form .form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent);background:var(--bg-card)}.task-form .form-group input:disabled,.task-form .form-group textarea:disabled,.task-form .form-group select:disabled{opacity:.6;cursor:not-allowed;background:var(--surface-secondary)}.task-form .form-group input::-moz-placeholder,.task-form .form-group textarea::-moz-placeholder,.task-form .form-group select::-moz-placeholder{color:var(--text-tertiary)}.task-form .form-group input::placeholder,.task-form .form-group textarea::placeholder,.task-form .form-group select::placeholder{color:var(--text-tertiary)}.task-form .form-group textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.task-form .form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23006666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}.task-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.task-form .tags-input-container{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:all var(--transition-fast)}.task-form .tags-input-container:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent);background:var(--bg-card)}.task-form .tags-input-container .tags-list{display:flex;flex-wrap:wrap;gap:var(--space-2);min-height:24px}.task-form .tags-input-container .tags-list .tag{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;color:var(--primary-dark);white-space:nowrap}.task-form .tags-input-container .tags-list .tag .tag-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:transparent;color:var(--primary-dark);cursor:pointer;border-radius:50%;transition:all var(--transition-fast)}.task-form .tags-input-container .tags-list .tag .tag-remove:hover{background:color-mix(in srgb,var(--error) 10%,transparent);color:var(--error)}.task-form .tags-input-container input{border:none;padding:0;background:transparent}.task-form .tags-input-container input:focus{box-shadow:none}.comments-tab{display:flex;flex-direction:column;gap:var(--space-6);min-height:400px}.comments-tab .comments-list{display:flex;flex-direction:column;gap:var(--space-4);flex:1}.comments-tab .comment{padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);border-left:4px solid var(--primary);transition:all var(--transition-fast)}.comments-tab .comment:hover{background:var(--bg-card-hover);border-color:color-mix(in srgb,var(--primary) 20%,transparent);transform:translate(2px)}.comments-tab .comment .comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.comments-tab .comment .comment-header .comment-author{display:flex;align-items:center;gap:var(--space-2);color:var(--text-primary);font-size:var(--font-size-sm)}.comments-tab .comment .comment-header .comment-author svg{color:var(--primary)}.comments-tab .comment .comment-header .comment-author strong{font-weight:600}.comments-tab .comment .comment-header .comment-date{font-size:var(--font-size-xs);color:var(--text-tertiary)}.comments-tab .comment .comment-content{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;white-space:pre-wrap}.comments-tab .new-comment-form{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--bg-card-hover);border:2px solid var(--border);border-radius:var(--radius-lg)}.comments-tab .new-comment-form textarea{width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--surface);color:var(--text-primary);resize:vertical;min-height:80px;transition:all var(--transition-fast);font-family:inherit;line-height:1.5}.comments-tab .new-comment-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent);background:var(--bg-card)}.comments-tab .new-comment-form textarea::-moz-placeholder{color:var(--text-tertiary)}.comments-tab .new-comment-form textarea::placeholder{color:var(--text-tertiary)}.comments-tab .new-comment-form .btn-add-comment{align-self:flex-end;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 25%,transparent)}.comments-tab .new-comment-form .btn-add-comment:hover:not(:disabled){box-shadow:0 6px 20px color-mix(in srgb,var(--primary) 35%,transparent)}.comments-tab .new-comment-form .btn-add-comment:disabled{opacity:.5;cursor:not-allowed}.history-tab{min-height:400px}.history-tab .history-timeline{display:flex;flex-direction:column;gap:var(--space-4);position:relative;padding-left:var(--space-8)}.history-tab .history-timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 20%,transparent) 100%)}.history-tab .history-item{position:relative;display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.history-tab .history-item:hover{background:var(--bg-card-hover);border-color:color-mix(in srgb,var(--primary) 20%,transparent);transform:translate(4px)}.history-tab .history-item .history-icon{position:absolute;left:-28px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border:3px solid var(--bg-card);border-radius:50%;color:#fff;box-shadow:var(--shadow-btn-primary);z-index:1}.history-tab .history-item .history-content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.history-tab .history-item .history-content .history-header{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.history-tab .history-item .history-content .history-header strong{color:var(--text-primary);font-weight:600;font-size:var(--font-size-sm)}.history-tab .history-item .history-content .history-header .history-action{color:var(--text-secondary);font-size:var(--font-size-sm)}.history-tab .history-item .history-content .history-changes{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.history-tab .history-item .history-content .history-changes .old-value{padding:var(--space-1) var(--space-2);background:color-mix(in srgb,var(--error) 10%,transparent);border:1px solid color-mix(in srgb,var(--error) 20%,transparent);border-radius:var(--radius-sm);color:var(--error);font-weight:500}.history-tab .history-item .history-content .history-changes .new-value{padding:var(--space-1) var(--space-2);background:color-mix(in srgb,var(--success) 10%,transparent);border:1px solid color-mix(in srgb,var(--success) 20%,transparent);border-radius:var(--radius-sm);color:var(--success);font-weight:500}.history-tab .history-item .history-content .history-date{font-size:var(--font-size-xs);color:var(--text-tertiary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--space-4)}.loading-state .spinner{width:40px;height:40px;border:4px solid color-mix(in srgb,var(--primary) 10%,transparent);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.loading-state p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:var(--space-10);text-align:center}.empty-state p{margin:0 0 var(--space-2) 0;font-size:var(--font-size-base);font-weight:500;color:var(--text-secondary)}.empty-state span{font-size:var(--font-size-sm);color:var(--text-tertiary)}.task-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-top:2px solid color-mix(in srgb,var(--primary) 10%,transparent);background:var(--bg-card-hover)}.task-modal-footer .footer-left,.task-modal-footer .footer-right{display:flex;gap:var(--space-3)}.task-modal-footer button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal)}.task-modal-footer button:disabled{opacity:.5;cursor:not-allowed}.task-modal-footer .btn-delete{background:color-mix(in srgb,var(--error) 10%,transparent);color:var(--error);border:1px solid color-mix(in srgb,var(--error) 30%,transparent)}.task-modal-footer .btn-delete:hover:not(:disabled){background:var(--error);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--error) 30%,transparent)}.task-modal-footer .btn-cancel{background:color-mix(in srgb,var(--text-primary) 5%,transparent);color:var(--text-secondary);border:1px solid var(--border)}.task-modal-footer .btn-cancel:hover:not(:disabled){background:var(--neutral-bg-hover);color:var(--text-primary)}.task-modal-footer .btn-save{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 25%,transparent)}.task-modal-footer .btn-save:hover:not(:disabled){box-shadow:0 6px 20px color-mix(in srgb,var(--primary) 35%,transparent)}@media(max-width:768px){.task-modal-overlay{padding:var(--space-4)}.task-modal{max-height:95vh}.task-modal-header{padding:var(--space-4)}.task-modal-header h2{font-size:var(--font-size-xl)}.task-modal-tabs{padding:0 var(--space-4);overflow-x:auto}.task-modal-tabs .tab{padding:var(--space-3) var(--space-4);white-space:nowrap}.task-modal-content{padding:var(--space-4)}.task-form .form-row{grid-template-columns:1fr}.task-modal-footer{flex-direction:column;padding:var(--space-4);gap:var(--space-3)}.task-modal-footer .footer-left,.task-modal-footer .footer-right{width:100%;justify-content:center}.task-modal-footer button{flex:1}.history-timeline{padding-left:var(--space-6)}.history-timeline:before{left:12px}.history-item .history-icon{left:-20px;width:32px;height:32px}.history-item .history-icon svg{width:14px;height:14px}}:root{--primary: var(--color-brand);--primary-rgb: 53, 120, 115;--primary-foreground: var(--color-on-brand);--primary-light: var(--color-brand);--primary-dark: var(--color-brand-strong);--primary-hover: var(--color-brand-strong);--secondary: var(--color-accent);--secondary-foreground: var(--color-on-accent);--secondary-light: var(--color-accent);--secondary-dark: var(--color-accent-strong);--secondary-hover: var(--color-accent-strong);--muted: var(--color-tag);--muted-foreground: var(--color-text-muted);--accent: var(--color-accent);--accent-foreground: var(--color-on-accent);--destructive: var(--color-alert);--destructive-foreground:var(--color-text-inverted);--ring: var(--color-brand);--success: var(--color-success);--success-light: var(--color-success-soft);--success-bg: var(--color-success-soft);--warning: var(--color-warn);--warning-light: var(--color-warn-soft);--warning-bg: var(--color-warn-soft);--error: var(--color-alert);--error-light: var(--color-alert-soft);--error-bg: var(--color-alert-soft);--info: var(--color-info);--info-light: var(--color-info-soft);--info-bg: var(--color-info-soft);--bg-page: var(--color-bg);--bg-card: var(--color-surface);--bg-card-hover: var(--color-surface-strong);--bg-sidebar: var(--color-surface-sunken);--bg-sidebar-hover: var(--color-surface-strong);--bg-input: var(--color-surface);--bg-input-disabled: var(--color-surface-strong);--bg-modal-overlay: var(--color-overlay);--bg-tooltip: var(--color-text);--bg-badge: var(--color-tag);--bg-highlight: var(--color-brand-soft);--text-primary: var(--color-text);--text-secondary: var(--color-text-muted);--text-tertiary: var(--color-text-dim);--text-inverse: var(--color-text-inverted);--text-link: var(--color-brand);--text-on-primary: var(--color-on-brand);--text-on-sidebar: var(--color-text-muted);--text-on-sidebar-muted: color-mix(in srgb, var(--color-text-muted) 70%, transparent);--sidebar-icon-filter: brightness(0) saturate(100%) invert(33%) sepia(15%) saturate(420%) hue-rotate(110deg) brightness(92%) contrast(88%);--sidebar-icon-filter-hover: brightness(0) saturate(100%) invert(20%) sepia(20%) saturate(500%) hue-rotate(110deg) brightness(85%) contrast(92%);--sidebar-icon-filter-active: brightness(0) saturate(100%) invert(54%) sepia(40%) saturate(500%) hue-rotate(126deg) brightness(95%) contrast(88%);--sidebar-border: var(--color-border);--sidebar-tooltip-bg: var(--color-text);--sidebar-tooltip-text: color-mix(in srgb, var(--color-text-inverted) 90%, transparent);--sidebar-submenu-border: color-mix(in srgb, var(--color-text) 8%, transparent);--sidebar-submenu-text: var(--color-text-muted);--border: var(--color-border);--border-light: var(--color-border-faint);--border-dark: var(--color-border-strong);--border-input: var(--color-border);--border-input-focus: var(--color-brand);--shadow-xs: 0 1px 2px color-mix(in srgb, var(--core-black) 3%, transparent);--shadow-sm: 0 1px 2px color-mix(in srgb, var(--core-black) 3%, transparent);--shadow: 0 2px 4px color-mix(in srgb, var(--core-black) 5%, transparent), 0 1px 2px color-mix(in srgb, var(--core-black) 3%, transparent);--shadow-md: 0 4px 8px color-mix(in srgb, var(--core-black) 6%, transparent), 0 2px 4px color-mix(in srgb, var(--core-black) 4%, transparent);--shadow-lg: 0 8px 16px color-mix(in srgb, var(--core-black) 7%, transparent), 0 4px 8px color-mix(in srgb, var(--core-black) 4%, transparent);--shadow-xl: 0 25px 50px -12px color-mix(in srgb, var(--core-black) 15%, transparent);--shadow-modal: 0 20px 60px color-mix(in srgb, var(--core-black) 20%, transparent);--shadow-card: 0 1px 2px color-mix(in srgb, var(--core-black) 4%, transparent);--shadow-card-hover: 0 2px 4px color-mix(in srgb, var(--core-black) 6%, transparent);--gradient-primary: linear-gradient(135deg, var(--color-brand-strong) 0%, var(--color-brand) 100%);--gradient-secondary: linear-gradient(135deg, var(--color-accent-strong) 0%, var(--color-accent) 100%);--gradient-sidebar: linear-gradient(180deg, var(--color-brand-strong) 0%, var(--core-brand-dark) 100%);--accent-teal: var(--color-brand);--accent-gold: var(--color-accent);--accent-pink: var(--color-alert-soft);--accent-blue: var(--color-info-soft);--accent-purple: color-mix(in srgb, var(--color-categorical-3) 14%, transparent);--overlay-dark: var(--core-overlay);--overlay-light: color-mix(in srgb, var(--color-text-inverted) 70%, transparent);--success-dark: var(--color-success-strong);--warning-dark: var(--color-warn-strong);--error-dark: var(--color-alert-strong);--info-dark: var(--color-info-strong);--toast-success-bg: color-mix(in srgb, var(--color-success) 10%, transparent);--toast-success-border: color-mix(in srgb, var(--color-success) 30%, transparent);--toast-success-icon-bg: color-mix(in srgb, var(--color-success) 20%, transparent);--toast-error-bg: color-mix(in srgb, var(--color-alert) 10%, transparent);--toast-error-border: color-mix(in srgb, var(--color-alert) 30%, transparent);--toast-error-icon-bg: color-mix(in srgb, var(--color-alert) 20%, transparent);--toast-warning-bg: color-mix(in srgb, var(--color-warn) 10%, transparent);--toast-warning-border: color-mix(in srgb, var(--color-warn) 30%, transparent);--toast-warning-icon-bg: color-mix(in srgb, var(--color-warn) 20%, transparent);--toast-info-bg: color-mix(in srgb, var(--color-info) 10%, transparent);--toast-info-border: color-mix(in srgb, var(--color-info) 30%, transparent);--toast-info-icon-bg: color-mix(in srgb, var(--color-info) 20%, transparent);--badge-success-bg: var(--color-success-soft);--badge-warning-bg: var(--color-warn-soft);--badge-danger-bg: var(--color-alert-soft);--badge-info-bg: var(--color-info-soft);--badge-neutral-bg: color-mix(in srgb, var(--color-text) 6%, transparent);--primary-bg-subtle: color-mix(in srgb, var(--color-brand) 3%, transparent);--primary-bg-light: color-mix(in srgb, var(--color-brand) 5%, transparent);--primary-bg-medium: color-mix(in srgb, var(--color-brand) 8%, transparent);--primary-bg-strong: color-mix(in srgb, var(--color-brand) 12%, transparent);--primary-bg-hover: color-mix(in srgb, var(--color-brand) 14%, transparent);--primary-border-light: color-mix(in srgb, var(--color-brand) 10%, transparent);--primary-border-medium: color-mix(in srgb, var(--color-brand) 20%, transparent);--primary-border-strong: color-mix(in srgb, var(--color-brand) 30%, transparent);--neutral-bg-subtle: color-mix(in srgb, var(--color-text) 2%, transparent);--neutral-bg-light: color-mix(in srgb, var(--color-text) 4%, transparent);--neutral-bg-medium: color-mix(in srgb, var(--color-text) 6%, transparent);--neutral-bg-hover: color-mix(in srgb, var(--color-text) 8%, transparent);--neutral-border-light: color-mix(in srgb, var(--color-text) 8%, transparent);--neutral-border-medium: color-mix(in srgb, var(--color-text) 10%, transparent);--bg-header: var(--color-surface);--bg-slots: var(--color-surface);--bg-hover-light: var(--color-surface-strong);--bg-hover-subtle: var(--color-surface-strong);--bg-disabled: var(--color-surface-strong);--border-medium: var(--color-border);--border-heavy: var(--color-border-strong);--scrollbar-track: var(--color-surface-strong);--scrollbar-thumb: var(--color-border-strong);--scrollbar-thumb-hover: var(--color-text-faint);--text-placeholder: var(--color-text-faint);--table-row-hover: var(--color-brand-soft);--table-header-bg: color-mix(in srgb, var(--color-brand) 8%, transparent);--table-header-border: color-mix(in srgb, var(--color-brand) 20%, transparent);--table-row-even: color-mix(in srgb, var(--color-brand) 3%, transparent);--table-cell-border: color-mix(in srgb, var(--color-text) 8%, transparent);--focus-ring: var(--ds-shadow-focus);--focus-ring-error: 0 0 0 3px var(--color-alert-soft);--shadow-btn-primary: 0 4px 12px color-mix(in srgb, var(--color-brand) 20%, transparent);--shadow-btn-primary-hover: 0 6px 16px color-mix(in srgb, var(--color-brand) 30%, transparent);--shadow-btn-danger: 0 4px 12px color-mix(in srgb, var(--color-alert) 20%, transparent);--shadow-btn-danger-hover: 0 6px 16px color-mix(in srgb, var(--color-alert) 30%, transparent);--shadow-btn-success: 0 4px 12px color-mix(in srgb, var(--color-success) 20%, transparent);--shadow-btn-success-hover: 0 6px 16px color-mix(in srgb, var(--color-success) 30%, transparent);--shadow-btn-warning: 0 4px 12px color-mix(in srgb, var(--color-warn) 20%, transparent);--shadow-btn-warning-hover: 0 6px 16px color-mix(in srgb, var(--color-warn) 30%, transparent);--shadow-btn-info: 0 4px 12px color-mix(in srgb, var(--color-info) 20%, transparent);--shadow-btn-info-hover: 0 6px 16px color-mix(in srgb, var(--color-info) 30%, transparent);--error-hover: var(--color-alert-strong);--event-consulta: var(--color-brand);--event-consulta-bg: var(--color-brand-soft);--event-primeira-consulta: var(--color-categorical-5);--event-primeira-consulta-bg: color-mix(in srgb, var(--color-categorical-5) 15%, transparent);--event-retorno: var(--color-brand);--event-retorno-bg: var(--color-brand-soft);--event-procedimento: var(--color-categorical-3);--event-procedimento-bg: color-mix(in srgb, var(--color-categorical-3) 15%, transparent);--event-imunoterapia: var(--color-categorical-7);--event-imunoterapia-bg: color-mix(in srgb, var(--color-categorical-7) 15%, transparent);--event-exame: var(--color-categorical-8);--event-exame-bg: color-mix(in srgb, var(--color-categorical-8) 15%, transparent);--event-avaliacao: var(--color-text-dim);--event-avaliacao-bg: color-mix(in srgb, var(--color-text-dim) 15%, transparent);--event-encaixe: var(--color-warn);--event-encaixe-bg: var(--color-warn-soft);--event-bloqueio: var(--color-text-muted);--event-bloqueio-bg: color-mix(in srgb, var(--color-text-muted) 15%, transparent);--event-tarefa: var(--color-accent-strong);--event-tarefa-bg: var(--color-accent-soft);--event-lembrete: var(--color-categorical-4);--event-lembrete-bg: color-mix(in srgb, var(--color-categorical-4) 15%, transparent);--event-teleconsulta: var(--color-success);--event-teleconsulta-bg: var(--color-success-soft);--calendar-unimed: var(--color-categorical-3);--calendar-unimed-bg: color-mix(in srgb, var(--color-categorical-3) 12%, transparent);--calendar-particular: var(--color-brand);--calendar-particular-bg: var(--color-brand-soft);--calendar-intercambio: var(--color-warn);--calendar-intercambio-bg: var(--color-warn-soft);--calendar-convenio: var(--color-categorical-5);--calendar-convenio-bg: color-mix(in srgb, var(--color-categorical-5) 12%, transparent);--calendar-isento: var(--color-text-muted);--calendar-isento-bg: color-mix(in srgb, var(--color-text-muted) 12%, transparent);--calendar-outro: var(--color-text-faint);--calendar-outro-bg: color-mix(in srgb, var(--color-text-faint) 12%, transparent);--font-family-sans: var(--font-sans, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);--font-size-2xs: .625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2rem;--font-size-5xl: 4rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-0: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-xs: 3px;--radius-sm: 4px;--radius: 6px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 12px;--radius-3xl: 16px;--radius-4xl: 20px;--radius-full: 9999px;--transition-fast: var(--duration-fast) ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--transition-theme: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease;--transform-lift-xs: translateY(-1px);--transform-lift-sm: translateY(-2px);--transform-lift-md: translateY(-4px);--transform-lift-lg: translateY(-6px);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1050;--z-tooltip: 1060;--size-button-xs: 28px;--size-button-sm: 32px;--size-button-md: 36px;--size-button-lg: 40px;--size-sidebar-width: 64px;--size-sidebar-expanded: 240px;--audit-action-view: var(--color-categorical-3);--audit-action-create: var(--color-success);--audit-action-update: var(--color-categorical-4);--audit-action-delete: var(--color-alert);--audit-action-login: var(--color-categorical-3);--audit-action-logout: var(--color-categorical-7);--audit-action-export: var(--color-categorical-8);--audit-action-default: var(--color-categorical-3);--allergen-controles: var(--color-text-muted);--allergen-acaros: var(--color-categorical-3);--allergen-gramineas: var(--color-success);--allergen-animais: var(--color-warn);--allergen-insetos: var(--color-alert);--allergen-fungos: var(--color-categorical-5);--allergen-latex: var(--color-categorical-6);--allergen-alimentares: var(--color-categorical-8);--allergen-polens: var(--color-categorical-4);--allergen-custom: var(--color-text-faint);--event-patch-test: var(--color-categorical-8);--event-patch-test-border: color-mix(in srgb, var(--color-categorical-8) 85%, var(--core-black));--event-status-realizado: var(--color-success);--event-status-faltou: var(--color-alert);--event-status-cancelado: var(--color-text-dim);--event-whatsapp: #25D366;--panel-type-default-bg: color-mix(in srgb, var(--color-categorical-3) 15%, transparent);--panel-type-default-color: var(--color-categorical-3);--panel-type-custom-bg: color-mix(in srgb, var(--color-categorical-5) 15%, transparent);--panel-type-custom-color: var(--color-categorical-5);--panel-item-control-bg: color-mix(in srgb, var(--color-accent) 10%, transparent);--panel-item-control-hover-bg: var(--color-accent-soft);--panel-item-draggable-hover-bg: color-mix(in srgb, var(--color-categorical-3) 8%, transparent);--panel-add-custom-hover-bg: color-mix(in srgb, var(--color-categorical-3) 8%, transparent);--surface: var(--bg-card);--surface-secondary: var(--bg-card-hover);--white: var(--color-on-brand);--background: var(--bg-page);--background-overlay: var(--bg-page);--dark-surface: var(--bg-sidebar);--glass-background: var(--bg-card);--glass-card-bg: var(--bg-card);--glass-card-bg-strong: var(--bg-card);--glass-card-border: 1px solid var(--border);--glass-card-shadow: var(--shadow-card);--glass-border-strong: 1px solid var(--border-dark);--glass-shadow: var(--shadow-sm);--glass-blur: none;--glass-blur-strong: none;--glass-blur-medium: none;--glass-blur-light: none;--glass-background-dark: var(--bg-sidebar);--glass-card-dark-bg: var(--bg-sidebar);--glass-card-dark-border: 1px solid color-mix(in srgb, var(--core-white) 10%, transparent);--glass-card-dark-shadow: var(--shadow-md);--text-shadow: none;--text-shadow-sm: none;--text-shadow-strong: none;--text-shadow-on-image: 0 2px 4px color-mix(in srgb, var(--core-black) 60%, transparent);--spinner-border: 4px;--error-background: var(--error-light);--error-text: var(--error);--error-border: color-mix(in srgb, var(--color-alert) 30%, transparent);--error-light: color-mix(in srgb, var(--color-alert) 45%, transparent);--success-light: color-mix(in srgb, var(--color-success) 60%, transparent);--success-background: var(--success-bg);--message-user-max-width: 70%;--message-ai-max-width: 80%;--message-error-max-width: 60%;--message-mobile-max-width: 85%;--score-mild: var(--color-success);--score-mild-bg: color-mix(in srgb, var(--color-success) 12%, transparent);--score-moderate: var(--color-warn);--score-moderate-bg: color-mix(in srgb, var(--color-warn) 12%, transparent);--score-severe: var(--color-categorical-8);--score-severe-bg: color-mix(in srgb, var(--color-categorical-8) 12%, transparent);--score-critical: var(--color-alert);--score-critical-bg: color-mix(in srgb, var(--color-alert) 12%, transparent);--score-controlled: var(--color-success);--score-controlled-bg: color-mix(in srgb, var(--color-success) 12%, transparent);--score-info: var(--color-info);--score-info-bg: color-mix(in srgb, var(--color-info) 12%, transparent);--appt-consulta-bg: color-mix(in srgb, var(--color-categorical-5) 14%, transparent);--appt-consulta-color: var(--color-categorical-5);--appt-consulta-border: color-mix(in srgb, var(--color-categorical-5) 30%, transparent);--appt-retorno-bg: color-mix(in srgb, var(--color-categorical-3) 14%, transparent);--appt-retorno-color: var(--color-categorical-3);--appt-retorno-border: color-mix(in srgb, var(--color-categorical-3) 30%, transparent);--appt-procedimento-bg: color-mix(in srgb, var(--color-categorical-8) 14%, transparent);--appt-procedimento-color: var(--color-categorical-8);--appt-procedimento-border: color-mix(in srgb, var(--color-categorical-8) 30%, transparent);--appt-primeira-bg: color-mix(in srgb, var(--color-categorical-7) 14%, transparent);--appt-primeira-color: var(--color-categorical-7);--appt-primeira-border: color-mix(in srgb, var(--color-categorical-7) 30%, transparent);--appt-imunoterapia-bg: var(--color-brand-soft);--appt-imunoterapia-color: var(--color-brand-strong);--appt-imunoterapia-border: color-mix(in srgb, var(--color-brand) 30%, transparent);--appt-exame-bg: color-mix(in srgb, var(--color-categorical-4) 14%, transparent);--appt-exame-color: var(--color-categorical-4);--appt-exame-border: color-mix(in srgb, var(--color-categorical-4) 30%, transparent);--appt-teleconsulta-bg: color-mix(in srgb, var(--color-categorical-1) 14%, transparent);--appt-teleconsulta-color: var(--color-categorical-1);--appt-teleconsulta-border: color-mix(in srgb, var(--color-categorical-1) 30%, transparent);--appt-encaixe-bg: var(--color-warn-soft);--appt-encaixe-color: var(--color-warn);--appt-encaixe-border: color-mix(in srgb, var(--color-warn) 30%, transparent);--appt-avaliacao-bg: color-mix(in srgb, var(--color-categorical-2) 14%, transparent);--appt-avaliacao-color: var(--color-categorical-2);--appt-avaliacao-border: color-mix(in srgb, var(--color-categorical-2) 30%, transparent);--appt-default-bg: var(--color-tag);--appt-default-color: var(--color-text-muted);--appt-default-border: var(--color-border);--chart-primary: var(--color-brand);--chart-primary-light: color-mix(in srgb, var(--color-brand) 75%, var(--color-surface));--chart-primary-dark: var(--color-brand-strong);--chart-secondary: var(--color-accent-strong);--chart-secondary-light: var(--color-accent);--chart-accent-teal: var(--chart-primary-light);--chart-accent-teal-light: color-mix(in srgb, var(--color-brand) 50%, var(--color-surface));--chart-accent-gold: var(--color-accent);--chart-accent-gold-dark: color-mix(in srgb, var(--color-accent-strong) 85%, var(--core-black));--chart-hover-teal: var(--color-categorical-5);--chart-hover-gold: var(--color-accent-strong);--chart-hover-cyan: var(--color-categorical-2);--chart-text: var(--color-text);--chart-tooltip-bg: color-mix(in srgb, var(--color-brand) 90%, transparent);--chart-tooltip-border: var(--color-brand);--chart-grid: color-mix(in srgb, var(--color-text) 5%, transparent);--stat-blue: var(--color-categorical-3);--stat-orange: var(--color-categorical-8);--stat-red: var(--color-alert)}.dark{--primary: var(--color-brand-strong);--primary-rgb: 98, 165, 159;--primary-foreground: var(--color-bg);--primary-hover: color-mix(in srgb, var(--color-brand-strong) 85%, white);--primary-light: var(--color-brand-strong);--primary-dark: var(--color-brand);--bg-input-disabled: var(--color-surface-sunken);--text-link: var(--color-brand-strong);--border-input-focus: var(--color-brand-strong);--shadow-xs: 0 1px 2px color-mix(in srgb, var(--core-black) 15%, transparent);--shadow-sm: 0 1px 2px color-mix(in srgb, var(--core-black) 15%, transparent);--shadow: 0 2px 4px color-mix(in srgb, var(--core-black) 20%, transparent), 0 1px 2px color-mix(in srgb, var(--core-black) 15%, transparent);--shadow-md: 0 4px 8px color-mix(in srgb, var(--core-black) 25%, transparent), 0 2px 4px color-mix(in srgb, var(--core-black) 15%, transparent);--shadow-lg: 0 8px 16px color-mix(in srgb, var(--core-black) 30%, transparent), 0 4px 8px color-mix(in srgb, var(--core-black) 20%, transparent);--shadow-xl: 0 25px 50px -12px color-mix(in srgb, var(--core-black) 50%, transparent);--shadow-modal: 0 20px 60px color-mix(in srgb, var(--core-black) 50%, transparent);--shadow-card: 0 1px 2px color-mix(in srgb, var(--core-black) 20%, transparent);--shadow-card-hover: 0 2px 6px color-mix(in srgb, var(--core-black) 30%, transparent);--gradient-primary: linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-strong) 100%);--gradient-sidebar: linear-gradient(180deg, var(--color-bg) 0%, var(--color-surface-sunken) 100%);--success-light: color-mix(in srgb, var(--color-success) 35%, transparent);--warning-light: color-mix(in srgb, var(--color-warn) 35%, transparent);--error-light: color-mix(in srgb, var(--color-alert) 35%, transparent);--info-light: color-mix(in srgb, var(--color-info) 35%, transparent);--overlay-light: color-mix(in srgb, var(--color-text) 10%, transparent);--toast-success-bg: color-mix(in srgb, var(--color-success) 15%, transparent);--toast-success-border: color-mix(in srgb, var(--color-success) 35%, transparent);--toast-success-icon-bg: color-mix(in srgb, var(--color-success) 25%, transparent);--toast-error-bg: color-mix(in srgb, var(--color-alert) 15%, transparent);--toast-error-border: color-mix(in srgb, var(--color-alert) 35%, transparent);--toast-error-icon-bg: color-mix(in srgb, var(--color-alert) 25%, transparent);--toast-warning-bg: color-mix(in srgb, var(--color-warn) 15%, transparent);--toast-warning-border: color-mix(in srgb, var(--color-warn) 35%, transparent);--toast-warning-icon-bg: color-mix(in srgb, var(--color-warn) 25%, transparent);--toast-info-bg: color-mix(in srgb, var(--color-info) 15%, transparent);--toast-info-border: color-mix(in srgb, var(--color-info) 35%, transparent);--toast-info-icon-bg: color-mix(in srgb, var(--color-info) 25%, transparent);--primary-bg-subtle: color-mix(in srgb, var(--color-brand-strong) 5%, transparent);--primary-bg-light: color-mix(in srgb, var(--color-brand-strong) 8%, transparent);--primary-bg-medium: color-mix(in srgb, var(--color-brand-strong) 12%, transparent);--primary-bg-strong: color-mix(in srgb, var(--color-brand-strong) 18%, transparent);--primary-bg-hover: color-mix(in srgb, var(--color-brand-strong) 22%, transparent);--primary-border-light: color-mix(in srgb, var(--color-brand-strong) 15%, transparent);--primary-border-medium: color-mix(in srgb, var(--color-brand-strong) 25%, transparent);--primary-border-strong: color-mix(in srgb, var(--color-brand-strong) 40%, transparent);--bg-disabled: var(--color-surface-sunken);--scrollbar-track: var(--color-surface);--scrollbar-thumb: var(--color-brand);--scrollbar-thumb-hover: var(--color-brand-strong);--table-header-bg: color-mix(in srgb, var(--color-brand-strong) 12%, transparent);--table-header-border: color-mix(in srgb, var(--color-brand-strong) 25%, transparent);--table-row-even: color-mix(in srgb, var(--color-brand-strong) 5%, transparent);--table-cell-border: color-mix(in srgb, var(--color-text) 6%, transparent);--shadow-btn-primary: 0 4px 12px color-mix(in srgb, var(--color-brand) 30%, transparent);--shadow-btn-primary-hover: 0 6px 16px color-mix(in srgb, var(--color-brand) 40%, transparent);--shadow-btn-danger: 0 4px 12px color-mix(in srgb, var(--color-alert) 30%, transparent);--shadow-btn-danger-hover: 0 6px 16px color-mix(in srgb, var(--color-alert) 40%, transparent);--shadow-btn-success: 0 4px 12px color-mix(in srgb, var(--color-success) 30%, transparent);--shadow-btn-success-hover: 0 6px 16px color-mix(in srgb, var(--color-success) 40%, transparent);--shadow-btn-warning: 0 4px 12px color-mix(in srgb, var(--color-warn) 30%, transparent);--shadow-btn-warning-hover: 0 6px 16px color-mix(in srgb, var(--color-warn) 40%, transparent);--shadow-btn-info: 0 4px 12px color-mix(in srgb, var(--color-info) 30%, transparent);--shadow-btn-info-hover: 0 6px 16px color-mix(in srgb, var(--color-info) 40%, transparent);--event-consulta: var(--color-brand-strong);--event-retorno: var(--color-brand-strong);--calendar-particular: var(--color-brand-strong);--accent-teal: var(--color-brand-strong);--text-on-sidebar: var(--color-brand-strong);--text-on-sidebar-muted: color-mix(in srgb, var(--color-text) 75%, transparent);--sidebar-icon-filter: brightness(0) saturate(100%) invert(65%) sepia(50%) saturate(400%) hue-rotate(126deg) brightness(100%) contrast(88%);--sidebar-icon-filter-hover: brightness(0) saturate(100%) invert(80%) sepia(40%) saturate(500%) hue-rotate(126deg) brightness(110%) contrast(90%);--sidebar-icon-filter-active: brightness(0) saturate(100%) invert(80%) sepia(40%) saturate(500%) hue-rotate(126deg) brightness(115%) contrast(92%);--sidebar-border: color-mix(in srgb, var(--color-brand-strong) 25%, transparent);--sidebar-tooltip-bg: var(--color-bg);--sidebar-tooltip-text: color-mix(in srgb, var(--color-text) 90%, transparent);--event-whatsapp: #4ADE80;--white: var(--bg-card);--error-text: var(--color-alert-strong);--appt-imunoterapia-color: var(--color-brand-strong);--chart-primary: var(--color-brand-strong);--chart-primary-light: color-mix(in srgb, var(--color-brand-strong) 70%, var(--color-text));--chart-primary-dark: var(--color-brand);--chart-accent-teal-light: color-mix(in srgb, var(--color-brand-strong) 50%, var(--color-text));--chart-tooltip-border: var(--color-brand-strong)}.glass,.glass-subtle,.glass-strong,.glass-card,.stat-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:none;border-radius:var(--radius);transition:var(--transition-theme)}.glass-dark,.glass-dark-medium,.glass-card-dark{background:var(--bg-sidebar);border:1px solid color-mix(in srgb,var(--core-white) 10%,transparent);box-shadow:var(--shadow-md);border-radius:var(--radius-lg);color:var(--text-on-sidebar);transition:var(--transition-theme)}.glass-teal{background:var(--bg-highlight);border:1px solid color-mix(in srgb,var(--color-brand) 20%,transparent);box-shadow:var(--shadow-sm)}.glass-gold{background:color-mix(in srgb,var(--color-accent) 6%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 20%,transparent);box-shadow:var(--shadow-sm)}.main-layout{display:flex;min-height:100vh;background:var(--bg-page);transition:background-color var(--transition-fast)}.main-content{position:relative;display:flex;flex-direction:column;min-height:100vh;background:var(--bg-page);transition:all .3s ease;padding:0 var(--space-6) var(--space-6);flex:1;max-width:100%}.main-content .welcome-section{margin-bottom:var(--space-6);padding:var(--space-6) var(--space-6) var(--space-4)}.main-content .welcome-section h1{margin:0 0 var(--space-1) 0;font-size:var(--font-size-3xl);font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.main-content .welcome-section p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.page-title{margin:0 0 var(--space-6) 0;font-size:var(--font-size-3xl);font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.section-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-6) 0}.card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4) 0}.subtitle{margin:0;font-size:var(--font-size-lg);font-weight:500;color:var(--text-secondary)}.text-secondary{color:var(--text-secondary);font-size:var(--font-size-sm)}.glass-card,.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);box-shadow:none;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.glass-card:hover,.stat-card:hover{box-shadow:var(--shadow-card-hover)}.stat-card{display:flex;align-items:center;padding:var(--space-5)}.stat-card .stat-icon{margin-right:var(--space-4);display:flex;align-items:center;justify-content:center;opacity:.85;transition:opacity var(--transition-fast)}.stat-card .stat-content .stat-value{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);line-height:1.2;margin-bottom:var(--space-1);letter-spacing:-.02em}.stat-card .stat-content .stat-label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize}.stat-card:hover .stat-icon{opacity:1}.stat-card.teal .stat-icon{color:var(--primary)}.stat-card.teal-light .stat-icon{color:var(--primary-light)}.stat-card.gold .stat-icon{color:var(--secondary)}.stat-card.accent-teal .stat-icon{color:var(--accent-teal)}.stat-card.gold-light .stat-icon{color:var(--secondary-light)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin:0 auto;max-width:100%}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin:0 auto;max-width:100%}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin:0 auto;max-width:100%}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin:0 auto;max-width:100%}.glass-table-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.glass-table-container table{width:100%;border-collapse:collapse}.glass-table-container table thead{background:var(--table-header-bg)}.glass-table-container table thead th{padding:var(--space-4);text-align:left;font-weight:600;color:var(--primary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--table-header-border)}.glass-table-container table tbody tr{transition:background-color var(--transition-fast)}.glass-table-container table tbody tr:hover{background:var(--table-row-hover)}.glass-table-container table tbody tr:nth-child(2n){background:var(--table-row-even)}.glass-table-container table tbody tr:nth-child(2n):hover{background:var(--table-row-hover)}.glass-table-container table tbody tr td{padding:var(--space-4);border-bottom:1px solid var(--table-cell-border);color:var(--text-primary);font-size:var(--font-size-sm)}.btn-primary{background:var(--primary);color:var(--text-on-primary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);border:none;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-primary:hover,.btn-primary:active{background:var(--primary-dark)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);border:1px solid var(--border-medium);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--bg-hover-light);border-color:var(--border-dark)}.btn-secondary:active{background:var(--bg-hover-subtle)}.btn-glass{background:var(--bg-card);color:var(--primary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);border:1px solid var(--border-medium);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-glass:hover{background:var(--bg-hover-light);border-color:var(--primary-light)}.btn-glass:active{background:var(--bg-hover-subtle)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--space-3);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--bg-input);color:var(--text-primary);transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-ring)}.form-group input:hover:not(:focus),.form-group textarea:hover:not(:focus),.form-group select:hover:not(:focus){border-color:var(--border-dark)}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder,.form-group select::-moz-placeholder{color:var(--text-placeholder)}.form-group input::placeholder,.form-group textarea::placeholder,.form-group select::placeholder{color:var(--text-placeholder)}.form-group textarea{resize:vertical;min-height:100px}.loading-state,.empty-state,.error-state{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-10);text-align:center;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.loading-state{color:var(--primary)}.empty-state{color:var(--text-secondary)}.error-state{color:var(--error);background:var(--error-bg)}@media(max-width:1440px){.main-content{padding:var(--space-4) var(--space-5)}}@media(max-width:1024px){.main-content{padding:var(--space-4)}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.main-content{padding:var(--space-3) var(--space-4)}.main-content .welcome-section{padding:var(--space-4)}.main-content .welcome-section h1{font-size:var(--font-size-2xl)}.main-content .welcome-section p{font-size:var(--font-size-xs)}.page-title{font-size:var(--font-size-2xl)}.section-title{font-size:var(--font-size-xl)}.grid-4,.grid-3,.grid-2,.grid-auto{grid-template-columns:1fr;gap:var(--space-4)}}.app-version--global{position:fixed;bottom:var(--space-2);right:var(--space-3);font-size:var(--font-size-xs);color:var(--text-tertiary);opacity:.6;pointer-events:none;z-index:1;transition:opacity var(--transition-fast)}.app-version--global:hover{opacity:1}:root{--priority-urgent: var(--error);--priority-high: var(--warning);--priority-medium: var(--secondary);--priority-low: var(--success)}.task-modal--template-picker{max-width:500px}.tpl-picker__header-icon{margin-right:var(--space-2)}.tpl-picker__content{padding:var(--space-4)}.tpl-picker__empty{text-align:center;padding:var(--space-8);color:var(--text-tertiary)}.tpl-picker__empty-icon{margin-bottom:var(--space-2)}.tpl-picker__group{margin-bottom:var(--space-4)}.tpl-picker__group-title{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--space-2);text-transform:uppercase}.tpl-picker__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast);border:1px solid var(--border);margin-bottom:var(--space-1-5, 6px);background:var(--bg-card)}.tpl-picker__item:hover{background:var(--bg-card-hover)}.tpl-picker__item--loading{cursor:wait;opacity:.6;background:var(--muted)}.tpl-picker__item--loading:hover{background:var(--muted)}.tpl-picker__item-icon{font-size:var(--font-size-xl)}.tpl-picker__item-body{flex:1}.tpl-picker__item-name{font-weight:500;font-size:var(--font-size-sm);color:var(--text-primary)}.tpl-picker__item-desc{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--space-0-5)}.tpl-picker__priority-dot{width:8px;height:8px;border-radius:50%;background:var(--priority-color, var(--text-tertiary));flex-shrink:0}