:root{--color-primary-dark: #0e382c;--color-primary-deep: #08241c;--color-primary-surface: #124536;--color-primary-surface-elevated: #175442;--color-primary-border: rgba(255, 255, 255, .09);--color-primary-border-active: rgba(242, 106, 54, .4);--color-accent-orange: #f26a36;--color-accent-orange-hover: #fa7b4b;--color-accent-orange-glow: rgba(242, 106, 54, .28);--color-accent-gold: #e5a93b;--color-accent-gold-glow: rgba(229, 169, 59, .25);--color-light-bg: #fbf8f2;--color-light-surface: #ffffff;--color-text-light: #ffffff;--color-text-light-body: #e2ede8;--color-text-light-muted: #9cbdb1;--color-text-light-dim: #6e8f83;--color-danger: #f05454;--color-danger-bg: rgba(240, 84, 84, .15);--color-warning: #f4a261;--color-warning-bg: rgba(244, 162, 97, .15);--color-success: #2ec4b6;--color-success-bg: rgba(46, 196, 182, .15);--color-info: #4ea8de;--font-family-heading: "DM Serif Display", Georgia, serif;--font-family-base: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.6rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .18);--shadow-md: 0 6px 20px rgba(0, 0, 0, .25);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .35);--shadow-glow-orange: 0 6px 24px rgba(242, 106, 54, .35);--shadow-glow-gold: 0 6px 24px rgba(229, 169, 59, .25);--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.16, 1, .3, 1);--transition-slow: .4s cubic-bezier(.16, 1, .3, 1);--btn-primary-bg: linear-gradient(135deg, #f26a36 0%, #d85220 100%);--btn-primary-text: #ffffff;--btn-primary-shadow: 0 4px 16px rgba(242, 106, 54, .35);--btn-primary-hover-bg: #eae6df;--btn-primary-hover-text: #0d2018;--btn-primary-hover-shadow: 0 8px 24px rgba(0, 0, 0, .35), 0 0 16px rgba(234, 230, 223, .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family-base);background:radial-gradient(circle at 50% 0%,#124032 0%,var(--color-primary-deep) 65%);background-color:var(--color-primary-deep);color:var(--color-text-light-body);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{display:flex;flex-direction:column;min-height:100vh;width:100%}h1,h2,h3,h4,h5,h6{color:var(--color-text-light);font-weight:var(--font-weight-bold);line-height:1.25;letter-spacing:-.01em}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{color:var(--color-text-light-muted);line-height:1.6}a{color:var(--color-accent-orange);text-decoration:none;transition:color var(--transition-fast),transform var(--transition-fast)}a:not(.btn):hover{color:var(--color-accent-gold)}button,input,select,textarea{font-family:inherit;font-size:inherit;outline:none}.container,.app-container{width:100%;max-width:1180px;margin-left:auto;margin-right:auto;padding-left:var(--space-5);padding-right:var(--space-5)}@media (min-width: 768px){.container,.app-container{padding-left:var(--space-6);padding-right:var(--space-6)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.animate-fadeIn{animation:fadeIn .35s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.app-header{position:sticky;top:0;z-index:100;background-color:#08241ce0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #0003}.card{background:linear-gradient(180deg,#124536bf,#0c2e24d9);border:1px solid var(--color-primary-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (min-width: 768px){.card{padding:var(--space-7)}}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:#f26a3680;transform:translateY(-3px);box-shadow:var(--shadow-lg)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.3px;padding:4px 10px;border-radius:var(--radius-full)}.badge-solid{background:#2ec4b62e;color:var(--color-success);border:1px solid rgba(46,196,182,.3)}.badge-vulnerable{background:#f4a2612e;color:var(--color-warning);border:1px solid rgba(244,162,97,.3)}.badge-critical{background:#f054542e;color:var(--color-danger);border:1px solid rgba(240,84,84,.3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 22px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border-radius:var(--radius-md);border:none;cursor:pointer;text-align:center;transition:all var(--transition-normal);text-decoration:none;line-height:1.2}.btn svg{flex-shrink:0;vertical-align:middle}.btn-primary,a.btn-primary,button.btn-primary{background:var(--btn-primary-bg, linear-gradient(135deg, var(--color-accent-orange) 0%, #d85220 100%));color:var(--btn-primary-text, #ffffff)!important;box-shadow:var(--btn-primary-shadow, 0 4px 16px rgba(242, 106, 54, .35))}.btn-primary *,a.btn-primary *,button.btn-primary *{color:inherit;transition:color var(--transition-normal)}.btn-primary svg,a.btn-primary svg,button.btn-primary svg{transition:stroke var(--transition-normal),color var(--transition-normal)}.btn-primary:hover,a.btn-primary:hover,button.btn-primary:hover{background:var(--btn-primary-hover-bg, #eae6df)!important;color:var(--btn-primary-hover-text, #0d2018)!important;transform:translateY(-2px);box-shadow:var(--btn-primary-hover-shadow, 0 8px 24px rgba(0, 0, 0, .35), 0 0 16px rgba(234, 230, 223, .25))!important}.btn-primary:hover *,a.btn-primary:hover *,button.btn-primary:hover *{color:var(--btn-primary-hover-text, #0d2018)!important}.btn-primary:hover svg,a.btn-primary:hover svg,button.btn-primary:hover svg{stroke:var(--btn-primary-hover-text, #0d2018)!important;color:var(--btn-primary-hover-text, #0d2018)!important}.btn-primary:active,a.btn-primary:active,button.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #0000004d!important}.btn-secondary{background:#0e382cb3;color:var(--color-text-light);border:1px solid rgba(255,255,255,.14)}.btn-secondary:hover{background:#144d3de6;border-color:var(--color-accent-gold);color:#fff;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-text-light-muted)}.btn-ghost:hover{color:var(--color-text-light);background:#ffffff0f}.btn-danger{background:linear-gradient(135deg,#da3633,#b62324);color:#fff;box-shadow:0 4px 14px #da363366}.btn-danger:hover{background:linear-gradient(135deg,#f85149,#da3633);transform:translateY(-2px);box-shadow:0 8px 24px #da363380;color:#fff!important}.btn-block{width:100%}.btn-sm{padding:8px 14px;font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-bottom:6px;color:var(--color-text-light-muted);text-transform:uppercase;letter-spacing:.5px}input[type=text],input[type=number],input[type=email],input[type=password],input[type=search],select,textarea,.input,.form-control,.form-input{box-sizing:border-box!important;width:100%;background:#04140fd9!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;border-radius:var(--radius-md);padding:10px 14px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);outline:none}input[type=text]::placeholder,input[type=number]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,textarea::placeholder{color:#ffffff59}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=password]:focus,select:focus,textarea:focus,.input:focus,.form-control:focus,.form-input:focus{border-color:var(--color-accent-orange)!important;background:#041812fa!important;box-shadow:0 0 0 3px #f26a3640!important}.app-layout{display:flex;min-height:100vh;width:100%;background-color:var(--color-primary-deep);position:relative}.sidebar-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:998;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1)}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.app-sidebar{width:270px;background:linear-gradient(180deg,#07221a,#041611);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:90;transition:transform .3s cubic-bezier(.16,1,.3,1)}.app-main-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;background:radial-gradient(circle at 50% 0%,#0d362a,#051913 70%)}.app-topbar{position:sticky;top:0;z-index:80;background:#051812eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-light-muted);text-decoration:none;transition:all var(--transition-fast);margin-bottom:4px}.sidebar-nav-item:hover{background:#ffffff0f;color:var(--color-text-light);transform:translate(3px)}.sidebar-nav-item.active{background:linear-gradient(90deg,#f26a3626,#d4af371a);color:#fff;font-weight:var(--font-weight-bold);border-left:3px solid var(--color-accent-orange)}#btn-toggle-sidebar,#btn-close-sidebar{display:none!important}.mobile-bottom-nav{display:none}@media (max-width: 768px){#btn-toggle-sidebar,#btn-close-sidebar,.sidebar-backdrop,.app-sidebar{display:none!important}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:62px;background:#061913f7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.09);z-index:100;justify-content:space-around;align-items:center;padding:0 6px env(safe-area-inset-bottom,0px);box-shadow:0 -4px 24px #00000080}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#8da49c;text-decoration:none;font-size:10.5px;font-weight:600;padding:6px 0;transition:all .2s ease;position:relative;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-nav-icon-wrap{transition:transform .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center}.mobile-nav-item.active{color:#fff}.mobile-nav-item.active .mobile-nav-icon-wrap{color:var(--color-accent-gold);transform:translateY(-2px)}.mobile-nav-item.active:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--color-accent-gold);border-radius:0 0 3px 3px;box-shadow:0 0 8px #d4af3780}.topbar-quick-link,.topbar-user-badge{display:none!important}.app-topbar{padding:12px 16px;background:#051812f2}#main-content{padding:16px 16px calc(80px + env(safe-area-inset-bottom,0px)) 16px!important;max-width:100vw;box-sizing:border-box;overflow-x:hidden}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:#ffffff1f;border-radius:var(--radius-full);outline:none;margin:10px 0;transition:background var(--transition-fast)}input[type=range]:hover{background:#fff3}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--color-accent-orange);cursor:pointer;box-shadow:0 2px 8px #00000059;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 12px #f26a3699}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--color-accent-orange);cursor:pointer;box-shadow:0 2px 8px #00000059;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.mode-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-4)}@media (min-width: 600px){.mode-grid{grid-template-columns:1fr 1fr}}.mode-card{border:2px solid var(--color-primary-border);border-radius:var(--radius-lg);padding:var(--space-6);background:#00000040;cursor:pointer;position:relative;transition:all var(--transition-normal);text-align:left}.mode-card:hover,.mode-card.selected{border-color:var(--color-accent-orange);background:#f26a361a;transform:translateY(-2px);box-shadow:var(--shadow-md)}.mode-badge{position:absolute;top:-10px;right:var(--space-4);background:var(--color-accent-gold);color:#08241c;font-size:11px;font-weight:var(--font-weight-bold);padding:2px 10px;border-radius:var(--radius-full)}.step-progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:var(--radius-full);margin:var(--space-4) 0 var(--space-6);overflow:hidden}.step-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent-gold),var(--color-accent-orange));border-radius:var(--radius-full);transition:width var(--transition-slow)}input[type=checkbox]{accent-color:var(--color-accent-orange);cursor:pointer}.tools-filter-carousel{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px;margin-bottom:var(--space-5)}.tools-filter-carousel::-webkit-scrollbar{display:none}.tools-filter-carousel .btn-filter{flex-shrink:0;white-space:nowrap}.admin-tabs-carousel{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:8px;margin-bottom:var(--space-5)}.admin-tabs-carousel::-webkit-scrollbar{display:none}.admin-tabs-carousel .btn-tab-switch{flex-shrink:0;white-space:nowrap}.admin-topbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-4);margin-bottom:var(--space-5);border-bottom:1px solid #21262d;gap:var(--space-3)}.admin-topbar-actions{display:flex;align-items:center;gap:var(--space-3)}@media (max-width: 680px){.admin-topbar{flex-direction:column;align-items:stretch;gap:12px}.admin-topbar-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.admin-topbar-actions .btn{width:100%;justify-content:center;padding:8px 6px;font-size:11px;text-align:center}.ref-row-grid{grid-template-columns:1fr!important}}.app-layout,.app-main-wrapper,#main-content{width:100%;max-width:100vw;box-sizing:border-box}@media (max-width: 768px){:root{--font-size-xl: 1.18rem;--font-size-2xl: 1.35rem;--font-size-3xl: 1.6rem;--font-size-4xl: 1.85rem}.container,.app-container{padding-left:16px;padding-right:16px;width:100%;max-width:100%;box-sizing:border-box}.card{padding:16px 18px;border-radius:14px;margin-bottom:16px;max-width:100%;box-sizing:border-box;overflow-x:hidden}.btn{padding:10px 16px;font-size:var(--font-size-xs)}h1{font-size:1.6rem!important;line-height:1.25!important}h2{font-size:1.3rem!important;line-height:1.3!important}h3{font-size:1.15rem!important;line-height:1.35!important}.input,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],select{width:100%;max-width:100%;box-sizing:border-box}.metric-card-box{padding:12px 14px!important}}@media (min-width: 1024px){.container,.app-container{max-width:960px}}@media print{body{background:#fff!important;color:#000!important}.app-header,.mobile-bottom-nav,.app-sidebar,.sidebar-backdrop,.app-topbar,footer,.btn,input[type=range]{display:none!important}.card{background:#fff!important;color:#000!important;border:1px solid #cccccc!important;box-shadow:none!important;page-break-inside:avoid}h1,h2,h3,h4,p,span,strong{color:#000!important}}