.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 10px 25px #0003;width:100%;max-width:400px}.login-card h1{text-align:center;color:#2c3e50;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50}.form-group input{width:100%;padding:.75rem;border:1px solid #bdc3c7;border-radius:4px;font-size:1rem}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.error{color:#e74c3c;font-size:.875rem;margin-bottom:1rem}.login-card button{width:100%;padding:.75rem;background-color:#667eea;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.login-card button:hover{background-color:#5568d3}.login-card button:disabled{background-color:#bdc3c7;cursor:not-allowed}.events-tab{width:100%}.events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.events-header h2{margin:0}.events-header button{background-color:#667eea;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem}.events-header button:hover{background-color:#5568d3}.link-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.link-content{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:500px;text-align:center}.link-content h3{margin-top:0;color:#2c3e50}.link-content p{color:#7f8c8d;margin-bottom:1rem}.link-box{background:#f8f9fa;padding:1rem;border-radius:4px;border:1px solid #e0e0e0;margin-bottom:1rem;word-break:break-all}.link-box code{color:#667eea;font-size:.9rem;font-family:Courier New,monospace}.link-content button{background-color:#667eea;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;margin-right:.5rem;font-size:1rem}.link-content button:hover{background-color:#5568d3}.link-content button:last-child{background-color:#e74c3c}.link-content button:last-child:hover{background-color:#c0392b}.event-form{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.event-form input,.event-form textarea{padding:.75rem;border:1px solid #bdc3c7;border-radius:4px;font-size:1rem;font-family:inherit}.event-form button{background-color:#27ae60;color:#fff;border:none;padding:.75rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600}.event-form button:hover{background-color:#229954}.recurrence-box{border:1px solid #dfe6e9;border-radius:6px;background:#fff;padding:.75rem}.recurrence-check{display:flex;align-items:center;gap:.5rem;color:#2c3e50;font-weight:600}.recurrence-controls{margin-top:.75rem;display:flex;flex-direction:column;gap:.75rem}.recurrence-row{display:flex;align-items:center;gap:.5rem}.recurrence-row label{min-width:130px;color:#34495e}.recurrence-row select,.recurrence-row input{flex:1;padding:.5rem;border:1px solid #bdc3c7;border-radius:4px;font-size:.95rem}.events-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.bulk-actions-bar{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;border:1px solid #dfe6e9;border-radius:8px;padding:.75rem 1rem}.bulk-select-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#2c3e50}.approve-selected-btn{background-color:#27ae60;color:#fff;border:none;border-radius:4px;padding:.55rem .9rem;cursor:pointer;font-weight:600}.approve-selected-btn:hover{background-color:#229954}.approve-selected-btn:disabled{background-color:#95a5a6;cursor:not-allowed}.hide-selected-btn{background-color:#7f8c8d;color:#fff;border:none;border-radius:4px;padding:.55rem .9rem;cursor:pointer;font-weight:600}.hide-selected-btn:hover{background-color:#6c7a7b}.hide-selected-btn:disabled{background-color:#bdc3c7;cursor:not-allowed}.event-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.event-card h3{margin:0 0 .5rem;color:#2c3e50}.event-card-head{display:flex;align-items:center;gap:.75rem}.event-select-checkbox{display:flex;align-items:center;gap:.4rem;color:#34495e;font-size:.85rem}.event-card p{margin:.5rem 0;color:#7f8c8d;font-size:.9rem}.event-actions{display:flex;gap:.5rem;margin-top:1rem}.event-actions button{flex:1;padding:.5rem;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem}.event-actions button:hover{background-color:#2980b9}.staff-tab{padding:2rem;max-width:1400px;margin:0 auto}.staff-header{margin-bottom:2rem}.staff-header h2{color:#2c3e50;margin-bottom:1rem}.view-tabs{display:flex;gap:.5rem;border-bottom:2px solid #ecf0f1;padding-bottom:.5rem}.view-tabs button{padding:.75rem 1.5rem;background:transparent;border:none;border-radius:8px 8px 0 0;cursor:pointer;font-size:1rem;color:#7f8c8d;transition:all .3s}.view-tabs button.active{background:#3498db;color:#fff}.view-tabs button:hover:not(.active){background:#ecf0f1;color:#2c3e50}.calculator-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.calculator-section h3{color:#2c3e50;margin-bottom:1.5rem}.form-group{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.form-group label{font-weight:600;color:#34495e}.form-group input[type=date]{padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:1rem}.form-group button{padding:.75rem 1.5rem;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .3s}.form-group button:hover:not(:disabled){background:#2980b9}.form-group button:disabled{background:#95a5a6;cursor:not-allowed}.schedule-preview{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.schedule-preview h4{color:#2c3e50;margin-bottom:1rem}.day-schedule{background:#fff;padding:1rem;border-left:4px solid #3498db;margin-bottom:1rem;border-radius:4px}.day-schedule strong{display:block;color:#2c3e50;margin-bottom:.5rem;font-size:1.1rem}.day-schedule div{color:#7f8c8d;margin:.25rem 0;padding-left:.5rem}.tip-input-section{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.tip-input-section h4{color:#2c3e50;margin-bottom:1rem}.input-method-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem}.input-method-toggle button{padding:.5rem 1rem;border:2px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;transition:all .3s}.input-method-toggle button.active{background:#27ae60;color:#fff;border-color:#27ae60}.manual-entry{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.daily-tip-input{display:flex;align-items:center;gap:1rem;background:#fff;padding:1rem;border-radius:8px}.daily-tip-input label{font-weight:600;color:#34495e;min-width:120px}.daily-tip-input input{flex:1;padding:.5rem;border:2px solid #ddd;border-radius:6px;font-size:1rem}.bulk-entry{display:flex;flex-direction:column;gap:1rem}.bulk-entry textarea{padding:1rem;border:2px solid #ddd;border-radius:8px;font-family:monospace;font-size:.9rem;resize:vertical}.bulk-entry button{padding:.75rem 1.5rem;background:#27ae60;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .3s;align-self:flex-start}.bulk-entry button:hover{background:#229954}.by-hour-description{color:#34495e;font-size:.95rem;line-height:1.5;margin:0}.unmatched-warning{background:#fff3cd;color:#856404!important;padding:.75rem 1rem;border-radius:6px;border-left:4px solid #ffc107}.calculate-btn{width:100%;padding:1rem;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:background .3s;margin-bottom:2rem}.calculate-btn:hover{background:#c0392b}.calculation-results{background:#ecf8f3;padding:2rem;border-radius:12px;border:2px solid #27ae60}.calculation-results h4{color:#27ae60;margin-bottom:1rem;font-size:1.5rem}.calculation-results p{color:#2c3e50;margin-bottom:.5rem;font-size:1.1rem}.earnings-table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:#fff;border-radius:8px;overflow:hidden}.earnings-table thead{background:#27ae60;color:#fff}.earnings-table th,.earnings-table td{padding:1rem;text-align:left;border-bottom:1px solid #ecf0f1}.earnings-table th{font-weight:600;text-transform:uppercase;font-size:.9rem;letter-spacing:.5px}.earnings-table tbody tr:hover{background:#f8f9fa}.earnings-table td{color:#34495e}.earnings-table td:last-child{font-size:1.1rem;color:#27ae60}.save-report-btn{width:100%;padding:1rem;background:#9b59b6;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .3s;margin-top:1rem}.save-report-btn:hover{background:#8e44ad}.baristas-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.baristas-section h3{color:#2c3e50;margin-bottom:1.5rem}.add-barista-form{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.add-barista-form h4{color:#2c3e50;margin-bottom:1rem}.form-inputs{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.form-inputs input{padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;flex:1;min-width:200px}.form-inputs .add-btn{padding:.75rem 1.5rem;background:#27ae60;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:background .3s}.form-inputs .add-btn:hover{background:#229954}.barista-list h4{color:#2c3e50;margin-bottom:1rem}.empty-state{color:#7f8c8d;text-align:center;padding:2rem;font-style:italic}.barista-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.barista-table thead{background:#3498db;color:#fff}.barista-table th{padding:1rem;text-align:left;font-weight:600;text-transform:uppercase;font-size:.9rem;letter-spacing:.5px}.barista-table td{padding:1rem;border-bottom:1px solid #ecf0f1;color:#34495e}.barista-table tbody tr:hover{background:#f8f9fa}.barista-table td strong{color:#2c3e50;font-size:1.1rem}.edit-pay{display:flex;gap:.5rem;align-items:center}.edit-pay input{padding:.5rem;border:2px solid #3498db;border-radius:6px;width:120px;font-size:1rem}.edit-pay .save-btn{padding:.5rem 1rem;background:#27ae60;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .3s}.edit-pay .save-btn:hover{background:#229954}.edit-pay .cancel-btn{padding:.5rem 1rem;background:#95a5a6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .3s}.edit-pay .cancel-btn:hover{background:#7f8c8d}.action-buttons{display:flex;gap:.5rem}.action-buttons .edit-btn{padding:.5rem 1rem;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .3s}.action-buttons .edit-btn:hover{background:#2980b9}.action-buttons .remove-btn{padding:.5rem 1rem;background:#e74c3c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .3s}.action-buttons .remove-btn:hover{background:#c0392b}.barista-card{background:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid #3498db}.barista-card h4{color:#2c3e50;margin-bottom:.5rem}.barista-card p{color:#7f8c8d;margin:.25rem 0}.reports-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.reports-section h3{color:#2c3e50;margin-bottom:1.5rem}.reports-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.report-card{background:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid #9b59b6}.report-card h4{color:#2c3e50;margin-bottom:1rem}.report-card p{color:#7f8c8d;margin:.5rem 0}.report-card button{margin-top:1rem;margin-right:.5rem;padding:.5rem 1rem;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s}.report-card button:hover{background:#2980b9}@media (max-width: 768px){.staff-tab{padding:1rem}.view-tabs{flex-direction:column}.form-group{flex-direction:column;align-items:flex-start}.manual-entry{grid-template-columns:1fr}.earnings-table{font-size:.9rem}.earnings-table th,.earnings-table td{padding:.5rem}}.bookings-tab{width:100%}.bookings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.bookings-header h2{margin:0}.filter-buttons{display:flex;gap:.5rem}.filter-buttons button{background-color:#ecf0f1;color:#2c3e50;border:1px solid #bdc3c7;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.filter-buttons button.active{background-color:#667eea;color:#fff;border-color:#667eea}.filter-buttons button:hover{background-color:#d5dbdb}.filter-buttons button.active:hover{background-color:#5568d3}.bookings-list{display:flex;flex-direction:column;gap:1rem}.booking-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:flex-start}.booking-info{flex:1}.booking-info h3{margin-top:0;margin-bottom:.5rem;color:#2c3e50}.booking-info p{margin:.25rem 0;color:#555;font-size:.95rem}.booking-info strong{color:#2c3e50}.booking-actions{display:flex;gap:.5rem;margin-left:1rem}.approve-btn,.reject-btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .3s ease}.approve-btn{background-color:#27ae60;color:#fff}.approve-btn:hover{background-color:#229954}.reject-btn{background-color:#e74c3c;color:#fff}.reject-btn:hover{background-color:#c0392b}@media (max-width: 768px){.bookings-header{flex-direction:column;align-items:flex-start;gap:1rem}.booking-card{flex-direction:column}.booking-actions{margin-left:0;margin-top:1rem}}.calendar-tab{width:100%}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.calendar-controls{display:flex;align-items:center;gap:.75rem}.calendar-controls button{background:#667eea;color:#fff;border:none;border-radius:6px;padding:.4rem .7rem;cursor:pointer}.calendar-month{font-weight:600}.calendar-filters{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:.75rem;background:#f8f9fa;border-radius:8px;flex-wrap:wrap}.filter-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;font-weight:500}.filter-toggle input{cursor:pointer;width:16px;height:16px}.toggle-label{color:#2c3e50}.toggle-indicator{display:inline-block;width:12px;height:12px;border-radius:3px}.toggle-indicator.barista{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-indicator.admin{background:linear-gradient(135deg,#27ae60,#2ecc71)}.calendar-error{color:#e74c3c;font-weight:600}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:.75rem}.calendar-day-header{font-weight:600;text-align:center}.calendar-day{min-height:120px;padding:.5rem;border:1px solid #e0e0e0;border-radius:8px;background:#fff}.calendar-date{font-weight:600;margin-bottom:.5rem}.calendar-events{display:flex;flex-direction:column;gap:.35rem}.calendar-event{background:#f4f6ff;border-radius:6px;padding:.35rem .5rem;display:flex;flex-direction:column;font-size:.85rem}.calendar-event-existing{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-left:3px solid #667eea}.calendar-event-existing .calendar-event-time{color:#f0f0f0;font-weight:600}.calendar-event-existing .calendar-event-title{color:#fff}.calendar-event-admin{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border-left:3px solid #27ae60}.calendar-event-admin .calendar-event-time{color:#f0f0f0;font-weight:600}.calendar-event-admin .calendar-event-title{color:#fff}.website-visibility-panel{margin-top:1.5rem;padding:1rem;border:1px solid #dfe6e9;border-radius:8px;background:#f8f9fa}.website-visibility-panel h3{margin:0}.website-visibility-panel p{color:#4b5563}.website-visibility-list{display:flex;flex-direction:column;gap:.6rem}.website-visibility-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid #e5e7eb;border-radius:6px;background:#fff;padding:.6rem .75rem}.website-visibility-item-main{display:flex;flex-direction:column}.website-visibility-title{font-weight:600;color:#1f2937}.website-visibility-meta{color:#6b7280;font-size:.9rem}@media (max-width: 900px){.calendar-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.calendar-grid{grid-template-columns:1fr}}.admin-content-tab{width:100%}.admin-content-header{margin-bottom:1rem}.admin-content-header h2{margin:0}.admin-content-header p{color:#6b7280}.admin-content-form{background:#f8f9fa;border:1px solid #dfe6e9;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.admin-content-form input,.admin-content-form textarea,.admin-content-form select{border:1px solid #bdc3c7;border-radius:4px;padding:.65rem;font-size:.95rem}.admin-content-form button{background:#27ae60;color:#fff;border:none;border-radius:4px;padding:.7rem 1rem;cursor:pointer;font-weight:600}.admin-content-form button:hover{background:#229954}.admin-checkbox-row{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#334155}.admin-content-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.admin-content-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.admin-content-card-top{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.admin-content-card h3,.admin-content-card h4{margin:0}.admin-content-meta{color:#6b7280;font-size:.9rem}.status-pill{font-size:.75rem;padding:.2rem .5rem;border-radius:999px;font-weight:700}.status-pill.live{background:#dcfce7;color:#166534}.status-pill.draft{background:#f3f4f6;color:#374151}.admin-card-actions{display:flex;gap:.5rem}.admin-card-actions button{border:none;background:#3498db;color:#fff;border-radius:4px;padding:.5rem .65rem;cursor:pointer}.admin-card-actions button:hover{background:#2980b9}.admin-card-actions button.danger{background:#e74c3c}.admin-card-actions button.danger:hover{background:#c0392b}.admin-content-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.admin-poster-image{width:100%;height:180px;object-fit:cover;border-radius:6px;margin-bottom:.75rem}@media (max-width: 900px){.admin-content-split{grid-template-columns:1fr}}.admin-tab-container{width:100%}.admin-tab-container h2{margin-top:0;color:#1f2937}.admin-tab-container h3{color:#374151;margin-top:1.5rem;margin-bottom:1rem}.admin-tab-container hr{border:none;border-top:1px solid #e5e7eb;margin:1.5rem 0}.image-upload-form{background:#f8f9fa;border:1px solid #dfe6e9;border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#374151;font-size:.95rem}.form-group input[type=text],.form-group input[type=file],.form-group select{border:1px solid #bdc3c7;border-radius:4px;padding:.65rem;font-size:.95rem;font-family:inherit}.form-group input[type=text]:focus,.form-group input[type=file]:focus,.form-group select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-group input[type=file]{padding:.5rem}.image-upload-form button{background:#27ae60;color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;cursor:pointer;font-weight:600;font-size:.95rem;transition:background .2s}.image-upload-form button:hover:not(:disabled){background:#229954}.image-upload-form button:disabled{background:#95a5a6;cursor:not-allowed;opacity:.6}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.image-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s}.image-card:hover{box-shadow:0 4px 12px #0000001a}.image-thumbnail{width:100%;height:150px;object-fit:cover;background:#f3f4f6}.image-info{padding:.75rem;display:flex;flex-direction:column;gap:.5rem;flex-grow:1}.image-info h4{margin:0;font-size:.9rem;color:#1f2937;word-break:break-word}.image-category{margin:0;font-size:.8rem;color:#6b7280;text-transform:capitalize}.image-date{margin:0;font-size:.8rem;color:#9ca3af}.image-link{display:inline-block;color:#3498db;text-decoration:none;font-size:.85rem;margin-bottom:.5rem;transition:color .2s}.image-link:hover{color:#2980b9;text-decoration:underline}.delete-button{background:#e74c3c;color:#fff;border:none;border-radius:4px;padding:.4rem .8rem;cursor:pointer;font-size:.85rem;font-weight:600;transition:background .2s}.delete-button:hover{background:#c0392b}@media (max-width: 768px){.images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.image-upload-form{padding:1rem}}.ig-warning{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;padding:.6rem 1rem;font-weight:600;margin-top:.5rem}.ig-preview{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:.75rem}.ig-preview-label{margin:0 0 .5rem;font-size:.9rem;color:#6b7280}.ig-embed-container{max-width:540px;margin:.5rem 0;overflow:hidden}.ig-embed-container iframe{max-width:100%!important}.ig-card-overflow{opacity:.6;border-style:dashed}.ig-edit-form{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.ig-edit-form input{border:1px solid #bdc3c7;border-radius:4px;padding:.5rem;font-size:.9rem}.dashboard{flex:1;padding:2rem}.tabs{margin-bottom:2rem}.tabs-row{display:flex;gap:1rem;flex-wrap:wrap;border-bottom:2px solid #e0e0e0}.tab{background:none;border:none;padding:1rem;font-size:1rem;font-weight:600;color:#7f8c8d;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease}.tab:hover{color:#2c3e50}.tab.active{color:#667eea;border-bottom-color:#667eea}.tab-content{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000000d}.website-content-tabs{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem;border-bottom:1px solid #e5e7eb;padding-bottom:.6rem}.website-content-tab-button{background:#f8f9fa;border:1px solid #dfe6e9;color:#4b5563;border-radius:6px;padding:.55rem .8rem;cursor:pointer;font-weight:600}.website-content-tab-button.active{background:#667eea;border-color:#667eea;color:#fff}.app{min-height:100vh;display:flex;flex-direction:column}.navbar{background-color:#2c3e50;color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.navbar h1{margin:0;font-size:1.5rem}.navbar button{background-color:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:1rem}.navbar button:hover{background-color:#c0392b}body{margin:0;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}