:root{--font-heading:"Outfit", "Inter", -apple-system, sans-serif;--font-body:"Inter", -apple-system, sans-serif;--bg-main:#090d16;--bg-card:#111928bf;--bg-sidebar:#0d1423e6;--border-color:#ffffff14;--border-glow:#14b8a640;--primary:#14b8a6;--primary-hover:#0d9488;--primary-glow:#14b8a666;--secondary:#6366f1;--secondary-hover:#4f46e5;--secondary-glow:#6366f166;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--priority-high:#f43f5e;--priority-medium:#f97316;--priority-low:#3b82f6;--status-open:#f59e0b;--status-resolved:#10b981;background:var(--bg-main);color:var(--text-primary);font-size:16px;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}*,:before,:after{box-sizing:inherit}body{background-color:var(--bg-main);background-image:radial-gradient(at 0 0,#6366f126 0,#0000 50%),radial-gradient(at 100% 0,#14b8a61f 0,#0000 50%),radial-gradient(at 50% 100%,#6366f114 0,#0000 50%);background-attachment:fixed;margin:0;padding:0;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:#fff;margin-top:0;font-weight:700}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px)saturate(160%);backdrop-filter:blur(12px)saturate(160%);border:1px solid var(--border-color);border-radius:16px}.glass-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);background:#161e3173;border-radius:12px;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s}.glass-card:hover{border-color:#14b8a64d;transform:translateY(-4px);box-shadow:0 12px 30px -10px #14b8a626}.btn{font-family:var(--font-heading);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:var(--primary);color:#000}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 0 15px var(--primary-glow);transform:translateY(-1px)}.btn-secondary{border-color:var(--border-color);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-indigo{background:var(--secondary);color:#fff}.btn-indigo:hover{background:var(--secondary-hover);box-shadow:0 0 15px var(--secondary-glow);transform:translateY(-1px)}.btn-danger{background:var(--priority-high);color:#fff}.btn-danger:hover{background:#e11d48;box-shadow:0 0 15px #f43f5e66}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (width<=768px){.grid-2{grid-template-columns:1fr}}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-3{grid-template-columns:1fr}}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-4{grid-template-columns:1fr}}.form-group{text-align:left;flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{font-family:var(--font-heading);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.form-input,.form-select,.form-textarea{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-body);background:#0d142399;border-radius:8px;width:100%;padding:10px 14px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 8px #14b8a633}.dashboard-container{background:#060a12;min-height:100vh;display:flex}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:260px;padding:24px 0;display:flex}.main-content{flex-direction:column;flex-grow:1;min-width:0;display:flex}.dashboard-header{z-index:100;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d142366;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex;position:relative}.view-container{flex-grow:1;max-height:calc(100vh - 70px);padding:32px;overflow-y:auto}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-high{color:var(--priority-high);background:#f43f5e26;border:1px solid #f43f5e4d}.badge-medium{color:var(--priority-medium);background:#f9731626;border:1px solid #f973164d}.badge-low{color:var(--priority-low);background:#3b82f626;border:1px solid #3b82f64d}.badge-open{color:var(--status-open);background:#f59e0b26;border:1px solid #f59e0b4d}.badge-resolved{color:var(--status-resolved);background:#10b98126;border:1px solid #10b9814d}.blueprint-wrapper{flex-direction:column;gap:20px;display:flex}.blueprint-canvas-container{border:1px solid var(--border-color);cursor:crosshair;-webkit-user-select:none;user-select:none;background:#020617;border-radius:12px;max-width:100%;display:inline-block;position:relative;overflow:hidden;box-shadow:0 20px 40px -15px #000000b3}.blueprint-img{opacity:.9;max-width:100%;height:auto;transition:opacity .3s;display:block}.blueprint-canvas-container:hover .blueprint-img{opacity:.95}.blueprint-pin{cursor:pointer;z-index:10;width:24px;height:24px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);position:absolute;transform:translate(-50%,-50%)}.blueprint-pin:hover{z-index:50;transform:translate(-50%,-50%)scale(1.3)}.pin-marker{background:var(--priority-high);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:10px;font-weight:800;display:flex;position:relative;box-shadow:0 0 10px #f43f5ecc,inset 0 0 4px #00000080}.pin-marker:after{content:"";border:2px solid inherit;opacity:.6;pointer-events:none;border-radius:50%;animation:1.8s infinite pin-pulse;position:absolute;inset:-6px}.blueprint-pin.pin-medium .pin-marker{background:var(--priority-medium);box-shadow:0 0 10px #f97316cc,inset 0 0 4px #00000080}.blueprint-pin.pin-low .pin-marker{background:var(--priority-low);box-shadow:0 0 10px #3b82f6cc,inset 0 0 4px #00000080}.blueprint-pin.pin-resolved .pin-marker{background:var(--status-resolved);box-shadow:0 0 10px #10b981cc,inset 0 0 4px #00000080}@keyframes pin-pulse{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}.pin-tooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;pointer-events:none;opacity:0;visibility:hidden;z-index:100;text-align:left;background:#0f172af2;border:1px solid #ffffff1f;border-radius:10px;width:250px;padding:14px;transition:all .25s cubic-bezier(.16,1,.3,1);position:absolute;bottom:135%;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #0009}.blueprint-pin:hover .pin-tooltip{opacity:1;visibility:visible;bottom:145%}.pin-tooltip:after{content:"";border:6px solid #0000;border-top-color:#0f172af2;position:absolute;top:100%;left:50%;transform:translate(-50%)}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#02060cd9;flex-direction:column;justify-content:flex-start;align-items:center;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{border:1px solid var(--border-color);background:#0f172a;border-radius:16px;width:500px;max-width:100%;margin:auto;padding:24px 28px;animation:.3s cubic-bezier(.16,1,.3,1) modal-enter;box-shadow:0 25px 50px -12px #000c}.modal-content .form-group{margin-bottom:0}@keyframes modal-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}.pricing-toggle-wrapper{border:1px solid var(--border-color);background:#11192899;border-radius:9999px;align-items:center;gap:16px;margin-bottom:40px;padding:6px 12px;display:inline-flex}.pricing-toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:8px 20px;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1)}.pricing-toggle-btn.active{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#000;box-shadow:0 4px 15px #14b8a659}.slider-container{border:1px solid var(--border-color);background:#0d142366;border-radius:16px;max-width:600px;margin:0 auto 50px;padding:24px}.slider-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.slider-title{color:var(--text-primary);font-size:1.1rem;font-weight:600}.slider-val{color:var(--primary);font-size:1.6rem;font-weight:800;font-family:var(--font-heading)}.custom-slider{-webkit-appearance:none;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:6px;margin:15px 0}.custom-slider::-webkit-slider-runnable-track{cursor:pointer;background:linear-gradient(to right, var(--primary), var(--secondary));border-radius:3px;width:100%;height:6px}.custom-slider::-webkit-slider-thumb{appearance:none;border:3px solid var(--primary);cursor:pointer;width:20px;height:20px;box-shadow:0 0 10px var(--primary-glow);background:#fff;border-radius:50%;margin-top:-7px;transition:transform .1s}.custom-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.recommended-card{z-index:5;position:relative;transform:scale(1.03);border:2px solid var(--primary)!important;box-shadow:0 20px 45px -12px #14b8a64d!important}.recommended-card-indigo{z-index:5;position:relative;transform:scale(1.03);border:2px solid var(--secondary)!important;box-shadow:0 20px 45px -12px #6366f14d!important}.recommended-badge{color:#000;text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:4px 16px;font-size:.75rem;font-weight:800;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.pricing-table-container{margin-top:80px;overflow-x:auto}.comparison-table{border-collapse:collapse;text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);background:#11192873;border-radius:12px;width:100%}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--border-color);padding:16px 24px;font-size:.95rem}.comparison-table th{font-family:var(--font-heading);color:#fff;background:#0d142399;font-weight:700}.comparison-table tr:hover td{background:#ffffff05}.comparison-table tr:last-child td{border-bottom:none}.faq-container{text-align:left;flex-direction:column;gap:16px;max-width:800px;margin:60px auto 0;display:flex}.faq-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);background:#161e3173;border-radius:12px;transition:all .3s;overflow:hidden}.faq-card summary{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1.1rem;font-weight:600;font-family:var(--font-heading);justify-content:space-between;align-items:center;padding:20px 24px;list-style:none;display:flex}.faq-card summary::-webkit-details-marker{display:none}.faq-card summary:after{content:"+";color:var(--primary);font-size:1.5rem;transition:transform .3s}.faq-card[open] summary:after{content:"−";transform:rotate(180deg)}.faq-card[open]{border-color:#14b8a64d;box-shadow:0 4px 20px #00000040}.faq-content{color:var(--text-secondary);padding:0 24px 24px;font-size:.95rem;line-height:1.6}@media print{body{color:#000!important;background:#fff!important}.sidebar,.dashboard-header,.no-print,header,footer,.btn{display:none!important}.main-content{width:100%!important;margin:0!important;padding:0!important}.view-container{max-height:none!important;padding:0!important;overflow:visible!important}.glass-panel,.glass-card{box-shadow:none!important;color:#000!important;background:#fff!important;border:1px solid #e2e8f0!important}.reports-print-area h3,.reports-print-area h4,.reports-print-area h2{color:#000!important}.metric-card{box-shadow:none!important;background:#f8fafc!important;border:1px solid #cbd5e1!important}.metric-card h2,.metric-card span{color:#0f172a!important}.grid-4{grid-template-columns:repeat(4,1fr)!important}.grid-2{grid-template-columns:repeat(2,1fr)!important}}.icon-hover-teal{transition:color .2s}.icon-hover-teal:hover{color:var(--primary)!important}.icon-hover-red{transition:color .2s}.icon-hover-red:hover{color:var(--priority-high)!important}.icon-hover-secondary{transition:color .2s}.icon-hover-secondary:hover{color:var(--secondary)!important}.sidebar-btn{color:var(--text-secondary);cursor:pointer;text-align:left;font-family:var(--font-body);background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.sidebar-btn:hover{color:var(--text-primary);background:#ffffff0a;padding-left:20px}.sidebar-btn.active{padding-left:20px;color:var(--primary)!important;background:#14b8a626!important;font-weight:600!important}.profile-header-btn{border:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border-radius:30px;align-items:center;gap:10px;padding:6px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.profile-header-btn:hover{transform:translateY(-.5px);box-shadow:0 0 12px #14b8a626;background:#ffffff14!important;border-color:#14b8a64d!important}.avatar-container{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.avatar-bubble{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#000;text-transform:uppercase;border:1.5px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex;box-shadow:0 2px 8px #0000004d}.avatar-image{object-fit:cover;width:100%;height:100%}.profile-dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);z-index:1000;transform-origin:100% 0;background:#0d1423f5;border-radius:16px;flex-direction:column;gap:12px;width:280px;padding:16px;animation:.25s cubic-bezier(.16,1,.3,1) forwards dropdown-enter;display:flex;position:absolute;top:55px;right:0;box-shadow:0 15px 40px -10px #000000b3,0 0 15px #14b8a60d}@keyframes dropdown-enter{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.profile-dropdown-header{border-bottom:1px solid var(--border-color);text-align:center;flex-direction:column;align-items:center;padding:8px 0 16px;display:flex}.profile-dropdown-details{flex-direction:column;align-items:center;gap:2px;width:100%;margin-top:10px;display:flex}.profile-dropdown-name{font-family:var(--font-heading);color:#fff;font-size:1rem;font-weight:700}.profile-dropdown-email{color:var(--text-secondary);word-break:break-all;max-width:100%;font-size:.75rem}.profile-dropdown-role{margin-top:6px;display:inline-block}.profile-dropdown-actions{flex-direction:column;gap:6px;display:flex}.profile-dropdown-item{color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.profile-dropdown-item:hover{color:var(--text-primary);background:#ffffff0a}.profile-dropdown-item.danger:hover{color:var(--priority-high);background:#f43f5e1a}.profile-upload-btn-container{width:100%;margin-top:10px;position:relative}.glass-panel{transition:all .3s;box-shadow:0 10px 30px -10px #00000080}.welcome-gradient{border-left:4px solid var(--primary);position:relative;overflow:hidden;background:linear-gradient(135deg,#14b8a61f,#6366f114)!important}.welcome-gradient:after{content:"";pointer-events:none;background:radial-gradient(circle,#14b8a626 0%,#0000 70%);width:300px;height:300px;position:absolute;top:-50%;right:-20%}.stat-card-gradient{position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s!important}.stat-card-gradient:hover{transform:translateY(-4px);border-color:#14b8a64d!important;box-shadow:0 12px 30px -10px #14b8a626!important}.stat-card-gradient:before{content:"";pointer-events:none;background:linear-gradient(#ffffff04 0%,#0000 100%);width:100%;height:100%;position:absolute;top:0;left:0}