.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.login-box{background:#fff;padding:2.5rem;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;width:100%}.login-box h1{font-size:1.75rem;margin-bottom:.5rem;text-align:center}.login-box .subtitle{color:var(--text-light);text-align:center;margin-bottom:2rem}.form-group input{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--primary)}.error-message{background:#fee2e2;color:#991b1b;padding:.75rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem}.login-footer{margin-top:1.5rem;text-align:center;color:var(--text-light)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:.75rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.25rem;margin:0}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-light);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem}.btn-close:hover{background:var(--bg)}.modal-content form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text)}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary)}.form-group small{display:block;margin-top:.5rem;color:var(--text-light);font-size:.875rem}.form-group-checkbox{margin-bottom:1.5rem}.form-group-checkbox label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-group-checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border)}.automation-card{background:#fff;border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;transition:box-shadow .2s}.automation-card:hover{box-shadow:0 4px 6px -1px #0000001a}.automation-card.disabled{opacity:.6}.card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.card-header h3{font-size:1.125rem;margin:0}.card-badge{font-size:.875rem;padding:.25rem .75rem;border-radius:9999px;background:var(--bg)}.card-body{margin-bottom:1.5rem}.card-info{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.info-row .label{color:var(--text-light);font-weight:500}.info-row .value{color:var(--text);text-align:right;display:flex;align-items:center;gap:.5rem}.status-icon{font-size:1rem}.card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.card-actions button{flex:1;min-width:fit-content;padding:.5rem .75rem;border:none;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-toggle{background:var(--secondary);color:#fff}.btn-toggle:hover{background:#475569}.btn-test{background:var(--warning);color:#fff}.btn-test:hover{background:#d97706}.btn-execute{background:var(--success);color:#fff}.btn-execute:hover{background:#059669}.btn-edit{background:var(--primary);color:#fff}.btn-edit:hover{background:var(--primary-dark)}.btn-delete{background:var(--error);color:#fff}.btn-delete:hover{background:#dc2626}.success-message{background:#d1fae5;color:#065f46;padding:.75rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.dashboard{min-height:100vh;background:var(--bg)}.dashboard-header{background:#fff;border-bottom:1px solid var(--border);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.dashboard-header h1{font-size:1.5rem;margin-bottom:.25rem}.dashboard-header p{color:var(--text-light)}.header-actions{display:flex;gap:1rem}.dashboard-content{padding:2rem;max-width:1400px;margin:0 auto}.dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-toolbar h2{font-size:1.25rem}.empty-state{background:#fff;border:2px dashed var(--border);border-radius:1rem;padding:4rem 2rem;text-align:center;color:var(--text-light)}.empty-state p{margin-bottom:1.5rem;font-size:1.125rem}.automations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.logs-page{min-height:100vh;background:var(--bg)}.logs-header{background:#fff;border-bottom:1px solid var(--border);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.logs-header h1{font-size:1.5rem;margin-bottom:.25rem}.logs-header p{color:var(--text-light)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:2rem;max-width:1400px;margin:0 auto}.stat-card{background:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid var(--border)}.stat-value{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.stat-label{color:var(--text-light);font-size:.875rem}.logs-toolbar{padding:0 2rem;margin-bottom:1.5rem}.filter-buttons{display:flex;gap:.5rem}.filter-buttons button{padding:.5rem 1rem;border:1px solid var(--border);background:#fff;border-radius:.5rem;cursor:pointer;transition:all .2s}.filter-buttons button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.logs-table{padding:0 2rem 2rem;max-width:1400px;margin:0 auto}.logs-table table{width:100%;background:#fff;border-radius:.75rem;border:1px solid var(--border);border-collapse:collapse;overflow:hidden}.logs-table th{background:var(--bg);padding:1rem;text-align:left;font-weight:600;color:var(--text-light);border-bottom:1px solid var(--border)}.logs-table td{padding:1rem;border-bottom:1px solid var(--border)}.logs-table tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.status-success .status-badge{background:#d1fae5;color:#065f46}.status-error .status-badge{background:#fee2e2;color:#991b1b}.status-running .status-badge{background:#fef3c7;color:#92400e}.error-text{color:var(--error);font-size:.875rem}.success-text{color:var(--success);font-size:.875rem}.empty-row{text-align:center;color:var(--text-light);padding:2rem!important}.reports-page{padding:20px;max-width:1400px;margin:0 auto}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.reports-header h1{margin:0;color:#333}.reports-header p{margin:5px 0 0;color:#666}.user-welcome{margin-top:10px!important;font-size:14px;color:#1e3a8a!important}.header-actions{display:flex;gap:10px;align-items:center}.reports-list{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.reports-list table{width:100%;border-collapse:collapse}.reports-list th,.reports-list td{padding:12px;text-align:left;border-bottom:1px solid #eee}.reports-list th{background:#f5f5f5;font-weight:600;color:#333}.btn-sm{padding:6px 12px;font-size:14px}.report-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.report-modal-content{background:#fff;border-radius:8px;width:90%;max-width:1000px;max-height:90vh;overflow:auto;box-shadow:0 4px 6px #0000001a}.report-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.report-modal-header h2{margin:0}.report-modal-body{padding:20px}.report-modal-body pre{background:#f5f5f5;padding:15px;border-radius:4px;overflow:auto;font-size:12px}.report-detail{padding:10px 0}.report-section{margin-bottom:30px}.report-section h3{margin:0 0 15px;color:#333;border-bottom:2px solid #1e3a8a;padding-bottom:8px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.summary-item{background:#f8f9fa;padding:15px;border-radius:6px;display:flex;flex-direction:column}.summary-label{font-size:14px;color:#666;margin-bottom:5px}.summary-value{font-size:24px;font-weight:700;color:#1e3a8a}.tasks-list{display:flex;flex-direction:column;gap:12px}.task-item{background:#f8f9fa;padding:15px;border-radius:6px;border-left:4px solid #1e3a8a}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.task-name{font-weight:600;color:#333;flex:1}.task-hours{font-weight:700;color:#1e3a8a;font-size:16px}.task-description{color:#555;margin:8px 0;padding:8px;background:#fff;border-radius:4px;font-size:14px;line-height:1.5}.task-meta{font-size:12px;color:#666;margin-top:8px}.task-status{font-weight:600;color:#1e3a8a}.report-section details{background:#f8f9fa;padding:15px;border-radius:6px;cursor:pointer}.report-section summary{font-weight:600;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none}.raw-data{margin-top:15px;background:#fff;padding:15px;border-radius:4px;font-size:11px}.task-status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;background:#1e3a8a;color:#fff}.task-entries{margin-top:10px;padding-top:10px;border-top:1px solid #e0e0e0}.user-entries{margin-bottom:12px}.user-name{font-weight:600;color:#1e3a8a;margin-bottom:6px;font-size:13px}.entry-item{display:flex;justify-content:space-between;padding:6px 10px;background:#fff;border-radius:4px;margin-bottom:4px;font-size:12px}.entry-duration{font-weight:600;color:#1e3a8a}.entry-desc{margin-top:4px;color:#666;font-style:italic;font-size:11px}.view-report-page{min-height:100vh;background:#f5f7fa}.loading-container,.error-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f5f7fa}.loading{font-size:18px;color:#666;text-align:center;padding:40px}.error-message{background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center;max-width:500px}.error-message h2{color:#e74c3c;margin:0 0 15px}.error-message p{color:#666;margin:10px 0}.automation-name{font-size:14px;color:#1e3a8a!important;font-weight:600;margin-top:5px!important}.footer-note{padding:20px;text-align:center}.admin-page{padding:20px;max-width:1400px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-header h1{margin:0;color:#333}.admin-header p{margin:5px 0 0;color:#666}.admin-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{margin:0;color:#333}.users-table table,.automations-table table{width:100%;border-collapse:collapse}.users-table th,.users-table td,.automations-table th,.automations-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.users-table th,.automations-table th{background:#f5f5f5;font-weight:600;color:#333}.role-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.role-admin{background:#ff6b6b;color:#fff}.role-user{background:#4dabf7;color:#fff}.btn-sm{padding:6px 12px;font-size:14px;margin-right:5px}.btn-danger{background:#ff6b6b;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.btn-danger:hover{background:#ff5252}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow:auto;box-shadow:0 4px 6px #0000001a}.modal-content.small{max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h2{margin:0}.btn-close{background:none;border:none;font-size:30px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;line-height:1}.btn-close:hover{color:#333}.modal-body{padding:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#333}.form-group input,.form-group select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4dabf7}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.user-list{display:flex;flex-direction:column;gap:10px;margin-top:15px}.user-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s}.user-item:hover{background:#f5f5f5;border-color:#4dabf7}.user-role{font-size:12px;color:#666;text-transform:uppercase}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.active{background:#51cf66;color:#fff}.status-badge.inactive{background:#868e96;color:#fff}#root{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #4f46e5;--primary-dark: #4338ca;--secondary: #64748b;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--bg: #f8fafc;--surface: #ffffff;--border: #e2e8f0;--text: #1e293b;--text-light: #64748b}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text)}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.2rem;color:var(--text-light)}.btn-primary{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--text);border:1px solid var(--border);padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--bg);border-color:var(--secondary)}