:root{--primary: #16a34a;--primary-light: #22c55e;--primary-dark: #15803d;--primary-50: #f0fdf4;--primary-100: #dcfce7;--primary-200: #bbf7d0;--secondary: #f97316;--secondary-light: #fb923c;--secondary-dark: #ea580c;--dark: #1e293b;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--white: #ffffff;--success: #22c55e;--warning: #eab308;--danger: #ef4444;--info: #3b82f6;--purple: #8b5cf6;--pink: #ec4899}.support-center-page{font-family:Vazirmatn,sans-serif;color:var(--gray-700);line-height:1.6}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4,h5,h6{color:var(--gray-800);font-weight:700;line-height:1.3}.highlight{color:var(--primary)}.support-header{background:linear-gradient(#0f172acc,#0f172ae6),url(/images/support/header-bg.jpg);background-size:cover;background-position:center;color:var(--white);padding:8rem 0 6rem;text-align:center;position:relative}.support-header h1{font-size:3.5rem;color:var(--white);margin-bottom:1.5rem}.support-header .subtitle{font-size:1.5rem;opacity:.9;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.support-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;max-width:1000px;margin:0 auto 3rem}.stat-card{display:flex;align-items:center;gap:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.25rem 2rem;border-radius:1rem;flex:1;min-width:200px}.stat-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:50%;flex-shrink:0}.stat-icon svg{width:24px;height:24px;stroke:var(--primary-light)}.stat-content{flex:1}.stat-content h3{font-size:2rem;color:var(--white);margin:0;line-height:1}.stat-content p{font-size:.95rem;margin:.5rem 0 0;opacity:.9}.support-search{max-width:700px;margin:0 auto}.search-container{display:flex;align-items:center;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;padding:.5rem;transition:all .3s ease}.search-container:focus-within{box-shadow:0 0 0 3px #22c55e4d}.search-input{flex:1;background:transparent;border:none;padding:.75rem 1.5rem;color:var(--white);font-size:1rem;outline:none}.search-input::-moz-placeholder{color:#ffffffb3}.search-input::placeholder{color:#ffffffb3}.search-btn{background:var(--primary);color:var(--white);border:none;padding:.75rem 1.5rem;border-radius:50px;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease}.search-btn:hover{background:var(--primary-dark)}.search-btn svg{width:18px;height:18px}.support-main{padding:3rem 0}.support-tabs{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.tab-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--white);border:1px solid var(--gray-200);border-radius:.75rem;color:var(--gray-700);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.tab-btn svg{width:20px;height:20px}.tab-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.tab-btn.active{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-dark)}.tab-btn.active svg{stroke:var(--primary)}.tab-content{background:var(--white);border-radius:1.5rem;box-shadow:0 4px 20px #0000000d;overflow:hidden}.support-tab-content{padding:2rem}.support-grid{display:grid;grid-template-columns:1fr 350px;gap:2rem}.announcements-section{margin-bottom:3rem}.announcements-section h2{font-size:1.8rem;margin-bottom:1.5rem;position:relative;display:inline-block}.announcements-section h2:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:3px;background:linear-gradient(to right,var(--primary),var(--primary-light));border-radius:2px}.announcements-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.announcement-card{background:var(--gray-50);border-radius:1rem;padding:1.5rem;border:1px solid var(--gray-200);position:relative;transition:all .3s ease}.announcement-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.announcement-card.important{background:var(--primary-50);border-color:var(--primary-200)}.important-badge{position:absolute;top:1rem;right:1rem;background:var(--danger);color:var(--white);padding:.25rem .75rem;border-radius:50px;font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.important-badge svg{width:14px;height:14px}.announcement-card h3{font-size:1.2rem;margin-bottom:1rem;padding-left:2.5rem}.announcement-card p{color:var(--gray-600);margin-bottom:1.5rem;line-height:1.6}.announcement-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--gray-200);padding-top:1rem}.date{display:flex;align-items:center;gap:.5rem;color:var(--gray-500);font-size:.9rem}.date svg{width:16px;height:16px;stroke:var(--gray-500)}.read-more{color:var(--primary);font-weight:600;font-size:.95rem;text-decoration:none;transition:all .3s ease}.read-more:hover{color:var(--primary-dark)}.tickets-section{margin-bottom:3rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{font-size:1.8rem;position:relative;display:inline-block}.section-header h2:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:3px;background:linear-gradient(to right,var(--primary),var(--primary-light));border-radius:2px}.filter-buttons{display:flex;align-items:center;gap:.5rem}.filter-btn{padding:.5rem 1rem;background:var(--white);border:1px solid var(--gray-200);border-radius:.5rem;color:var(--gray-700);font-size:.9rem;cursor:pointer;transition:all .3s ease}.filter-btn:hover{background:var(--gray-50)}.filter-btn.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.tickets-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.ticket-card{background:var(--white);border-radius:1rem;padding:1.5rem;border:1px solid var(--gray-200);position:relative;transition:all .3s ease}.ticket-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.ticket-card.open{border-color:var(--info)}.ticket-card.in-progress{border-color:var(--warning)}.ticket-card.closed{border-color:var(--success)}.ticket-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.ticket-id{display:flex;align-items:center;gap:.5rem;color:var(--gray-500);font-size:.9rem;font-weight:500}.ticket-id svg{width:16px;height:16px;stroke:var(--gray-500)}.ticket-priority{padding:.25rem .75rem;border-radius:50px;font-size:.8rem;font-weight:500}.ticket-priority.high{background:var(--danger-light, #fee2e2);color:var(--danger)}.ticket-priority.medium{background:var(--warning-light, #fef3c7);color:var(--warning-dark, #b45309)}.ticket-priority.low{background:var(--gray-100);color:var(--gray-600)}.ticket-subject{font-size:1.1rem;margin-bottom:.75rem;line-height:1.4}.ticket-project{display:flex;align-items:center;gap:.5rem;color:var(--gray-600);font-size:.9rem;margin-bottom:1.5rem}.ticket-project svg{width:16px;height:16px;stroke:var(--gray-500)}.ticket-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--gray-200);padding-top:1rem}.ticket-date{display:flex;align-items:center;gap:.5rem;color:var(--gray-500);font-size:.9rem}.ticket-date svg{width:16px;height:16px;stroke:var(--gray-500)}.view-ticket{color:var(--primary);font-weight:600;font-size:.95rem;text-decoration:none;transition:all .3s ease}.view-ticket:hover{color:var(--primary-dark)}.ticket-status-badge{position:absolute;top:-.75rem;left:50%;transform:translate(-50%);padding:.25rem 1rem;border-radius:50px;font-size:.8rem;font-weight:500;color:var(--white)}.ticket-status-badge.open{background:var(--info)}.ticket-status-badge.in-progress{background:var(--warning)}.ticket-status-badge.closed{background:var(--success)}.no-tickets{text-align:center;padding:3rem 0;color:var(--gray-500)}.no-tickets svg{width:48px;height:48px;stroke:var(--gray-400);margin-bottom:1rem}.no-tickets p{font-size:1.1rem}.new-ticket-section{background:var(--gray-50);border-radius:1.5rem;padding:2rem;margin-bottom:2rem}.new-ticket-section h2{font-size:1.8rem;margin-bottom:1.5rem;position:relative;display:inline-block}.new-ticket-section h2:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:3px;background:linear-gradient(to right,var(--primary),var(--primary-light));border-radius:2px}.ticket-form{margin-top:2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:1rem;color:var(--gray-700);margin-bottom:.5rem;font-weight:500}.required{color:var(--danger)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:.5rem;font-size:1rem;color:var(--gray-800);background-color:var(--white);transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #16a34a1a}.priority-options{display:flex;align-items:center;gap:1rem}.priority-option{display:flex;align-items:center;gap:.5rem;cursor:pointer}.priority-option input{width:auto}.priority-badge{padding:.25rem .75rem;border-radius:50px;font-size:.9rem}.priority-badge.low{background:var(--gray-100);color:var(--gray-600)}.priority-badge.medium{background:var(--warning-light, #fef3c7);color:var(--warning-dark, #b45309)}.priority-badge.high{background:var(--danger-light, #fee2e2);color:var(--danger)}.file-upload-container{margin-top:.5rem}.file-upload-box{border:2px dashed var(--gray-300);border-radius:.75rem;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background-color:var(--white)}.file-upload-box:hover{border-color:var(--primary);background-color:var(--primary-50)}.file-upload-box svg{width:40px;height:40px;stroke:var(--primary);margin-bottom:1rem}.file-upload-box span{display:block;margin-bottom:.5rem;color:var(--gray-700);font-weight:500}.file-upload-box small{color:var(--gray-500)}.uploaded-files{margin-top:1.5rem;background-color:var(--white);border-radius:.75rem;padding:1.5rem;border:1px solid var(--gray-200)}.uploaded-files h4{font-size:1rem;margin-bottom:1rem;color:var(--gray-700)}.uploaded-files ul{list-style:none;padding:0;margin:0}.uploaded-files li{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:var(--gray-50);border-radius:.5rem;margin-bottom:.75rem;border:1px solid var(--gray-200)}.uploaded-files li:last-child{margin-bottom:0}.file-info{display:flex;align-items:center;gap:.75rem}.file-info svg{width:20px;height:20px;stroke:var(--primary)}.file-info span{font-size:.95rem;color:var(--gray-700);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info small{color:var(--gray-500);font-size:.85rem}.remove-file{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.remove-file:hover{background-color:var(--danger);color:var(--white)}.remove-file svg{width:16px;height:16px}.form-actions{display:flex;gap:1rem;margin-top:2rem}.submit-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;background:var(--primary);color:var(--white);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1}.submit-button:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 10px 20px #16a34a33}.submit-button svg{width:20px;height:20px}.reset-button{background:var(--gray-100);color:var(--gray-700);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:all .3s ease}.reset-button:hover{background:var(--gray-200)}.support-sidebar{display:flex;flex-direction:column;gap:2rem}.online-support-section{background:var(--white);border-radius:1rem;padding:1.5rem;border:1px solid var(--gray-200)}.online-support-section h3{font-size:1.2rem;margin-bottom:1.5rem;position:relative;display:inline-block}.online-support-section h3:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:2px;background:linear-gradient(to right,var(--primary),var(--primary-light));border-radius:2px}.online-supports{display:flex;flex-direction:column;gap:1rem}.support-card{display:flex;align-items:center;gap:1rem;background:var(--gray-50);border-radius:.75rem;padding:1rem;transition:all .3s ease}.support-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000000d}.support-avatar{position:relative;width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0}.support-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.status-indicator{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--white)}.status-indicator.online{background:var(--success)}.status-indicator.busy{background:var(--warning)}.support-info{flex:1}.support-info h4{font-size:1rem;margin-bottom:.25rem}.support-info p{color:var(--gray-500);font-size:.85rem;margin:0}.contact-support{width:35px;height:35px;border-radius:50%;background:var(--primary-50);color:var(--primary);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.contact-support svg{width:18px;height:18px}.contact-support:hover{background:var(--primary);color:var(--white)}.support-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.video-call-btn,.call-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem;border-radius:.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s ease}.video-call-btn{background:var(--primary-50);color:var(--primary);border:1px solid var(--primary-200)}.video-call-btn:hover{background:var(--primary);color:var(--white)}.call-btn{background:var(--gray-50);color:var(--gray-700);border:1px solid var(--gray-200)}.call-btn:hover{background:var(--gray-200)}.video-call-btn svg,.call-btn svg{width:18px;height:18px}.quick-links-section{background:var(--white);border-radius:1rem;padding:1.5rem;border:1px solid var(--gray-200)}.quick-links-section h3{font-size:1.2rem;margin-bottom:1.5rem;position:relative;display:inline-block}.quick-links-section h3:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:2px;background:linear-gradient(to right,var(--primary),var(--primary-light));border-radius:2px}.quick-links{display:flex;flex-direction:column;gap:.75rem}.quick-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--gray-50);border-radius:.5rem;color:var(--gray-700);text-decoration:none;transition:all .3s ease}.quick-link:hover{background:var(--primary-50);color:var(--primary);transform:translate(-5px)}.quick-link svg{width:18px;height:18px}.stats-section{background:var(--white);border-radius:1rem;padding:1.5rem;border:1px solid var(--gray-200)}.stats-section h3{font-size:1.2rem;margin-bottom:1.5rem;position:relative;display:inline-block}.stats-section h3:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:2px;background:linear-gradient(to right,var(--primary),var(--primary-light));border-radius:2px}.stats-container{display:flex;flex-direction:column;gap:1rem}.stat-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--gray-50);border-radius:.75rem}.stat-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.green{background:var(--primary-50);color:var(--primary)}.stat-icon.blue{background:var(--info-light, #e0f2fe);color:var(--info)}.stat-icon.orange{background:var(--secondary-light, #ffedd5);color:var(--secondary)}.stat-icon svg{width:20px;height:20px}.stat-info{flex:1}.stat-value{display:block;font-size:1.1rem;font-weight:700;color:var(--gray-800);line-height:1.2}.stat-label{display:block;font-size:.85rem;color:var(--gray-500)}.monitoring-tab-content{padding:2rem}.monitoring-header{text-align:center;margin-bottom:3rem}.monitoring-header h2{font-size:2rem;margin-bottom:1rem}.section-description{color:var(--gray-600);font-size:1.1rem;max-width:800px;margin:0 auto}.monitoring-grid{display:grid;grid-template-columns:1fr 350px;gap:2rem}.projects-map-section{background:var(--white);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--gray-200)}.map-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.map-filter{padding:.5rem 1rem;background:var(--white);border:1px solid var(--gray-200);border-radius:.5rem;color:var(--gray-700);font-size:.9rem;cursor:pointer;transition:all .3s ease}.map-filter:hover{background:var(--gray-50)}.map-filter.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.map-container{height:400px;background:var(--gray-50);border-radius:.75rem;margin-top:1.5rem;position:relative;overflow:hidden}.iran-map{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:.7}.map-marker{position:absolute;width:24px;height:24px;border-radius:50%;cursor:pointer;box-shadow:0 0 0 4px #ffffff80;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #ffffff80}70%{transform:scale(1);box-shadow:0 0 0 10px #fff0}to{transform:scale(.95);box-shadow:0 0 #fff0}}.marker-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--dark);color:var(--white);padding:.5rem .75rem;border-radius:.5rem;font-size:.85rem;white-space:nowrap;pointer-events:none;opacity:0;transition:all .3s ease}.map-marker:hover .marker-tooltip{opacity:1;bottom:calc(100% + 10px)}.projects-status-section{background:var(--white);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--gray-200)}.status-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.status-filter{padding:.5rem 1rem;background:var(--white);border:1px solid var(--gray-200);border-radius:.5rem;color:var(--gray-700);font-size:.9rem;cursor:pointer;transition:all .3s ease}.status-filter:hover{background:var(--gray-50)}.status-filter.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.projects-table{margin-top:1.5rem;border-radius:.75rem;overflow:hidden;border:1px solid var(--gray-200)}.table-header{display:grid;grid-template-columns:2fr 1fr 2fr 1fr;background:var(--gray-50);padding:1rem;font-weight:600;color:var(--gray-700)}.header-cell{padding:.5rem}.table-body{background:var(--white)}.table-row{display:grid;grid-template-columns:2fr 1fr 2fr 1fr;border-top:1px solid var(--gray-200);transition:all .3s ease}.table-row:hover{background:var(--gray-50)}.body-cell{padding:1rem .5rem;display:flex;align-items:center}.project-name{font-weight:500;color:var(--gray-800)}.status-badge{padding:.25rem .75rem;border-radius:50px;font-size:.85rem;font-weight:500}.status-badge.active{background:var(--info-light, #e0f2fe);color:var(--info)}.status-badge.completed{background:var(--success-light, #dcfce7);color:var(--success)}.status-badge.pending{background:var(--gray-100);color:var(--gray-600)}.progress-bar{width:100%;height:8px;background:var(--gray-200);border-radius:4px;position:relative}.progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(to right,var(--primary),var(--primary-light));border-radius:4px}.progress-text{position:absolute;top:-20px;right:0;font-size:.85rem;font-weight:500;color:var(--gray-700)}.actions{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.action-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .3s ease}.action-btn svg{width:16px;height:16px}.action-btn.view{background:var(--info-light, #e0f2fe);color:var(--info)}.action-btn.edit{background:var(--warning-light, #fef3c7);color:var(--warning)}.action-btn.report{background:var(--primary-50);color:var(--primary)}.action-btn:hover{transform:translateY(-3px)}.sensors-dashboard-section{background:var(--white);border-radius:1rem;padding:1.5rem;border:1px solid var(--gray-200)}.dashboard-filters{display:flex;align-items:center;gap:1rem}.dashboard-select{padding:.5rem 1rem;border:1px solid var(--gray-300);border-radius:.5rem;font-size:.95rem;color:var(--gray-800);background-color:var(--white);outline:none}.dashboard-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #16a34a1a}.sensors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem;margin-top:1.5rem}.sensor-card{background:var(--white);border-radius:1rem;padding:1.5rem;border:1px solid var(--gray-200);text-align:center;transition:all .3s ease}.sensor-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.sensor-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.sensor-icon svg{width:24px;height:24px}.sensor-icon.temperature{background:var(--danger-light, #fee2e2);color:var(--danger)}.sensor-icon.humidity{background:var(--info-light, #e0f2fe);color:var(--info)}.sensor-icon.light{background:var(--warning-light, #fef3c7);color:var(--warning)}.sensor-icon.soil{background:var(--primary-50);color:var(--primary)}.sensor-icon.co2{background:var(--gray-100);color:var(--gray-600)}.sensor-icon.water{background:var(--info-light, #e0f2fe);color:var(--info)}.sensor-info h4{font-size:1rem;margin-bottom:.5rem}.sensor-value{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--gray-800)}.sensor-status{display:inline-block;padding:.25rem .75rem;border-radius:50px;font-size:.85rem;font-weight:500}.sensor-status.normal{background:var(--success-light, #dcfce7);color:var(--success)}.sensor-status.warning{background:var(--warning-light, #fef3c7);color:var(--warning)}.sensor-status.critical{background:var(--danger-light, #fee2e2);color:var(--danger)}.monitoring-sidebar{display:flex;flex-direction:column;gap:2rem}.alerts-section{background:var(--white);border-radius:1rem;padding:1.5rem;border:1px solid var(--gray-200)}.alerts-section h3{font-size:1.2rem;margin-bottom:1.5rem;position:relative;display:inline-block}.alerts-section h3:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:2px;background:linear-gradient(to right,var(--danger),var(--warning));border-radius:2px}.alerts-container{display:flex;flex-direction:column;gap:1rem}.alert-card{background:var(--white);border-radius:.75rem;padding:1rem;display:flex;align-items:flex-start;gap:1rem;border:1px solid var(--gray-200);transition:all .3s ease}.alert-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000000d}.alert-card.critical{border-right:4px solid var(--danger)}.alert-card.warning{border-right:4px solid var(--warning)}.alert-card.info{border-right:4px solid var(--info)}.alert-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert-card.critical .alert-icon{background:var(--danger-light, #fee2e2);color:var(--danger)}.alert-card.warning .alert-icon{background:var(--warning-light, #fef3c7);color:var(--warning)}.alert-card.info .alert-icon{background:var(--info-light, #e0f2fe);color:var(--info)}.alert-icon svg{width:20px;height:20px}.alert-content{flex:1}.alert-content h4{font-size:1rem;margin-bottom:.25rem}.alert-content p{font-size:.9rem;color:var(--gray-600);margin-bottom:.5rem}.alert-time{font-size:.8rem;color:var(--gray-500)}.alert-actions{display:flex;flex-direction:column;gap:.5rem}.alert-action{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border:none;color:var(--gray-600);cursor:pointer;transition:all .3s ease}.alert-action:hover{background:var(--gray-200)}.alert-action svg{width:14px;height:14px}.view-all-alerts{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;padding:.75rem;background:var(--gray-50);border-radius:.5rem;color:var(--gray-700);text-decoration:none;font-size:.95rem;font-weight:500;transition:all .3s ease}.view-all-alerts:hover{background:var(--gray-100)}.view-all-alerts svg{width:18px;height:18px}.system-control-section{background:var(--white);border-radius:1rem;padding:1.5rem;border:1px solid var(--gray-200)}.system-control-section h3{font-size:1.2rem;margin-bottom:1.5rem;position:relative;display:inline-block}.system-control-section h3:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:2px;background:linear-gradient(to right,var(--primary),var(--info));border-radius:2px}.control-container{display:flex;flex-direction:column;gap:1rem}.control-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--gray-50);border-radius:.75rem}.control-label{font-size:.95rem;font-weight:500}.switch{position:relative;display:inline-block;width:50px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--gray-300);transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--primary)}input:focus+.slider{box-shadow:0 0 1px var(--primary)}input:checked+.slider:before{transform:translate(24px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.control-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.control-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem;border-radius:.5rem;font-size:.95rem;font-weight:500;border:none;cursor:pointer;transition:all .3s ease}.control-btn svg{width:18px;height:18px}.control-btn.emergency{background:var(--danger-light, #fee2e2);color:var(--danger)}.control-btn.emergency:hover{background:var(--danger);color:var(--white)}.control-btn.reset{background:var(--gray-100);color:var(--gray-700)}.control-btn.reset:hover{background:var(--gray-300)}.consumption-stats-section{background:var(--white);border-radius:1rem;padding:1.5rem;border:1px solid var(--gray-200)}.consumption-stats-section h3{font-size:1.2rem;margin-bottom:1.5rem;position:relative;display:inline-block}.consumption-stats-section h3:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:2px;background:linear-gradient(to right,var(--info),var(--primary));border-radius:2px}.consumption-chart{background:var(--gray-50);border-radius:.75rem;padding:1.5rem}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.chart-header h4{font-size:1rem;margin:0}.chart-period{display:flex;align-items:center;gap:.5rem}.period-btn{padding:.35rem .75rem;background:var(--white);border:1px solid var(--gray-200);border-radius:.5rem;color:var(--gray-700);font-size:.85rem;cursor:pointer;transition:all .3s ease}.period-btn:hover{background:var(--gray-100)}.period-btn.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.chart-container{height:200px;margin-bottom:1.5rem}.chart-bars{display:flex;align-items:flex-end;justify-content:space-between;height:100%;gap:.5rem}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.chart-bar{width:100%;max-width:30px;background:linear-gradient(to top,var(--info),var(--primary));border-radius:4px 4px 0 0;position:relative;transition:all .3s ease}.chart-bar:hover{transform:scaleY(1.05)}.bar-value{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:.85rem;font-weight:500;color:var(--gray-700)}.bar-label{margin-top:.75rem;font-size:.85rem;color:var(--gray-600);text-align:center}.chart-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--gray-200);padding-top:1rem}.chart-total{display:flex;align-items:center;gap:.5rem}.total-label{font-size:.9rem;color:var(--gray-600)}.total-value{font-size:1rem;font-weight:600;color:var(--gray-800)}.view-details{display:flex;align-items:center;gap:.5rem;color:var(--primary);font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s ease}.view-details:hover{color:var(--primary-dark)}.view-details svg{width:16px;height:16px}.reports-tab-content{padding:2rem}.reports-header{text-align:center;margin-bottom:3rem}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.report-card{background:var(--white);border-radius:1rem;padding:1.5rem;border:1px solid var(--gray-200);transition:all .3s ease}.report-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.report-card.full-width{grid-column:1 / -1}.report-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.report-header h3{font-size:1.2rem;margin:0}.report-period{padding:.35rem .75rem;background:var(--gray-100);border-radius:.5rem;font-size:.85rem;color:var(--gray-700)}.report-content{margin-bottom:1.5rem}.report-chart{height:200px;background:var(--gray-50);border-radius:.75rem;margin-bottom:1.5rem;overflow:hidden}.placeholder-chart{width:100%;height:100%;background-size:cover;background-position:center}.placeholder-chart.water-chart{background-image:url(/images/support/water-chart.svg)}.placeholder-chart.yield-chart{background-image:url(/images/support/yield-chart.svg)}.placeholder-chart.support-chart{background-image:url(/images/support/support-chart.svg)}.placeholder-chart.annual-chart{background-image:url(/images/support/annual-chart.svg)}.report-stats{display:flex;align-items:center;justify-content:space-between}.stat-item{text-align:center}.stat-label{font-size:.9rem;color:var(--gray-600);margin-bottom:.5rem}.stat-value{font-size:1.1rem;font-weight:700;color:var(--gray-800)}.stat-value.positive{color:var(--success)}.stat-value.negative{color:var(--danger)}.report-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--gray-200);padding-top:1rem}.report-link{display:flex;align-items:center;gap:.5rem;color:var(--primary);font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s ease}.report-link:hover{color:var(--primary-dark)}.report-link svg{width:16px;height:16px}.report-download{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--gray-100);border:none;border-radius:.5rem;color:var(--gray-700);font-size:.9rem;cursor:pointer;transition:all .3s ease}.report-download:hover{background:var(--gray-200)}.report-download svg{width:16px;height:16px}.annual-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.stat-group{background:var(--gray-50);border-radius:.75rem;padding:1rem}.stat-group h4{font-size:1rem;margin-bottom:1rem;color:var(--gray-700)}.stats-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.generate-report-section{margin-top:3rem;background:var(--gray-50);border-radius:1rem;padding:2rem}.generate-report-section h3{font-size:1.5rem;margin-bottom:1.5rem}.custom-report-form{max-width:800px;margin:0 auto}.generate-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;background:var(--primary);color:var(--white);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.generate-btn:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 10px 20px #16a34a33}.generate-btn svg{width:20px;height:20px}.knowledge-tab-content{padding:2rem}.knowledge-header{text-align:center;margin-bottom:3rem}.knowledge-categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.category-card{background:var(--white);border-radius:1rem;padding:2rem;border:1px solid var(--gray-200);text-align:center;transition:all .3s ease}.category-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.category-icon{width:70px;height:70px;border-radius:50%;background:var(--primary-50);color:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.category-icon svg{width:35px;height:35px}.category-card h3{font-size:1.2rem;margin-bottom:1rem}.category-card p{color:var(--gray-600);margin-bottom:1.5rem;line-height:1.6}.category-link{display:inline-block;padding:.5rem 1.5rem;background:var(--primary);color:var(--white);border-radius:.5rem;text-decoration:none;font-weight:500;transition:all .3s ease}.category-link:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 5px 15px #16a34a33}.faq-section{margin-bottom:3rem}.faq-section h3{font-size:1.8rem;margin-bottom:2rem;position:relative;display:inline-block}.faq-section h3:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:3px;background:linear-gradient(to right,var(--primary),var(--primary-light));border-radius:2px}.faq-container{display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--white);border-radius:1rem;padding:1.5rem;border:1px solid var(--gray-200)}.faq-question{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.faq-question h4{font-size:1.1rem;margin:0}.toggle-btn{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.toggle-btn:hover{background:var(--gray-100)}.toggle-btn svg{width:20px;height:20px}.faq-answer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-200);color:var(--gray-600);line-height:1.6}.tutorials-section{margin-bottom:3rem}.tutorials-section h3{font-size:1.8rem;margin-bottom:2rem;position:relative;display:inline-block}.tutorials-section h3:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:3px;background:linear-gradient(to right,var(--primary),var(--primary-light));border-radius:2px}.tutorials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.tutorial-card{background:var(--white);border-radius:1rem;overflow:hidden;border:1px solid var(--gray-200);transition:all .3s ease}.tutorial-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.tutorial-image{height:160px;position:relative}.tutorial-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tutorial-badge{position:absolute;top:1rem;right:1rem;background:var(--primary);color:var(--white);padding:.25rem .75rem;border-radius:50px;font-size:.8rem;font-weight:500}.tutorial-content{padding:1.5rem}.tutorial-content h4{font-size:1.1rem;margin-bottom:.75rem;line-height:1.4}.tutorial-content p{color:var(--gray-600);margin-bottom:1.5rem;line-height:1.6;font-size:.95rem}.tutorial-meta{display:flex;align-items:center;justify-content:space-between;color:var(--gray-500);font-size:.85rem}.view-all-container{text-align:center;margin-top:2rem}.view-all-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:var(--primary);color:var(--white);border-radius:.5rem;text-decoration:none;font-weight:600;transition:all .3s ease}.view-all-btn:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 10px 20px #16a34a33}.view-all-btn svg{width:20px;height:20px}.contact-section{background:linear-gradient(#0f172ae6,#0f172af2),url(/images/support/contact-bg.jpg);background-size:cover;background-position:center;color:var(--white);padding:5rem 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.contact-info h2{font-size:2.5rem;color:var(--white);margin-bottom:1.5rem}.contact-info p{font-size:1.1rem;opacity:.9;margin-bottom:3rem;max-width:500px}.contact-methods{display:flex;flex-direction:column;gap:1.5rem}.contact-method{display:flex;align-items:center;gap:1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 2rem;border-radius:1rem;transition:all .3s ease}.contact-method:hover{transform:translateY(-5px);background:#ffffff26}.method-icon{width:50px;height:50px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0}.method-icon svg{width:24px;height:24px;stroke:var(--primary-light)}.method-details h3{font-size:1.2rem;color:var(--white);margin-bottom:.5rem}.method-details p{font-size:1.1rem;opacity:.9;margin:0}.contact-cta{display:flex;align-items:center;justify-content:center}.cta-card{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:2.5rem;border-radius:1.5rem;text-align:center;max-width:450px;transition:all .3s ease}.cta-card:hover{transform:translateY(-5px);background:#ffffff26}.cta-card h3{font-size:1.8rem;color:var(--white);margin-bottom:1.5rem}.cta-card p{font-size:1.1rem;opacity:.9;margin-bottom:2rem}.cta-btn{display:inline-flex;align-items:center;gap:.75rem;background:var(--primary);color:var(--white);border:none;padding:1rem 2rem;border-radius:.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cta-btn:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 10px 20px #16a34a4d}.cta-btn svg{width:24px;height:24px}@media (max-width: 1200px){.support-header h1{font-size:3rem}.support-header .subtitle{font-size:1.3rem}.monitoring-grid,.support-grid{grid-template-columns:1fr}.monitoring-sidebar,.support-sidebar{margin-top:2rem}}@media (max-width: 992px){.support-header h1{font-size:2.5rem}.support-header .subtitle{font-size:1.1rem}.stat-card{min-width:150px}.contact-grid{grid-template-columns:1fr;gap:3rem}}@media (max-width: 768px){.support-header{padding:6rem 0 4rem}.support-header h1{font-size:2.2rem}.support-stats{flex-direction:column;gap:1rem;align-items:stretch}.stat-card{width:100%}.form-row,.annual-stats{grid-template-columns:1fr}.support-tab-content,.monitoring-tab-content,.reports-tab-content,.knowledge-tab-content{padding:1.5rem}}@media (max-width: 576px){.support-header h1{font-size:1.8rem}.search-container{flex-direction:column;gap:1rem;padding:1rem}.search-input{width:100%;text-align:center}.search-btn{width:100%;justify-content:center}.tab-btn{padding:.75rem 1rem;font-size:.9rem}.tab-btn svg{width:16px;height:16px}.reports-grid,.knowledge-categories{grid-template-columns:1fr}.contact-method{flex-direction:column;text-align:center;padding:1.5rem 1rem}.method-details{text-align:center}.cta-card{padding:1.5rem}.cta-card h3{font-size:1.5rem}.cta-card p{font-size:1rem}.cta-btn{padding:.75rem 1.5rem;font-size:1rem}}