:root{--primary-color:#667eea;--secondary-color:#764ba2;--success-color:#28a745;--warning-color:#ffc107;--danger-color:#dc3545;--info-color:#17a2b8;--light-color:#f8f9fa;--dark-color:#343a40;--text-primary:#333;--text-secondary:#666;--text-muted:#999;--text-white:#fff;--bg-primary:#f5f5f5;--bg-white:#ffffff;--bg-light:#f8f9fa;--bg-dark:#343a40;--shadow-sm:0 2px 4px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 8px 16px rgba(0,0,0,0.1);--transition-base:all .3s ease;--transition-fast:all .15s ease;--transition-slow:all .6s ease;--border-radius:8px;--border-radius-sm:4px;--border-radius-lg:12px;--border-color:#e9ecef;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--font-family-base:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;--font-family-mono:'Courier New', monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-xxl:1.5rem;--font-size-xxxl:2rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-base:1.5;--line-height-loose:1.75}*{margin:0;padding:0;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-xxxl)}h2{font-size:var(--font-size-xxl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin-bottom:var(--spacing-md);color:var(--text-primary)}small{font-size:var(--font-size-sm);color:var(--text-muted)}a{color:var(--primary-color);text-decoration:none;transition:var(--transition-base)}a:hover{color:var(--secondary-color);text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.container-fluid{width:100%;padding:var(--spacing-lg)}.row{display:flex;flex-wrap:wrap;margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md))}.col,.col-1,.col-2,.col-3,.col-4,.col-6,.col-8,.col-9,.col-12{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.col{flex:1;max-width:100%}.col-1{flex:0 0 calc(8.333333% - (var(--spacing-md) * 2));max-width:calc(8.333333% - (var(--spacing-md) * 2))}.col-2{flex:0 0 calc(16.666667% - (var(--spacing-md) * 2));max-width:calc(16.666667% - (var(--spacing-md) * 2))}.col-3{flex:0 0 calc(25% - (var(--spacing-md) * 2));max-width:calc(25% - (var(--spacing-md) * 2))}.col-4{flex:0 0 calc(33.333333% - (var(--spacing-md) * 2));max-width:calc(33.333333% - (var(--spacing-md) * 2))}.col-6{flex:0 0 calc(50% - (var(--spacing-md) * 2));max-width:calc(50% - (var(--spacing-md) * 2))}.col-8{flex:0 0 calc(66.666667% - (var(--spacing-md) * 2));max-width:calc(66.666667% - (var(--spacing-md) * 2))}.col-9{flex:0 0 calc(75% - (var(--spacing-md) * 2));max-width:calc(75% - (var(--spacing-md) * 2))}.col-12{flex:0 0 calc(100% - (var(--spacing-md) * 2));max-width:calc(100% - (var(--spacing-md) * 2))}.main-content{flex:1;min-height:60vh}.header{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:var(--text-white);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-lg)}.header .header-content{display:flex;justify-content:space-between;align-items:center}.header .header-title h1{font-size:2.5rem;margin-bottom:var(--spacing-sm);color:var(--text-white)}.header .header-title p{font-size:var(--font-size-lg);opacity:.9;margin-bottom:0}.header .header-user{display:flex;align-items:center;gap:var(--spacing-md)}.footer{background:var(--bg-white);color:var(--text-muted);text-align:center;padding:var(--spacing-xl);border-top:1px solid var(--border-color);margin-top:var(--spacing-xl);border-radius:var(--border-radius) var(--border-radius) 0 0}.footer p{margin-bottom:0;font-size:var(--font-size-sm)}.nav-breadcrumb{background:var(--bg-white);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm);font-size:var(--font-size-sm)}.nav-breadcrumb .breadcrumb-link{color:var(--primary-color);font-weight:var(--font-weight-medium)}.nav-breadcrumb .breadcrumb-link:hover{text-decoration:none}.nav-breadcrumb .breadcrumb-separator{margin:0 var(--spacing-sm);color:var(--text-muted)}.nav-breadcrumb .breadcrumb-current{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.card{background:var(--bg-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:0;margin-bottom:var(--spacing-xl);border:1px solid var(--border-color);overflow:hidden;transition:var(--transition-base);display:flex;flex-direction:column;height:100%}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card .card-header{background:var(--bg-light);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.card .card-header h2,.card .card-header h3{margin:0}.card .card-content{flex:1;padding:var(--spacing-xl)}.card .card-footer{background:var(--bg-light);padding:var(--spacing-md) var(--spacing-xl);border-top:1px solid var(--border-color);margin-top:0}.card .card-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.card .card-subtitle{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-md);color:var(--text-secondary)}.card .card-text{margin-bottom:var(--spacing-md)}.card .card-text:last-child{margin-bottom:0}.card .card-actions{display:flex;gap:var(--spacing-md);align-items:center;justify-content:flex-start;margin-top:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.2;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:2px solid transparent;border-radius:var(--border-radius-sm);text-decoration:none;transition:var(--transition-base);user-select:none;gap:var(--spacing-xs);min-height:44px;box-sizing:border-box}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn:focus{outline:none;box-shadow:0 0 0 3px rgba(102,126,234,0.25)}.btn:disabled,.btn.disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:var(--text-white);border-color:var(--primary-color)}.btn-primary:hover{background:linear-gradient(135deg, var(--secondary-color) 0%, var(--primary-color) 100%);border-color:var(--secondary-color);color:var(--text-white)}.btn-secondary{background:var(--bg-light);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--border-color);color:var(--text-primary)}.btn-success{background:var(--success-color);color:var(--text-white);border-color:var(--success-color)}.btn-success:hover{background:#218838;border-color:#1e7e34;color:var(--text-white)}.btn-danger{background:var(--danger-color);color:var(--text-white);border-color:var(--danger-color)}.btn-danger:hover{background:#c82333;border-color:#bd2130;color:var(--text-white)}.btn-warning{background:var(--warning-color);color:var(--text-dark);border-color:var(--warning-color)}.btn-warning:hover{background:#e0a800;border-color:#d39e00;color:var(--text-dark)}.btn-info{background:var(--info-color);color:var(--text-white);border-color:var(--info-color)}.btn-info:hover{background:#138496;border-color:#117a8b;color:var(--text-white)}.btn-logout{background:rgba(255,255,255,0.2);color:var(--text-white);padding:var(--spacing-sm) var(--spacing-md);border:1px solid rgba(255,255,255,0.3);border-radius:var(--border-radius-sm);text-decoration:none;font-size:var(--font-size-sm);transition:var(--transition-base);font-weight:var(--font-weight-medium)}.btn-logout:hover{background:rgba(255,255,255,0.3);border-color:rgba(255,255,255,0.5);color:var(--text-white);text-decoration:none}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.btn-small{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);min-width:65px}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.form-control{width:100%;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);transition:var(--transition-base);background-color:var(--bg-white);box-sizing:border-box}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(102,126,234,0.1)}.form-control:disabled{background-color:var(--bg-light);cursor:not-allowed}.form-control.is-invalid{border-color:var(--danger-color)}.form-control.is-invalid:focus{box-shadow:0 0 0 3px rgba(220,53,69,0.1)}.form-control.is-valid{border-color:var(--success-color)}.form-control.is-valid:focus{box-shadow:0 0 0 3px rgba(40,167,69,0.1)}.form-text{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--spacing-xs);display:block}.form-actions{display:flex;gap:var(--spacing-md);align-items:center;justify-content:flex-start;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.input-group{display:flex;align-items:stretch;position:relative;width:100%}.input-group .form-control{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;flex:1}.btn-toggle-password{background:var(--bg-light);border:2px solid var(--border-color);border-left:none;padding:var(--spacing-md);cursor:pointer;min-width:48px}.btn-toggle-password:hover{background:var(--border-color);border-color:var(--primary-color)}.table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-lg);background:var(--bg-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm)}.table th,.table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.table th{background:var(--bg-light);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.table tbody tr:hover{background:rgba(102,126,234,0.05)}.table-container{overflow-x:auto;border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.alert{padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid transparent;border-radius:var(--border-radius);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.alert.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.info-box{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);background:linear-gradient(135deg, #f8f9ff 0%, #e8f2ff 100%);border:1px solid #d1e7ff;border-radius:var(--border-radius);border-left:4px solid var(--info-color)}.info-box h3{margin:0 0 var(--spacing-sm) 0;color:var(--info-color);font-size:var(--font-size-lg);font-weight:600}.info-box p{margin:var(--spacing-sm) 0;color:var(--text-secondary);line-height:1.5}.info-box p:last-child{margin-bottom:0}.info-box p strong{color:var(--text-primary);font-weight:600}.toast{position:fixed;top:20px;right:20px;z-index:1050;max-width:350px;background:var(--bg-white);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);transform:translateX(100%);opacity:0;transition:var(--transition-base)}.toast.show{transform:translateX(0);opacity:1}.toast.success{border-left:4px solid var(--success-color)}.toast.error{border-left:4px solid var(--danger-color)}.toast.warning{border-left:4px solid var(--warning-color)}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px)}.modal.show{display:flex;align-items:center;justify-content:center}.modal .modal-content{background:var(--bg-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}.modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color)}.modal .modal-header h3{margin:0}.modal .modal-close{background:none;border:none;font-size:var(--font-size-xxl);cursor:pointer;color:var(--text-muted)}.modal .modal-close:hover{color:var(--text-primary)}.modal .modal-body{padding:var(--spacing-xl)}.modal .modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border-color)}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.status-badge,.status-indicator,.connection-status{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border:1px solid transparent}.status-pending{background:rgba(255,193,7,0.1);color:var(--warning-color);border-color:rgba(255,193,7,0.3)}.status-accepted,.status-connected,.status-sent{background:rgba(40,167,69,0.1);color:var(--success-color);border-color:rgba(40,167,69,0.3)}.status-rejected,.status-disconnected{background:rgba(220,53,69,0.1);color:var(--danger-color);border-color:rgba(220,53,69,0.3)}.status-unknown{background:rgba(108,117,125,0.1);color:var(--text-muted);border-color:rgba(108,117,125,0.3)}.status-badge.active{background:rgba(40,167,69,0.1);color:var(--success-color);border-color:rgba(40,167,69,0.3)}.status-badge.inactive{background:rgba(220,53,69,0.1);color:var(--danger-color);border-color:rgba(220,53,69,0.3)}.status-opened{background:rgba(40,167,69,0.1);color:var(--success-color);border-color:rgba(40,167,69,0.3)}.status-closed{background:rgba(108,117,125,0.1);color:var(--text-muted);border-color:rgba(108,117,125,0.3)}.status-in-progress{background:rgba(23,162,184,0.1);color:var(--info-color);border-color:rgba(23,162,184,0.3)}.status-unknown{background:rgba(220,53,69,0.1);color:var(--danger-color);border-color:rgba(220,53,69,0.3)}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite}.btn.loading{position:relative;color:transparent !important}.btn.loading::after{content:'';position:absolute;top:50%;left:50%;width:16px;height:16px;border:2px solid transparent;border-top-color:white;border-radius:50%;animation:spin 1s linear infinite;transform:translate(-50%, -50%)}@keyframes spin{to{transform:rotate(360deg)}}.login-container,.setup-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:var(--spacing-xl);max-width:450px;margin:0 auto}.login-card,.setup-card{padding:var(--spacing-xxl);width:100%}.login-card .login-header,.setup-card .login-header,.login-card .setup-header,.setup-card .setup-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-card .login-header h1,.setup-card .login-header h1,.login-card .setup-header h1,.setup-card .setup-header h1{margin-bottom:var(--spacing-sm)}.login-card .login-header p,.setup-card .login-header p,.login-card .setup-header p,.setup-card .setup-header p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:0}.login-card .btn-login,.setup-card .btn-login,.login-card .btn-setup,.setup-card .btn-setup{width:100%}.admin-section{margin-bottom:var(--spacing-xxl)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-color)}.section-header h2{margin:0;padding:0;border:none;display:flex;align-items:center;gap:var(--spacing-sm)}.section-header h2 i{font-size:1.1em;color:var(--primary-color)}.config-help .btn{margin-left:auto}.system-status .status-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-white)}.system-status .status-icon.connected{background:var(--success-color)}.system-status .status-icon.disconnected{background:var(--danger-color)}.system-card .card-content,.system-details .card-content{padding:var(--spacing-xl)}.api-status{display:flex;flex-direction:column;gap:var(--spacing-md)}.api-status .status-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.api-status .status-row:last-child{border-bottom:none;padding-bottom:0}.api-status .status-row:first-child{padding-top:0}.api-status .status-row span{font-weight:var(--font-weight-medium)}.sync-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:80px}.sync-info .sync-time{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--primary-color)}.sync-info .sync-time i{font-size:1.2em}.system-details .info-item{padding:var(--spacing-md);background:var(--bg-light);border-radius:var(--border-radius-sm);text-align:center;border:1px solid var(--border-color)}.system-details .info-item .label{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.system-details .info-item .value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.config-form-container,.config-webhooks-container{background:var(--bg-white);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.testing-connection::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}100%{left:100%}}.webhooks-table-container{overflow:hidden;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.webhooks-table{width:100%;border-collapse:collapse}.webhooks-table th,.webhooks-table td{padding:var(--spacing-lg);text-align:left;vertical-align:middle;border-bottom:1px solid var(--border-color)}.webhooks-table th{background:var(--bg-light);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px}.webhooks-table tbody tr:last-child td{border-bottom:none}.webhooks-table tbody tr:not(.macro-code-row):hover{background:rgba(102,126,234,0.05)}.webhook-name{font-weight:var(--font-weight-medium)}.webhook-endpoint .endpoint-group{display:flex;align-items:center;gap:var(--spacing-sm)}.webhook-endpoint .endpoint-url{font-family:var(--font-family-mono);background:var(--bg-light);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);word-break:break-all}.webhook-macro .macro-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.webhook-macro .macro-filename{font-family:var(--font-family-mono);color:var(--text-secondary);font-size:var(--font-size-sm)}.webhook-macro .macro-buttons{display:flex;gap:var(--spacing-xs)}.webhook-macro .macro-buttons button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:var(--bg-white);cursor:pointer;transition:var(--transition-base)}.webhook-macro .macro-buttons button:hover{background:var(--bg-light);border-color:var(--primary-color);color:var(--primary-color)}.webhook-macro .macro-buttons button .btn-icon{font-size:1.2em}.macro-code-row td{padding:0 !important;border-top:2px solid var(--primary-color);border-bottom:none}.macro-code-container{background:#2d2d2d;color:#f8f8f2;overflow:hidden}.macro-code-container .macro-code-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--dark-color);border-bottom:1px solid #444}.macro-code-container .macro-code-header .macro-title{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.macro-code-container .macro-code-header .btn-close-macro{background:none;border:none;color:var(--text-muted);font-size:var(--font-size-xl);font-weight:bold;cursor:pointer;transition:var(--transition-base)}.macro-code-container .macro-code-header .btn-close-macro:hover{color:var(--text-white);transform:scale(1.1)}.macro-code-container .macro-code{margin:0;padding:var(--spacing-md);max-height:400px;overflow-y:auto;font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.macro-code-container .macro-code code{white-space:pre-wrap;word-wrap:break-word}.macro-code-container .macro-code::-webkit-scrollbar{width:8px}.macro-code-container .macro-code::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.macro-code-container .macro-code::-webkit-scrollbar-track{background:#333}.projects-table-modern,.group-trackers-table-modern{background:var(--bg-white);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.projects-table-modern .table-modern,.group-trackers-table-modern .table-modern{width:100%;border-collapse:collapse}.projects-table-modern .table-modern thead,.group-trackers-table-modern .table-modern thead{background:var(--bg-light)}.projects-table-modern .table-modern th,.group-trackers-table-modern .table-modern th{padding:var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--border-color);font-size:var(--font-size-xs);text-transform:uppercase}.projects-table-modern .table-modern td,.group-trackers-table-modern .table-modern td{padding:var(--spacing-md);vertical-align:middle}.projects-table-modern .table-modern .project-row-modern:hover,.group-trackers-table-modern .table-modern .project-row-modern:hover,.projects-table-modern .table-modern .group-tracker-row-modern:hover,.group-trackers-table-modern .table-modern .group-tracker-row-modern:hover{background:var(--bg-light)}.projects-table-modern .table-modern .editing,.group-trackers-table-modern .table-modern .editing{background:#fff3cd !important}.table-enhanced{background:var(--bg-white);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.table-enhanced .table{box-shadow:none;margin-bottom:0;border-radius:0}.table-enhanced .table tbody tr:hover{background:var(--bg-light)}.table-enhanced .table .editing{background:#fff3cd !important}.table-enhanced .table .editing:hover{background:#fff3cd !important}.table-enhanced .table .edit-mode .form-control{width:100%;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--spacing-sm);font-size:var(--font-size-sm);margin:0}.table-enhanced .table .edit-mode .form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(102,126,234,0.1)}.table-enhanced .table .edit-mode-actions{display:flex;gap:var(--spacing-xs);align-items:center}.table-enhanced .table .edit-mode-actions .btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);min-height:32px}.table-enhanced .table .clockify-id.found{color:var(--success-color);font-weight:var(--font-weight-medium)}.table-enhanced .table .clockify-id.not-found{color:var(--danger-color);font-weight:var(--font-weight-medium)}.periodicity-checkboxes .checkboxes-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(80px, 1fr));gap:4px;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:8px}.periodicity-checkboxes .checkbox-item{display:flex;align-items:center;gap:6px;padding:4px;border-radius:4px;cursor:pointer}.periodicity-checkboxes .checkbox-item:hover{background-color:rgba(0,0,0,0.05)}.periodicity-checkboxes .checkbox-item input[type="checkbox"]{accent-color:var(--primary-color)}.periodicity-badges{display:flex;flex-wrap:wrap;gap:4px}.periodicity-badges .periodicity-badge{padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;color:white}.periodicity-badges .periodicity-badge.periodicity-monday{background:#3b82f6}.periodicity-badges .periodicity-badge.periodicity-tuesday{background:#8b5cf6}.periodicity-badges .periodicity-badge.periodicity-wednesday{background:#06b6d4}.periodicity-badges .periodicity-badge.periodicity-thursday{background:#10b981}.periodicity-badges .periodicity-badge.periodicity-friday{background:#f59e0b}.periodicity-badges .periodicity-badge.periodicity-saturday{background:#ef4444}.periodicity-badges .periodicity-badge.periodicity-sunday{background:#ec4899}.filters-section{background:var(--bg-white);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.filters-section .filters-container{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-lg)}.filters-section .filter-group{flex:1;min-width:200px}.filters-section .filter-group label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.filters-section .filter-select{width:100%;height:44px;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);transition:var(--transition-base);background-color:var(--bg-white);box-sizing:border-box;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--spacing-md) center;background-size:16px 12px;cursor:pointer}.filters-section .filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(102,126,234,0.1)}.filters-section .filter-results{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);font-size:var(--font-size-sm);color:var(--text-muted)}.d-flex{display:flex}.flex-column{flex-direction:column}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.m-0{margin:0}.mt-1{margin-top:var(--spacing-xs)}.mb-3{margin-bottom:var(--spacing-md)}.p-0{padding:0}.p-2{padding:var(--spacing-sm)}.text-center{text-align:center}.text-right{text-align:right}.text-success{color:var(--success-color) !important}.text-danger{color:var(--danger-color) !important}.text-warning{color:var(--warning-color) !important}.text-info{color:var(--info-color) !important}.text-muted{color:var(--text-muted) !important}.text-white{color:var(--text-white) !important}.hidden,.d-none{display:none !important}@media (max-width:768px){.header .header-content{flex-direction:column;gap:var(--spacing-md);text-align:center}.card-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.form-actions{flex-direction:column;align-items:stretch}.filters-container{flex-direction:column;align-items:stretch}.table-container{font-size:var(--font-size-sm)}}/*# sourceMappingURL=./global.css.map */