@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn 0.3s ease-out}:root{--hazul-primary:#0284c7;--hazul-primary-hover:#0369a1;--hazul-secondary:#f1f5f9;--hazul-accent:#f97316;--hazul-text:#1e293b;--hazul-border:#e2e8f0;--hazul-success:#10b981;--hazul-error:#ef4444}html{scroll-behavior:smooth}.category-card{transition:all 0.2s ease-in-out}.category-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.05)}.accordion-header{cursor:pointer;transition:background-color 0.2s}.accordion-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease-out}.accordion-content.open{max-height:2000px}.glass-panel{background:rgba(255,255,255,0.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.progress-bar{height:5px;background:var(--hazul-primary);transition:width 0.4s ease}.form-input:focus{border-color:var(--hazul-primary);box-shadow:0 0 0 3px rgba(2,132,199,0.2)}.custom-radio{appearance:none;width:1.2rem;height:1.2rem;border:2px solid var(--hazul-border);border-radius:50%;outline:none;transition:all 0.2s}.custom-radio:checked{border-color:var(--hazul-primary);background-color:var(--hazul-primary);box-shadow:inset 0 0 0 3px white}.bg-pattern{background-color:#f8fafc;background-image:radial-gradient(#e0f2fe 1px,transparent 1px);background-size:30px 30px}.sticky-sidebar{position:sticky;top:100px}.status-pill{display:inline-flex;border-radius:9999px;font-size:0.75rem;font-weight:500;padding:0.25rem 0.75rem}.status-not-configured{background-color:#f3f4f6;color:#6b7280}.status-in-progress{background-color:#eff6ff;color:#3b82f6}.status-configured{background-color:#ecfdf5;color:#10b981}.summary-card{box-shadow:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -1px rgba(0,0,0,0.03);transition:box-shadow 0.3s ease}.summary-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -2px rgba(0,0,0,0.05)}body{background-color:gray;background-image:linear-gradient(rgba(235,245,255,0.5) 1px,transparent 1px),linear-gradient(90deg,rgba(235,245,255,0.5) 1px,transparent 1px);background-size:50px 50px;background-position:center}.window-card{background:white;backdrop-filter:blur(5px);border-radius:12px;overflow:hidden;box-shadow:0 20px 50px -12px rgba(0,0,0,0.08),0 0 0 1px rgba(0,0,0,0.02);position:relative}.window-top-edge{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0.5) 100%);z-index:10}.glass-reflection{position:absolute;top:0;right:0;bottom:0;width:70%;background:linear-gradient(135deg,rgba(255,255,255,0) 40%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.2) 55%,rgba(255,255,255,0.1) 60%,rgba(255,255,255,0) 70%);pointer-events:none;z-index:1}.window-light{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(255,255,255,0.03) 0%,rgba(245,250,255,0.07) 100%);z-index:3}.content-area{position:relative;z-index:5}.logo-container{position:relative;display:inline-block}.logo-container::after{content:'';position:absolute;left:15%;right:15%;bottom:-6px;height:1px;background:#38bdf8;opacity:0.5}.logout-icon{width:56px;height:56px;margin:0 auto 1.5rem;color:#94a3b8;opacity:0.7}.button{display:inline-flex;align-items:center;justify-content:center;font-weight:500;font-size:0.9rem;padding:0.6rem 1.2rem;border-radius:6px;transition:all 0.2s ease}.button:hover{transform:translateY(-1px)}.button-secondary{background:rgba(248,250,252,0.8);color:#64748b;border:1px solid rgba(226,232,240,0.8);box-shadow:0 1px 2px rgba(0,0,0,0.03)}.button-secondary:hover{background:rgba(255,255,255,1);color:#0f172a;box-shadow:0 4px 8px -2px rgba(0,0,0,0.05)}.button-danger{background:rgba(239,68,68,0.03);color:#ef4444;border:1px solid rgba(239,68,68,0.15);box-shadow:0 1px 2px rgba(0,0,0,0.03)}.button-danger:hover{background:rgba(239,68,68,0.08);box-shadow:0 4px 8px -2px rgba(239,68,68,0.1)}body{background-color:#f8fafc;background-image:radial-gradient(#e0f2fe 1px,transparent 1px);background-size:30px 30px}.window-card{background:white;backdrop-filter:blur(5px);border-radius:10px;overflow:hidden;box-shadow:0 10px 40px -5px rgba(0,0,0,0.1),0 0 0 1px rgba(0,0,0,0.05);position:relative}.window-top-edge{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0.5) 100%);z-index:10}.glass-reflection{position:absolute;top:0;right:0;bottom:0;width:70%;background:linear-gradient(135deg,rgba(255,255,255,0) 40%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.2) 55%,rgba(255,255,255,0.1) 60%,rgba(255,255,255,0) 70%);pointer-events:none;z-index:1}.content-area{position:relative;z-index:5}.logo-container{position:relative;display:inline-block}.logo-container::after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:2px;background:#38bdf8;transform:scaleX(0.7);opacity:0.6}.google-btn{display:flex;align-items:center;justify-content:center;background:white;color:#3c4043;border:1px solid #dadce0;border-radius:4px;font-weight:500;box-shadow:0 1px 3px rgba(0,0,0,0.08);transition:all 0.2s ease}.google-btn:hover{background:#f8f9fa;box-shadow:0 2px 4px rgba(0,0,0,0.12)}body{background-color:#f8fafc;background-image:linear-gradient(rgba(235,245,255,0.5) 1px,transparent 1px),linear-gradient(90deg,rgba(235,245,255,0.5) 1px,transparent 1px);background-size:50px 50px;background-position:center}.window-card{background:white;backdrop-filter:blur(5px);border-radius:12px;overflow:hidden;box-shadow:0 20px 50px -12px rgba(0,0,0,0.08),0 0 0 1px rgba(0,0,0,0.02);position:relative}.window-top-edge{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0.5) 100%);z-index:10}.glass-reflection{position:absolute;top:0;right:0;bottom:0;width:70%;background:linear-gradient(135deg,rgba(255,255,255,0) 40%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.2) 55%,rgba(255,255,255,0.1) 60%,rgba(255,255,255,0) 70%);pointer-events:none;z-index:1}.window-cracked{position:absolute;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(0.7px);background-image:linear-gradient(45deg,rgba(255,255,255,0.05) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,0.05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,0.05) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,0.05) 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px;opacity:0.5;z-index:3}.content-area{position:relative;z-index:5}.logo-container{position:relative;display:inline-block}.logo-container::after{content:'';position:absolute;left:15%;right:15%;bottom:-6px;height:1px;background:#38bdf8;opacity:0.5}.server-error-icon{width:60px;height:60px;margin:0 auto 0;color:#94a3b8;opacity:0.7}.button{display:inline-flex;align-items:center;justify-content:center;background:rgba(248,250,252,0.8);color:#64748b;border:1px solid rgba(226,232,240,0.8);border-radius:6px;font-weight:500;font-size:0.9rem;padding:0.6rem 1.2rem;box-shadow:0 1px 2px rgba(0,0,0,0.03);transition:all 0.2s ease}.button:hover{background:rgba(255,255,255,1);color:#0f172a;box-shadow:0 4px 8px -2px rgba(0,0,0,0.05);transform:translateY(-1px)}.button-primary{background:rgba(59,130,246,0.05);color:#3b82f6;border-color:rgba(59,130,246,0.2)}.button-primary:hover{background:rgba(59,130,246,0.1);color:#2563eb}.not-found-icon{width:60px;height:60px;margin:0 auto 1.5rem;color:#94a3b8;opacity:0.7}.back-button{display:inline-flex;align-items:center;justify-content:center;background:rgba(248,250,252,0.8);color:#64748b;border:1px solid rgba(226,232,240,0.8);border-radius:6px;font-weight:500;font-size:0.9rem;padding:0.6rem 1.2rem;box-shadow:0 1px 2px rgba(0,0,0,0.03);transition:all 0.2s ease}.back-button:hover{background:rgba(255,255,255,1);color:#0f172a;box-shadow:0 4px 8px -2px rgba(0,0,0,0.05);transform:translateY(-1px)}.toast-container{z-index:9999;position:fixed;display:flex;flex-direction:column;gap:0.75rem;min-width:300px;max-width:24rem}.toast-container.top-right{top:1rem;right:1rem}.toast-container.top-center{top:1rem;left:50%;transform:translateX(-50%)}.toast-container.bottom-right{bottom:1rem;right:1rem}.toast-container.bottom-center{bottom:1rem;left:50%;transform:translateX(-50%)}.toast{background-color:white;border-radius:0.375rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);border-left-width:4px;overflow:hidden;display:flex;align-items:flex-start;width:100%;transition:opacity 0.3s ease,transform 0.3s ease}.toast.toast-hidden{opacity:0;transform:translateY(-1rem)}.toast.toast-visible{opacity:1;transform:translateY(0)}.toast-content{display:flex;align-items:flex-start;padding:1rem;width:100%}.toast-icon{flex-shrink:0;margin-right:0.75rem;font-size:1.125rem}.toast-message{flex-grow:1;margin-right:0.5rem;font-weight:500;color:#1f2937}.toast-close{flex-shrink:0;margin-left:auto;color:#9ca3af;border-radius:9999px;padding:0.25rem;background:transparent;border:none;cursor:pointer;transition:background-color 0.2s ease,color 0.2s ease}.toast-close:hover{color:#4b5563;background-color:#f3f4f6}.toast-close:focus{outline:none}.toast-success{border-left-color:#3b82f6}.toast-success .toast-icon{color:#3b82f6}.toast-info{border-left-color:#3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-warning{border-left-color:#f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-error{border-left-color:#ef4444}.toast-error .toast-icon{color:#ef4444}.print-only{display:none}.screen-only{display:block}@media print{body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;font-size:10pt;background-image:none}.container{width:100%!important;padding:0!important;margin:0!important;box-shadow:none!important}.screen-only,.screen-only *{display:none!important}.print-only{display:block!important}.print-page-break{page-break-after:always}.print-break-before{page-break-before:always}.print-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.print-table th,.print-table td{border:1px solid #e2e8f0;padding:0.75rem;text-align:left;vertical-align:top}.print-table thead th{background-color:#f8fafc!important;font-weight:600;color:#334155}.print-container>.print-page-break:last-child{page-break-after:auto}.print-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:2px solid #e2e8f0;padding-bottom:1rem}.print-logo{max-height:60px}.print-title{font-size:2rem;font-weight:bold;color:#1e293b}.print-section-title{font-size:1.5rem;font-weight:bold;color:#1e293b;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid #e2e8f0}.print-subsection-title{font-size:1.2rem;font-weight:bold;color:#334155;margin-top:1.5rem;margin-bottom:0.75rem}.print-product-section{margin-bottom:2rem}.print-table .text-right{text-align:right}.print-table .font-bold{font-weight:bold}.print-table .text-green{color:green!important}.print-table .highlight-row{background-color:#f8fafc!important;font-size:1.2em}.print-subsection-header{background-color:#f1f5f9!important;color:#334155!important;font-weight:600}.print-subsection-header td{padding:0.5rem 0.75rem!important}}