body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background-color:#000;box-shadow:0 2px 4px #0000001a;padding:10px 0;width:100%}.navbar-container{display:flex;justify-content:center}.navbar-item,.navbar-item-logout{border-radius:30px;color:#fff;font-size:16px;font-weight:700;padding:14px 20px;text-decoration:none;transition:background-color .3s ease}.navbar-item-logout{background-color:red}.navbar-item-logout:hover{background-color:#ff5d41}.navbar-item:hover{background-color:#0056b3}.popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;padding:20px;text-align:center}.popup p{font-size:16px;margin-bottom:20px}.popup button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin:10 5px;padding:8px 16px;transition:background-color .3s ease}.popup button.yes-button{background-color:#dc3545}.popup button.yes-button:hover{background-color:#c82333}.popup button.no-button:hover{background-color:#0056b3}:root{--gradient-secondary:linear-gradient(135deg,var(--primary-color) 0%,#6366f1 100%)}.profile{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);min-height:100vh;padding:2rem;position:relative}.profile:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.profile-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.profile-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;border-radius:var(--border-radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);display:flex;gap:2rem;margin-bottom:3rem;overflow:hidden;padding:3rem;position:relative}.profile-header:before{content:"";height:6px;left:0;position:absolute;right:0;top:0}.profile-header:before,.profile-logo{background:linear-gradient(135deg,#1e40af,#6366f1);background:var(--gradient-secondary)}.profile-logo{align-items:center;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;justify-content:center;min-height:96px;min-width:96px;padding:1.5rem}.profile-header-content{flex:1 1}.profile-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#6366f1);background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;color:#0f172a;color:var(--gray-900);font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.profile-subtitle{color:#475569;color:var(--gray-600);font-size:1.25rem;font-weight:400;margin:0 0 1rem}.profile-status{align-items:center;border-radius:50px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.75rem;letter-spacing:.05em;padding:.75rem 1.5rem;text-transform:uppercase}.profile-status.online{background:#0596691a;border:1px solid #05966933;color:#059669;color:var(--success-color)}.profile-status.offline{background:#dc26261a;border:1px solid #dc262633;color:#dc2626;color:var(--danger-color)}.status-indicator{border-radius:50%;height:12px;position:relative;width:12px}.status-indicator.status-online{background:#059669;background:var(--success-color);box-shadow:0 0 0 3px #05966933}.status-indicator.status-offline{background:#dc2626;background:var(--danger-color);box-shadow:0 0 0 3px #dc262633}.status-indicator.status-online:after{background:#fff;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.project-overview{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin-bottom:3rem;padding:2.5rem}.section-title{margin:0 0 1.5rem}.project-description{color:#334155;color:var(--gray-700);font-size:1.125rem;line-height:1.7;margin:0}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.info-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.info-card:before{background:linear-gradient(135deg,#1e40af,#6366f1);background:var(--gradient-secondary);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.info-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.info-card:hover:before{transform:scaleX(1)}.info-label{align-items:center;color:#64748b;color:var(--gray-500);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.info-value{color:#0f172a;color:var(--gray-900);font-size:1.25rem;font-weight:600;line-height:1.4;margin:0;word-break:break-word}.info-card.highlight .info-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#6366f1);background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text}.loading-state{border-radius:24px;border-radius:var(--border-radius-lg);min-height:50vh}.no-data{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#475569;color:var(--gray-600);font-size:1.25rem;font-weight:500;padding:4rem 2rem;text-align:center}.info-card,.profile-header,.project-overview{animation:fadeInUp .6s ease-out}.info-card{animation-delay:0s;animation-delay:calc(var(--index, 0)*.1s)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.info-card[data-category=location] .info-label:before{content:"📍";font-size:1rem}.info-card[data-category=capacity] .info-label:before{content:"👥";font-size:1rem}.info-card[data-category=technical] .info-label:before{content:"⚙️";font-size:1rem}.info-card[data-category=contact] .info-label:before{content:"👤";font-size:1rem}.info-card[data-category=contract] .info-label:before{content:"📄";font-size:1rem}.info-card[data-category=maintenance] .info-label:before{content:"🔧";font-size:1rem}.profile-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.stat-card{border-radius:16px;padding:2rem}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#6366f1);background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin:0 0 .5rem}.stat-label{margin:0}.info-card .info-value{position:relative}.info-card[data-category=contact] .info-value,.info-card[data-category=location] .info-value{font-family:Monaco,Menlo,monospace}.info-card:hover .info-value{z-index:10}@media print{.profile{background:#fff!important;padding:1rem!important}.info-card,.profile-header,.project-overview{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:none!important}.profile-logo{background:#1e40af!important}.loading-state{display:none!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.info-card:focus-within{outline:2px solid #1e40af;outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast:high){.profile-header{border:2px solid #0f172a;border:2px solid var(--gray-900)}.info-card{border:1px solid #0f172a;border:1px solid var(--gray-900)}.status-indicator{border:2px solid}}@media (max-width:1024px){.info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.profile{padding:1rem}.profile-header{flex-direction:column;gap:1.5rem;padding:2rem;text-align:center}.profile-title{font-size:2rem}.profile-subtitle{font-size:1.125rem}.project-overview{padding:2rem}.section-title{font-size:1.5rem}.info-grid{gap:1rem;grid-template-columns:1fr}.info-card{padding:1.5rem}}@media (max-width:480px){.profile-header{padding:1.5rem}.profile-title{font-size:1.75rem}.info-card{padding:1.25rem}}body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh}.data-fetcher{background:#0000;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.dashboard-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);margin-bottom:3rem;text-align:center}.dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#6366f1);background:linear-gradient(135deg,var(--primary-color),#6366f1);-webkit-background-clip:text;background-clip:text;color:#0f172a;color:var(--gray-900);font-size:2.5rem}.dashboard-subtitle{color:#475569;color:var(--gray-600);font-size:1.1rem}.filters-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin-bottom:2rem;padding:2rem}.filters{grid-gap:1.5rem;align-items:end;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.filter-group{display:flex;flex-direction:column}.filter-label{color:#334155;color:var(--gray-700);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.filter-select{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:8px;color:#0f172a;color:var(--gray-900);cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.filter-select:focus{border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-select:hover{border-color:#cbd5e1;border-color:var(--gray-300)}.download-section{align-items:center;display:flex;justify-content:center}.download-report-btn{align-items:center;background:linear-gradient(135deg,#059669,#10b981);background:linear-gradient(135deg,var(--success-color),#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.05em;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .2s ease}.download-report-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:1.5rem;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.stat-number{margin:0}.stat-label{margin:.5rem 0 0}.content-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);overflow:hidden}.section-header{background:linear-gradient(135deg,#f8fafc,#fff);background:linear-gradient(135deg,var(--gray-50),#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);padding:1.5rem 2rem}.section-title{font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.task-list{list-style:none;margin:0;padding:0}.task-item{background:#fff;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);overflow:hidden;position:relative;transition:all .2s ease}.task-item:hover{background:#f8fafc;background:var(--gray-50);transform:translateX(4px)}.task-item:last-child{border-bottom:none}.task-content{padding:1.5rem 2rem}.task-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.task-meta{display:flex;flex-direction:column;gap:.25rem}.task-timestamp{align-items:center;color:#64748b;color:var(--gray-500);display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.task-timestamp:before{content:"📅";font-size:1rem}.task-status{align-items:center;background:#059669;background:var(--success-color);border-radius:9999px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.task-title{color:#0f172a;color:var(--gray-900);font-size:1.25rem;font-weight:600;line-height:1.4;margin:0 0 .75rem}.task-description{color:#334155;color:var(--gray-700);font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.task-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn{letter-spacing:.05em;text-transform:uppercase;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#1e40af,#6366f1);background:linear-gradient(135deg,var(--primary-color),#6366f1)}.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:#e2e8f0;background:var(--gray-200);border:1px solid #cbd5e1;border:1px solid var(--gray-300);color:#334155;color:var(--gray-700)}.btn-secondary:hover{background:#cbd5e1;background:var(--gray-300);transform:translateY(-1px)}.view-pdf-button,.view-photo-button{align-items:center;background:linear-gradient(135deg,#1e40af,#6366f1);background:linear-gradient(135deg,var(--primary-color),#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.05em;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .2s ease}.view-pdf-button:hover,.view-photo-button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.view-pdf-button{background:linear-gradient(135deg,#7c3aed,#a855f7)}.view-pdf-button:hover{background:linear-gradient(135deg,#6d28d9,#9333ea)}.view-photo-button{background:linear-gradient(135deg,#d97706,#f59e0b);background:linear-gradient(135deg,var(--warning-color),#f59e0b)}.no-activities{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);padding:4rem 2rem;text-align:center}.no-activities h5{color:#475569;color:var(--gray-600);font-size:1.5rem;font-weight:500;margin:0 0 2rem}.no-record-gif{border-radius:12px;border-radius:var(--border-radius);opacity:.8}.modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:slideIn .3s ease;background:#fff;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:90vw;padding:2rem;position:relative}.close-button{align-items:center;background:#f1f5f9;background:var(--gray-100);border:none;border-radius:50%;color:#475569;color:var(--gray-600);cursor:pointer;display:flex;font-weight:700;height:2.5rem;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:2.5rem}.close-button:hover{background:#e2e8f0;background:var(--gray-200);color:#1e293b;color:var(--gray-800)}.carousel{align-items:center;display:flex;flex-direction:column;gap:1rem}.modal-image{border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);max-height:70vh;max-width:100%}.carousel-container{display:flex;gap:1rem}.carousel-button{align-items:center;background:#1e40af;background:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:3rem;justify-content:center;transition:all .2s ease;width:3rem}.carousel-button:hover{background:#1d4ed8;background:var(--primary-hover);transform:scale(1.1)}.loading-state{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loading-spinner{border-top:3px solid #1e40af;height:3rem;width:3rem}.loading-text{color:#475569;color:var(--gray-600);font-size:1.1rem;font-weight:500}.pdf-modal-content{animation:slideIn .3s ease;background:#fff;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:95vh;max-height:900px;max-width:1200px;position:relative;width:95vw}.pdf-modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);background:linear-gradient(135deg,var(--gray-50),#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.5rem 2rem}.pdf-modal-title{align-items:center;color:#0f172a;color:var(--gray-900);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.pdf-modal-actions{align-items:center;display:flex;gap:1rem}.btn-download-pdf{align-items:center;background:linear-gradient(135deg,#059669,#10b981);background:linear-gradient(135deg,var(--success-color),#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.05em;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .2s ease}.btn-download-pdf:hover{background:linear-gradient(135deg,#047857,#059669);background:linear-gradient(135deg,#047857,var(--success-color));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pdf-preview-container{background:#f8fafc;background:var(--gray-50);flex:1 1;overflow:hidden;padding:1rem}.pdf-iframe{background:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}@media (max-width:768px){.data-fetcher{padding:1rem}.dashboard-header{margin-bottom:2rem;padding:1.5rem}.dashboard-title{font-size:2rem}.filters{gap:1rem;grid-template-columns:1fr}.stats-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.task-header{gap:1rem}.task-actions,.task-header{flex-direction:column}.btn{justify-content:center}.pdf-modal-content{border-radius:8px;height:98vh;width:98vw}.pdf-modal-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.pdf-modal-actions{justify-content:space-between}.pdf-modal-title{font-size:1.1rem;text-align:center}.btn-download-pdf{flex:1 1;justify-content:center;max-width:200px}.pdf-preview-container{padding:.5rem}}.welcome-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100vh;margin-top:60px}.loading-animation{text-align:center}.loading-animation img{height:150px;width:150px}.loading-text{color:#333;font-size:24px;font-weight:700;margin-top:20px}.dot{animation:blink 1.5s step-end infinite}.dot:nth-child(2){animation-delay:.5s}.dot:nth-child(3){animation-delay:1s}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.div-vision{align-items:center;background-color:#f7f9fc;border-radius:10px;box-shadow:0 4px 10px #0000001a;justify-content:center;margin:0 auto;max-width:100%;padding:20px}.div-vision h3{color:#333;font-family:Arial,sans-serif;margin-bottom:20px;text-align:center}.div-vision h4{color:#555;font-family:Arial,sans-serif;font-size:16px}form{background-color:#f5f5f5!important;border-radius:10px}form div{margin-bottom:20px}label{color:#333;font-size:14px;font-weight:700}input[type=text],select,textarea{border:1px solid #ccc;border-radius:5px;font-size:14px;margin-top:5px;padding:10px;width:100%}textarea{height:200px}input[type=file]{border:none}.addtask-button,.update-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 15px;text-align:center;transition:background-color .3s}.addtask-button:hover,.update-button:hover{background-color:#45a049}button:disabled,button[disabled]{background-color:#ccc;cursor:not-allowed}button[type=button]{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 12px;transition:background-color .3s}button[type=button]:hover{background-color:#0056b3}button.delete-photo{background-color:#fff;border:none;border-radius:4px;color:red;cursor:pointer;font-size:16px}button.delete-photo:hover{background-color:#f8d7da}div[style*="flex-direction: column"]{margin-bottom:15px}input[type=file]+button{margin-left:10px}.alert{color:red;font-size:14px;margin-top:10px}.title,.title_task{color:#000}.report-container{font-family:Arial,sans-serif;margin:auto;max-width:800px;padding:20px}h1,h2{color:#333;margin-top:20px}.report-table{border-collapse:collapse;margin-bottom:20px;width:100%}.report-table td,.report-table th{word-wrap:break-word;border:1px solid #ddd;max-width:10px;overflow-wrap:break-word;padding:8px;text-align:left;vertical-align:top;white-space:pre-wrap;width:10px}.report-table th{background-color:#f2f2f2;color:#333;font-weight:700}.report-table td{background-color:#fafafa}.report-table td,.report-table th{padding:10px}.report-table tr:hover{background-color:#e9f5ff}.report-table td:focus{border:1px solid #007bff;outline:none}.report-container h2{color:#444;font-size:1.2em;margin-bottom:10px;margin-top:30px}textarea{word-wrap:break-word;border:1px solid #ccc;font-size:14px;height:100px;min-height:2px;overflow-wrap:break-word;padding:4px;resize:vertical;white-space:pre-wrap;width:100%}.json-display{background-color:#f4f4f4;border-radius:5px;font-family:monospace;margin-top:20px;padding:10px;white-space:pre-wrap}.card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:space-between;margin:16px;padding:16px;transition:transform .2s,box-shadow .2s;width:calc(33% - 32px)}.card:hover{box-shadow:0 8px 12px #0003;transform:scale(1.05)}.card-title{color:#333;font-size:18px;font-weight:700;margin-bottom:8px}.card-content{color:#666;font-size:14px;line-height:1.5}.card-button{align-self:flex-start;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:8px;padding:8px 12px;text-align:center;text-decoration:none;transition:background-color .3s}.card-button:hover{background-color:#0056b3}.upload-container{align-items:center;background-color:#f9f9f9;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:center}h1{color:#333;font-size:2rem;margin-bottom:20px}.file-input{border:2px dashed #007bff;border-radius:5px;font-size:1rem;margin-bottom:15px;max-width:400px;outline:none;padding:10px;width:80%}.file-input:hover{border-color:#0056b3}.upload-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s;width:30%}.upload-button:hover{background-color:#0056b3}.file-name{color:#555;font-size:1rem;margin-top:10px}:root{--primary-color:#2563eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--border-radius:12px;--border-radius-lg:16px;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.dashboard-wrapper{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%);min-height:100vh;padding:2rem 1rem}.chart-container{animation:fadeIn .5s ease-out;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);margin:0 auto;max-width:1400px;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.dashboard-header{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);border-radius:16px 16px 0 0;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;color:#fff;color:var(--white);margin:-1px -1px 0;padding:2rem}.dashboard-title{font-size:2rem;font-weight:700;letter-spacing:-.025em;margin:0 0 .5rem}.dashboard-subtitle{font-size:1rem;font-weight:400;margin:0;opacity:.9}.controls-bar{background:#f8fafc;background:var(--gray-50);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);flex-wrap:wrap;justify-content:space-between;padding:1.5rem 2rem}.admin-controls,.controls-bar{align-items:center;display:flex;gap:1rem}.btn{align-items:center;border:none;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary{background:#2563eb;background:var(--primary-color);color:#fff;color:var(--white)}.btn-primary:hover{background:#1d4ed8;background:var(--primary-hover)}.btn-success{background:#059669;background:var(--success-color)}.btn-secondary,.btn-success{color:#fff;color:var(--white)}.btn-secondary{background:#475569;background:var(--gray-600)}.btn-secondary:hover{background:#334155;background:var(--gray-700)}.btn-danger{background:#dc2626;background:var(--danger-color);color:#fff;color:var(--white)}.btn-ghost{background:#f1f5f9;background:var(--gray-100);border:1px solid #cbd5e1;border:1px solid var(--gray-300);color:#334155;color:var(--gray-700)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn:disabled:hover{box-shadow:0 1px 2px 0 #0000000d!important;box-shadow:var(--shadow-sm)!important;transform:none!important}.year-selector{align-items:center;display:flex;gap:.75rem}.year-selector label{color:#334155;color:var(--gray-700);font-size:.875rem;font-weight:600}.year-selector select{-webkit-appearance:none;appearance:none;background-color:#f5f7fa;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:16px;border:1px solid #0000001f;border-radius:6px;color:#333;cursor:pointer;font-size:.95rem;padding:.5rem 2rem .5rem .75rem;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.year-selector select:focus,.year-selector select:hover{background-color:#eef2f8;border-color:#36a2eb80;outline:none}.year-selector select:focus{box-shadow:0 0 0 2px #36a2eb40}.status-message{align-items:center;background:#f1f5f9;background:var(--gray-100);border-left:4px solid #94a3b8;border-left:4px solid var(--gray-400);border-radius:0 8px 8px 0;color:#475569;color:var(--gray-600);display:flex;font-style:italic;gap:.5rem;margin:1rem 2rem;padding:.75rem 1rem}.chart-title{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-align:center}.chart-section{animation:slideIn .3s ease-out;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);padding:2rem}.chart-section:last-child{border-bottom:none}.post-header{justify-content:space-between;margin-bottom:2rem}.post-header,.post-title{align-items:center;display:flex}.post-title{color:#0f172a;color:var(--gray-900);font-size:1.5rem;font-weight:700;gap:.5rem;margin:0}.post-badge{background:#2563eb;background:var(--primary-color);border-radius:20px;color:#fff;color:var(--white);font-size:.875rem;font-weight:600;padding:.25rem .75rem}.chart-wrapper{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);height:400px;margin-bottom:2rem;padding:1.5rem}.data-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.data-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.data-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.data-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.failure-type{color:#0f172a;color:var(--gray-900);font-size:1.1rem;font-weight:700}.data-values{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.value-item{text-align:center}.value-label{color:#64748b;color:var(--gray-500);display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.value-number{color:#0f172a;color:var(--gray-900);display:block;font-size:1.5rem;font-weight:700}.entrance-value{color:#2563eb;color:var(--primary-color)}.exit-value{color:#dc2626;color:var(--danger-color)}.form-input{background:#fff;background:var(--white);border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:6px;font-size:.875rem;padding:.5rem .75rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-input:focus{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.input-group{display:flex;flex-direction:column;gap:.25rem}.input-label{color:#334155;color:var(--gray-700);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.add-issue-form{background:#f8fafc;background:var(--gray-50);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius);margin-top:1rem;padding:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr;margin-bottom:1rem}.form-actions{display:flex;gap:.75rem;justify-content:flex-end}.loading-container{align-items:center;color:#64748b;color:var(--gray-500);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-top:3px solid #2563eb;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.dashboard-wrapper{padding:1rem}.controls-bar{align-items:flex-start;flex-direction:column}.data-cards,.form-row{grid-template-columns:1fr}.dashboard-title{font-size:1.5rem}.chart-section{padding:1rem}}@media (max-width:480px){.btn{font-size:.8rem;padding:.5rem 1rem}.post-header{align-items:flex-start;flex-direction:column;gap:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.btn:focus,.form-input:focus,.form-select:focus{outline:2px solid #2563eb;outline:2px solid var(--primary-color);outline-offset:2px}@media print{.dashboard-wrapper{background:#fff!important;padding:0!important}.add-issue-form,.btn,.controls-bar,.update-section{display:none!important}.chart-container{border:1px solid #000!important;box-shadow:none!important}}.file-browser{background-color:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:20px auto auto;max-width:600px;padding:16px;width:100%}.file-browser h2{border-bottom:2px solid #3498db;color:#2c3e50;font-size:22px;margin-bottom:16px;padding-bottom:6px;text-align:center}.folder{margin-left:12px}.folder-label{align-items:center;color:#2980b9;cursor:pointer;display:flex;font-weight:500;gap:6px;margin-top:6px;transition:color .2s;word-break:break-word}.folder-label:hover{color:#1abc9c}.folder-content{border-left:1px dashed #ccc;margin-left:20px;padding-left:12px}.file{color:#555;margin-left:26px;padding:4px 0;word-break:break-word}@media (max-width:480px){.file-browser{font-size:14px;padding:12px}.file-browser h2{font-size:18px}.file,.folder-label{margin-left:10px}.folder-content{margin-left:16px;padding-left:8px}}:root{--primary-color:#1e40af;--primary-hover:#1d4ed8;--secondary-color:#64748b;--success-color:#059669;--warning-color:#d97706;--danger-color:#dc2626;--purple-color:#7c3aed;--indigo-color:#6366f1;--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:#fff;--border-radius:16px;--border-radius-lg:24px;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,var(--primary-color) 0%,var(--indigo-color) 100%);--gradient-purple:linear-gradient(135deg,var(--purple-color) 0%,var(--indigo-color) 100%)}*{box-sizing:border-box}.guide{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);min-height:100vh;padding:2rem;position:relative}.guide:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.guide-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.guide-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;border-radius:var(--border-radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);display:flex;gap:2rem;justify-content:space-between;margin-bottom:3rem;overflow:hidden;padding:3rem;position:relative}.guide-header:before{background:linear-gradient(135deg,#1e40af,#6366f1);background:var(--gradient-secondary);content:"";height:6px;left:0;position:absolute;right:0;top:0}.header-content{flex:1 1}.guide-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#6366f1);background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;color:#0f172a;color:var(--gray-900);font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.guide-subtitle{color:#475569;color:var(--gray-600);font-size:1.25rem;font-weight:400;line-height:1.6;margin:0}.header-stats{display:flex;gap:2rem}.stat-item{background:#ffffffb3;border-radius:16px;border-radius:var(--border-radius);min-width:100px;padding:1rem;text-align:center}.stat-number{color:#1e40af;color:var(--primary-color);display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#475569;color:var(--gray-600);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.search-filter-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin-bottom:3rem;padding:2rem}.search-box{margin-bottom:2rem;position:relative}.search-icon{color:#94a3b8;color:var(--gray-400);height:1.25rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:1.25rem}.search-input{background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:16px;border-radius:var(--border-radius);font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 0 0 3px #1e40af1a;outline:none}.filter-categories{display:flex;flex-wrap:wrap;gap:.75rem}.category-btn{align-items:center;background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--gray-200);border-radius:50px;color:#334155;color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.category-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#1e40af;color:var(--primary-color);transform:translateY(-2px)}.category-btn.active,.category-btn:hover{border-color:#1e40af;border-color:var(--primary-color)}.category-btn.active{background:linear-gradient(135deg,#1e40af,#6366f1);background:var(--gradient-secondary);color:#fff;color:var(--white)}.category-btn.active,.quick-start-section{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.quick-start-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;border-radius:var(--border-radius-lg);margin-bottom:3rem;padding:2.5rem}.section-title{color:#0f172a;color:var(--gray-900);font-size:1.75rem;font-weight:700;gap:.75rem;margin:0 0 2rem}.section-title:before{background:linear-gradient(135deg,#1e40af,#6366f1);background:var(--gradient-secondary);border-radius:2px;content:"";height:2rem;width:4px}.quick-start-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.quick-start-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--border-radius);overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.quick-start-card:before{background:linear-gradient(135deg,#7c3aed,#6366f1);background:var(--gradient-purple);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.quick-start-card:hover{border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.quick-start-card:hover:before{transform:scaleX(1)}.card-icon{align-items:center;background:linear-gradient(135deg,#1e40af,#6366f1);background:var(--gradient-secondary);border-radius:50%;color:#fff;color:var(--white);display:inline-flex;height:4rem;justify-content:center;margin-bottom:1.5rem;width:4rem}.quick-start-card h3{color:#0f172a;color:var(--gray-900);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.quick-start-card p{color:#475569;color:var(--gray-600);line-height:1.6;margin:0 0 1.5rem}.quick-btn{background:linear-gradient(135deg,#1e40af,#6366f1);background:var(--gradient-secondary);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .2s ease}.quick-btn:hover{transform:translateY(-2px)}.quick-btn:hover,.tutorials-section{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.tutorials-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;border-radius:var(--border-radius-lg);margin-bottom:3rem;padding:2.5rem}.tutorials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.tutorial-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .3s ease}.tutorial-card:hover{border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.tutorial-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.5rem}.tutorial-icon{align-items:center;background:linear-gradient(135deg,#1e40af,#6366f1);background:var(--gradient-secondary);border-radius:50%;color:#fff;color:var(--white);display:flex;height:3rem;justify-content:center;width:3rem}.tutorial-meta{display:flex;gap:.75rem}.difficulty-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.difficulty-beginner{background:#0596691a;border:1px solid #05966933;color:#059669;color:var(--success-color)}.difficulty-intermediate{background:#d977061a;border:1px solid #d9770633;color:#d97706;color:var(--warning-color)}.difficulty-advanced{background:#dc26261a;border:1px solid #dc262633;color:#dc2626;color:var(--danger-color)}.duration-badge{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:20px;color:#6366f1;color:var(--indigo-color);display:flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .75rem}.tutorial-content{padding:1.5rem}.tutorial-title{color:#0f172a;color:var(--gray-900);font-size:1.25rem;font-weight:600;line-height:1.4;margin:0 0 1rem}.tutorial-description{color:#475569;color:var(--gray-600);line-height:1.6;margin:0 0 1.5rem}.tutorial-actions{justify-content:space-between;margin-bottom:1rem}.expand-btn,.tutorial-actions{align-items:center;display:flex}.expand-btn{background:none;border:none;color:#1e40af;color:var(--primary-color);cursor:pointer;font-size:.875rem;font-weight:600;gap:.5rem;transition:all .2s ease}.expand-btn:hover{color:#1d4ed8;color:var(--primary-hover)}.start-btn{align-items:center;background:linear-gradient(135deg,#1e40af,#6366f1);background:var(--gradient-secondary);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.start-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.tutorial-steps{animation:expandIn .3s ease;background:#f8fafc;background:var(--gray-50);border-radius:16px;border-radius:var(--border-radius);margin-top:1rem;padding:1.5rem}@keyframes expandIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tutorial-steps h4{color:#0f172a;color:var(--gray-900);font-size:1rem;font-weight:600;margin:0 0 1rem}.steps-list{list-style:none;margin:0;padding:0}.step-item{align-items:flex-start;color:#334155;color:var(--gray-700);display:flex;gap:.75rem;line-height:1.6;padding:.5rem 0}.step-icon{color:#059669;color:var(--success-color);flex-shrink:0;height:1.25rem;margin-top:.125rem;width:1.25rem}.help-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);padding:3rem;text-align:center}.help-title{color:#0f172a;color:var(--gray-900);font-size:2rem;font-weight:700;margin:0 0 1rem}.help-description{color:#475569;color:var(--gray-600);font-size:1.125rem;line-height:1.6;margin:0 0 2rem}.help-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.contact-btn,.faq-btn{border:none;border-radius:16px;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:600;min-width:180px;padding:1rem 2rem;transition:all .2s ease}.contact-btn{background:linear-gradient(135deg,#1e40af,#6366f1);background:var(--gradient-secondary);color:#fff;color:var(--white)}.contact-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.faq-btn{background:#fff;background:var(--white);border:2px solid #cbd5e1;border:2px solid var(--gray-300);color:#334155;color:var(--gray-700)}.faq-btn:hover{border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#1e40af;color:var(--primary-color);transform:translateY(-2px)}@media (max-width:1024px){.tutorials-grid{grid-template-columns:1fr}.quick-start-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.guide{padding:1rem}.guide-header{flex-direction:column;padding:2rem;text-align:center}.header-stats{flex-wrap:wrap;gap:1rem;justify-content:center}.guide-title{font-size:2rem}.guide-subtitle{font-size:1.125rem}.help-section,.quick-start-section,.search-filter-section,.tutorials-section{padding:2rem}.section-title{font-size:1.5rem}.filter-categories{justify-content:center}.category-btn{font-size:.8rem;padding:.5rem 1rem}.tutorial-actions{flex-direction:column;gap:1rem}.help-actions{align-items:center;flex-direction:column}}@media (max-width:480px){.guide-header{padding:1.5rem}.guide-title{font-size:1.75rem}.quick-start-grid{grid-template-columns:1fr}.card-icon{height:3rem;width:3rem}.tutorial-header{flex-direction:column;gap:1rem;text-align:center}}.guide-maintenance{align-items:center;background-color:#f8f9fa;display:flex;height:80vh;justify-content:center;text-align:center}.maintenance-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 16px #0000000d;max-width:500px;padding:2rem}.maintenance-container h1{color:#f39c12;font-size:2rem;margin-bottom:1rem}.maintenance-container p{color:#555;font-size:1.1rem}.guideline-container{background:#f9f9f9;border-radius:12px;box-shadow:0 4px 12px #0000001a;font-family:Arial,sans-serif;margin:40px auto;max-width:800px;padding:20px}.guideline-title{color:#333;font-size:28px;margin-bottom:10px;text-align:center}.guideline-description{color:#555;font-size:16px;margin-bottom:30px;text-align:center}.section{background:#fff;border-left:4px solid #0073e6;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:30px;padding:20px}.section-header{border-bottom:1px solid #e0e0e0;margin-bottom:15px;padding-bottom:10px}.section-title{align-items:center;color:#333;display:flex;font-size:20px;gap:8px;margin:0 0 5px}.section-icon{font-size:22px}.section-description{color:#666;font-size:14px;font-style:italic;margin:0}.pdf-list{list-style:none;margin:0;padding:0}.pdf-item{background:#f8f9fa;border-radius:6px;margin:8px 0;padding:8px 12px;transition:background-color .2s}.pdf-item:hover{background:#e9ecef}.pdf-link{align-items:center;color:#0073e6;display:flex;font-size:16px;gap:8px;text-decoration:none;transition:color .3s}.pdf-link:hover{color:#005bb5;text-decoration:underline}.section:nth-child(3){border-left-color:#28a745}.section:nth-child(4){border-left-color:#ffc107}.section:nth-child(5){border-left-color:#17a2b8}.section:nth-child(6){border-left-color:#6f42c1}.section:nth-child(7){border-left-color:#dc3545}.section:nth-child(8){border-left-color:#6c757d}.pdf-preview-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.pdf-preview-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;height:90%;max-height:800px;max-width:1200px;width:90%}.pdf-preview-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:15px 20px}.pdf-preview-title{color:#333;font-size:18px;font-weight:600;margin:0}.pdf-close-button{align-items:center;background:#ff4757;border:none;border-radius:6px;box-shadow:0 2px 4px #ff47574d;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.pdf-close-button:hover{background:#ff3742;box-shadow:0 4px 8px #ff475766;transform:scale(1.05)}.pdf-preview-content{flex:1 1;overflow:hidden;padding:0}.pdf-iframe{border:none;height:100%;width:100%}.pdf-preview-actions{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e0e0e0;padding:15px 20px;text-align:center}.pdf-download-link{align-items:center;background:#0073e6;border-radius:6px;color:#fff;display:inline-flex;font-size:14px;gap:8px;padding:8px 16px;text-decoration:none;transition:background-color .2s}.pdf-download-link:hover{background:#005bb5;color:#fff}.pdf-link{cursor:pointer}@media (max-width:768px){.guideline-container{margin:20px;padding:15px}.section{padding:15px}.section-title{font-size:18px}.pdf-link{font-size:15px}.pdf-preview-overlay{padding:10px}.pdf-preview-container{height:95%;width:95%}.pdf-preview-header{padding:12px 15px}.pdf-preview-title{font-size:16px}.pdf-close-button{font-size:20px}.pdf-preview-actions{padding:12px 15px}}h2{color:#f5f5f5}.login-container{align-items:center;background-color:#1c1c1f;display:flex;flex-direction:column;justify-content:top;min-height:calc(100vh - 60px);padding-top:20px}.logo-container{margin-bottom:20px}.logo{display:block;height:auto;margin:0 auto;width:100px}label{color:#f5f5f5}form{background:#242446;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;padding:20px;width:300px}label{color:#000;margin-bottom:10px}input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;margin-bottom:20px;margin-top:5px}button,input{padding:10px;width:100%}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer}button:hover{background-color:#0056b3}.error-message{color:red;margin-bottom:10px;margin-top:-10px}.additional-buttons{display:flex;flex-direction:column;margin-top:20px}.contact-support-button,.forgot-token-button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px;text-align:center;width:100%}.forgot-token-button{color:#f5f5f5;-webkit-text-decoration:italic;text-decoration:italic}.forgot-token-button,.forgot-token-button:hover{background-color:#1c1c1f}.contact-support-button{background-color:#25d366}.contact-support-button:hover{background-color:#1ebe57}.App{background-color:#f8f9fa;box-sizing:border-box;font-family:Arial,sans-serif;margin:0;min-height:100vh;padding:0}
/*# sourceMappingURL=main.002ebca6.css.map*/