:root{--color-background: rgba(252, 252, 249, 1);--color-surface: rgba(255, 255, 253, 1);--color-text: rgba(19, 52, 59, 1);--color-text-secondary: rgba(98, 108, 113, 1);--color-primary: rgba(33, 128, 141, 1);--color-primary-hover: rgba(29, 116, 128, 1);--color-primary-active: rgba(26, 104, 115, 1);--color-secondary: rgba(94, 82, 64, .12);--color-secondary-hover: rgba(94, 82, 64, .2);--color-secondary-active: rgba(94, 82, 64, .25);--color-border: rgba(94, 82, 64, .2);--color-btn-primary-text: rgba(252, 252, 249, 1);--color-card-border: rgba(94, 82, 64, .12);--color-card-border-inner: rgba(94, 82, 64, .12);--color-error: rgba(192, 21, 47, 1);--color-success: rgba(33, 128, 141, 1);--color-warning: rgba(168, 75, 47, 1);--color-info: rgba(98, 108, 113, 1);--color-focus-ring: rgba(33, 128, 141, .4);--color-select-caret: rgba(19, 52, 59, .8);--focus-ring: 0 0 0 3px var(--color-focus-ring);--focus-outline: 2px solid var(--color-primary);--status-bg-opacity: .15;--status-border-opacity: .25;--select-caret-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--select-caret-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--color-success-rgb: 33, 128, 141;--color-error-rgb: 192, 21, 47;--color-warning-rgb: 168, 75, 47;--color-info-rgb: 98, 108, 113;--font-family-base: "FKGroteskNeue", "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "Berkeley Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 550;--font-weight-bold: 600;--line-height-tight: 1.2;--line-height-normal: 1.5;--letter-spacing-tight: -.01em;--space-0: 0;--space-1: 1px;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--radius-sm: 6px;--radius-base: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .02);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .04), 0 2px 4px -1px rgba(0, 0, 0, .02);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .04), 0 4px 6px -2px rgba(0, 0, 0, .02);--shadow-inset-sm: inset 0 1px 0 rgba(255, 255, 255, .15), inset 0 -1px 0 rgba(0, 0, 0, .03);--duration-fast: .15s;--duration-normal: .25s;--ease-standard: cubic-bezier(.16, 1, .3, 1);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px}@media (prefers-color-scheme: dark){:root{--color-background: rgba(31, 33, 33, 1);--color-surface: rgba(38, 40, 40, 1);--color-text: rgba(245, 245, 245, 1);--color-text-secondary: rgba(167, 169, 169, .7);--color-primary: rgba(50, 184, 198, 1);--color-primary-hover: rgba(45, 166, 178, 1);--color-primary-active: rgba(41, 150, 161, 1);--color-secondary: rgba(119, 124, 124, .15);--color-secondary-hover: rgba(119, 124, 124, .25);--color-secondary-active: rgba(119, 124, 124, .3);--color-border: rgba(119, 124, 124, .3);--color-error: rgba(255, 84, 89, 1);--color-success: rgba(50, 184, 198, 1);--color-warning: rgba(230, 129, 97, 1);--color-info: rgba(167, 169, 169, 1);--color-focus-ring: rgba(50, 184, 198, .4);--color-btn-primary-text: rgba(19, 52, 59, 1);--color-card-border: rgba(119, 124, 124, .2);--color-card-border-inner: rgba(119, 124, 124, .15);--shadow-inset-sm: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .15);--button-border-secondary: rgba(119, 124, 124, .2);--color-border-secondary: rgba(119, 124, 124, .2);--color-select-caret: rgba(245, 245, 245, .8);--focus-ring: 0 0 0 3px var(--color-focus-ring);--focus-outline: 2px solid var(--color-primary);--status-bg-opacity: .15;--status-border-opacity: .25;--select-caret-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--select-caret-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--color-success-rgb: 50, 184, 198;--color-error-rgb: 255, 84, 89;--color-warning-rgb: 230, 129, 97;--color-info-rgb: 167, 169, 169}}[data-color-scheme=dark]{--color-background: rgba(31, 33, 33, 1);--color-surface: rgba(38, 40, 40, 1);--color-text: rgba(245, 245, 245, 1);--color-text-secondary: rgba(167, 169, 169, .7);--color-primary: rgba(50, 184, 198, 1);--color-primary-hover: rgba(45, 166, 178, 1);--color-primary-active: rgba(41, 150, 161, 1);--color-secondary: rgba(119, 124, 124, .15);--color-secondary-hover: rgba(119, 124, 124, .25);--color-secondary-active: rgba(119, 124, 124, .3);--color-border: rgba(119, 124, 124, .3);--color-error: rgba(255, 84, 89, 1);--color-success: rgba(50, 184, 198, 1);--color-warning: rgba(230, 129, 97, 1);--color-info: rgba(167, 169, 169, 1);--color-focus-ring: rgba(50, 184, 198, .4);--color-btn-primary-text: rgba(19, 52, 59, 1);--color-card-border: rgba(119, 124, 124, .15);--color-card-border-inner: rgba(119, 124, 124, .15);--shadow-inset-sm: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .15);--color-border-secondary: rgba(119, 124, 124, .2);--color-select-caret: rgba(245, 245, 245, .8);--focus-ring: 0 0 0 3px var(--color-focus-ring);--focus-outline: 2px solid var(--color-primary);--status-bg-opacity: .15;--status-border-opacity: .25;--select-caret-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--select-caret-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--color-success-rgb: 50, 184, 198;--color-error-rgb: 255, 84, 89;--color-warning-rgb: 230, 129, 97;--color-info-rgb: 167, 169, 169}[data-color-scheme=light]{--color-background: rgba(252, 252, 249, 1);--color-surface: rgba(255, 255, 253, 1);--color-text: rgba(19, 52, 59, 1);--color-text-secondary: rgba(98, 108, 113, 1);--color-primary: rgba(33, 128, 141, 1);--color-primary-hover: rgba(29, 116, 128, 1);--color-primary-active: rgba(26, 104, 115, 1);--color-secondary: rgba(94, 82, 64, .12);--color-secondary-hover: rgba(94, 82, 64, .2);--color-secondary-active: rgba(94, 82, 64, .25);--color-border: rgba(94, 82, 64, .2);--color-btn-primary-text: rgba(252, 252, 249, 1);--color-card-border: rgba(94, 82, 64, .12);--color-card-border-inner: rgba(94, 82, 64, .12);--color-error: rgba(192, 21, 47, 1);--color-success: rgba(33, 128, 141, 1);--color-warning: rgba(168, 75, 47, 1);--color-info: rgba(98, 108, 113, 1);--color-focus-ring: rgba(33, 128, 141, .4);--color-success-rgb: 33, 128, 141;--color-error-rgb: 192, 21, 47;--color-warning-rgb: 168, 75, 47;--color-info-rgb: 98, 108, 113}html{font-size:var(--font-size-base);font-family:var(--font-family-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;box-sizing:border-box}body{margin:0;padding:0}*,*:before,*:after{box-sizing:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text);letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{margin:0 0 var(--space-16) 0}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:var(--color-primary-hover)}code,pre{font-family:var(--font-family-mono);font-size:calc(var(--font-size-base) * .95);background-color:var(--color-secondary);border-radius:var(--radius-sm)}code{padding:var(--space-1) var(--space-4)}pre{padding:var(--space-16);margin:var(--space-16) 0;overflow:auto;border:1px solid var(--color-border)}pre code{background:none;padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-16);border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:500;line-height:1.5;cursor:pointer;transition:all var(--duration-normal) var(--ease-standard);border:none;text-decoration:none;position:relative}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn--primary{background:var(--color-primary);color:var(--color-btn-primary-text)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--primary:active{background:var(--color-primary-active)}.btn--secondary{background:var(--color-secondary);color:var(--color-text)}.btn--secondary:hover{background:var(--color-secondary-hover)}.btn--secondary:active{background:var(--color-secondary-active)}.btn--outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn--outline:hover{background:var(--color-secondary)}.btn--sm{padding:var(--space-4) var(--space-12);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.btn--lg{padding:var(--space-10) var(--space-20);font-size:var(--font-size-lg);border-radius:var(--radius-md)}.btn--full-width{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.form-control{display:block;width:100%;padding:var(--space-8) var(--space-12);font-size:var(--font-size-md);line-height:1.5;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}textarea.form-control{font-family:var(--font-family-base);font-size:var(--font-size-base)}select.form-control{padding:var(--space-8) var(--space-12);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--select-caret-light);background-repeat:no-repeat;background-position:right var(--space-12) center;background-size:16px;padding-right:var(--space-32)}@media (prefers-color-scheme: dark){select.form-control{background-image:var(--select-caret-dark)}}[data-color-scheme=dark] select.form-control{background-image:var(--select-caret-dark)}[data-color-scheme=light] select.form-control{background-image:var(--select-caret-light)}.form-control:focus{border-color:var(--color-primary);outline:var(--focus-outline)}.form-label{display:block;margin-bottom:var(--space-8);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.form-group{margin-bottom:var(--space-16)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-card-border);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--duration-normal) var(--ease-standard)}.card:hover{box-shadow:var(--shadow-md)}.card__body{padding:var(--space-16)}.card__header,.card__footer{padding:var(--space-16);border-bottom:1px solid var(--color-card-border-inner)}.status{display:inline-flex;align-items:center;padding:var(--space-6) var(--space-12);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.status--success{background-color:rgba(var(--color-success-rgb, 33, 128, 141),var(--status-bg-opacity));color:var(--color-success);border:1px solid rgba(var(--color-success-rgb, 33, 128, 141),var(--status-border-opacity))}.status--error{background-color:rgba(var(--color-error-rgb, 192, 21, 47),var(--status-bg-opacity));color:var(--color-error);border:1px solid rgba(var(--color-error-rgb, 192, 21, 47),var(--status-border-opacity))}.status--warning{background-color:rgba(var(--color-warning-rgb, 168, 75, 47),var(--status-bg-opacity));color:var(--color-warning);border:1px solid rgba(var(--color-warning-rgb, 168, 75, 47),var(--status-border-opacity))}.status--info{background-color:rgba(var(--color-info-rgb, 98, 108, 113),var(--status-bg-opacity));color:var(--color-info);border:1px solid rgba(var(--color-info-rgb, 98, 108, 113),var(--status-border-opacity))}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--space-16);padding-left:var(--space-16)}@media (min-width: 640px){.container{max-width:var(--container-sm)}}@media (min-width: 768px){.container{max-width:var(--container-md)}}@media (min-width: 1024px){.container{max-width:var(--container-lg)}}@media (min-width: 1280px){.container{max-width:var(--container-xl)}}.gap-4{gap:var(--space-4)}.gap-8{gap:var(--space-8)}.gap-16{gap:var(--space-16)}.m-0{margin:0}.mt-8{margin-top:var(--space-8)}.mb-8{margin-bottom:var(--space-8)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.p-0{padding:0}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.px-16{padding-left:var(--space-16);padding-right:var(--space-16)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:var(--focus-outline);outline-offset:2px}[data-color-scheme=dark] .btn--outline{border:1px solid var(--color-border-secondary)}@font-face{font-family:FKGroteskNeue;src:url(https://r2cdn.perplexity.ai/fonts/FKGroteskNeue.woff2) format("woff2")}.dashboard-container{min-height:100vh;display:flex;flex-direction:column}.dashboard-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-16) var(--space-24);box-shadow:var(--shadow-sm)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.logo-section h1{color:var(--color-primary);font-size:var(--font-size-3xl);margin-bottom:var(--space-4)}.logo-section p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0}.header-actions{display:flex;gap:var(--space-12);align-items:center}#themeToggle{padding:var(--space-8);min-width:40px;border-radius:var(--radius-full)}#themeIcon{font-size:var(--font-size-lg)}.dashboard-nav{background:var(--color-background);border-bottom:1px solid var(--color-border);padding:var(--space-16) var(--space-24);position:sticky;top:0;z-index:100}.nav-container{max-width:1400px;margin:0 auto}.nav-search{margin-bottom:var(--space-16)}.nav-search input{max-width:400px}.nav-tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-4)}.nav-tab{padding:var(--space-8) var(--space-16);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-base);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);white-space:nowrap;font-weight:var(--font-weight-medium)}.nav-tab:hover{background:var(--color-secondary)}.nav-tab.active{background:var(--color-primary);color:var(--color-btn-primary-text);border-color:var(--color-primary)}.dashboard-main{flex:1;padding:var(--space-24);max-width:1400px;margin:0 auto;width:100%}.tab-content{display:none}.tab-content.active{display:block}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-24);padding-bottom:var(--space-16);border-bottom:1px solid var(--color-border)}.tab-header h2{color:var(--color-text);font-size:var(--font-size-3xl)}.tab-controls{display:flex;gap:var(--space-12);align-items:center}.tab-controls select{min-width:200px}.chart-container{margin-bottom:var(--space-32);padding:var(--space-16);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.chart-image{width:100%;height:auto;border-radius:var(--radius-base)}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-20);margin-top:var(--space-20)}.service-card{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--space-20);transition:all var(--duration-normal) var(--ease-standard);position:relative;overflow:hidden}.service-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.service-card h3{color:var(--color-primary);font-size:var(--font-size-xl);margin-bottom:var(--space-8)}.service-category{display:inline-block;background:var(--color-secondary);color:var(--color-text);padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-bottom:var(--space-12)}.service-details{display:flex;flex-direction:column;gap:var(--space-8)}.service-detail{display:flex;justify-content:space-between;align-items:center}.service-detail strong{color:var(--color-text);font-weight:var(--font-weight-medium)}.service-detail span{color:var(--color-text-secondary)}.complexity-badge{padding:var(--space-2) var(--space-8);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.complexity-low{background:rgba(var(--color-success-rgb),.1);color:var(--color-success)}.complexity-medium{background:rgba(var(--color-warning-rgb),.1);color:var(--color-warning)}.complexity-high{background:rgba(var(--color-error-rgb),.1);color:var(--color-error)}.comparison-table{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}.comparison-table table{width:100%;border-collapse:collapse}.comparison-table th,.comparison-table td{padding:var(--space-12) var(--space-16);text-align:left;border-bottom:1px solid var(--color-border)}.comparison-table th{background:var(--color-secondary);font-weight:var(--font-weight-semibold);color:var(--color-text)}.comparison-table tr:hover{background:var(--color-secondary)}.cost-strategies{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-20);margin-top:var(--space-20)}.cost-strategy-card{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--space-20);transition:all var(--duration-normal) var(--ease-standard)}.cost-strategy-card:hover{box-shadow:var(--shadow-md)}.strategy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-16)}.strategy-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.savings-badge{background:var(--color-success);color:var(--color-btn-primary-text);padding:var(--space-4) var(--space-12);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.strategy-metrics{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-16)}.metric{display:flex;flex-direction:column;gap:var(--space-4)}.metric-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.metric-value{color:var(--color-text);font-size:var(--font-size-base)}.patterns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-20);margin-top:var(--space-20)}.pattern-card{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--space-20);transition:all var(--duration-normal) var(--ease-standard)}.pattern-card:hover{box-shadow:var(--shadow-md)}.pattern-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--space-12)}.pattern-services{background:var(--color-secondary);padding:var(--space-8) var(--space-12);border-radius:var(--radius-base);font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--space-12)}.pattern-use-case{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-16)}.updates-timeline{position:relative;padding-left:var(--space-32)}.timeline-item{position:relative;padding-bottom:var(--space-24);border-left:2px solid var(--color-border);padding-left:var(--space-24)}.timeline-item:last-child{border-left:none}.timeline-item:before{content:"";position:absolute;left:-6px;top:0;width:10px;height:10px;background:var(--color-primary);border-radius:50%}.timeline-date{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4)}.timeline-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-16)}.timeline-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-8)}.timeline-description{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-8)}.impact-badge{padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.impact-high{background:rgba(var(--color-error-rgb),.1);color:var(--color-error)}.impact-medium{background:rgba(var(--color-warning-rgb),.1);color:var(--color-warning)}.impact-low{background:rgba(var(--color-success-rgb),.1);color:var(--color-success)}.monitoring-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-20);margin-top:var(--space-20)}.monitoring-card{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--space-20);transition:all var(--duration-normal) var(--ease-standard)}.monitoring-card:hover{box-shadow:var(--shadow-md)}.monitoring-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--space-12)}.monitoring-function{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-8)}.monitoring-benefits{background:var(--color-secondary);padding:var(--space-8) var(--space-12);border-radius:var(--radius-base);font-size:var(--font-size-sm);color:var(--color-text)}.dr-strategies{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-20);margin-top:var(--space-20)}.dr-strategy-card{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--space-20);transition:all var(--duration-normal) var(--ease-standard)}.dr-strategy-card:hover{box-shadow:var(--shadow-md)}.dr-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-16)}.dr-metrics{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-16)}.dr-metric{display:flex;flex-direction:column;gap:var(--space-4)}.dr-metric-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.dr-metric-value{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal.active{display:flex;align-items:center;justify-content:center}.modal-content{background:var(--color-surface);border-radius:var(--radius-lg);width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-20);border-bottom:1px solid var(--color-border)}.modal-header h3{color:var(--color-text);font-size:var(--font-size-2xl);margin:0}.modal-close{background:none;border:none;font-size:var(--font-size-2xl);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-4)}.modal-close:hover{color:var(--color-text)}.modal-body{padding:var(--space-20)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-12);padding:var(--space-20);border-top:1px solid var(--color-border)}.wizard-step{display:none}.wizard-step.active{display:block}.wizard-options{display:flex;flex-direction:column;gap:var(--space-12);margin-top:var(--space-16)}.wizard-options label{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}.wizard-options label:hover{background:var(--color-secondary)}.wizard-options input[type=radio]{margin:0}#wizardResult{background:var(--color-secondary);padding:var(--space-16);border-radius:var(--radius-base);margin-top:var(--space-16)}.dashboard-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-16) var(--space-24);margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.footer-section p{margin:0}@media (max-width: 768px){.dashboard-header{padding:var(--space-16)}.header-content{flex-direction:column;gap:var(--space-16);align-items:stretch}.header-actions{justify-content:space-between}.dashboard-nav{padding:var(--space-16)}.nav-tabs{flex-wrap:wrap}.dashboard-main{padding:var(--space-16)}.tab-header{flex-direction:column;gap:var(--space-16);align-items:stretch}.tab-controls{flex-wrap:wrap}.services-grid,.cost-strategies,.patterns-grid,.monitoring-grid,.dr-strategies{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:var(--space-8);text-align:center}}.hidden{display:none!important}.loading{opacity:.6;pointer-events:none}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media print{.dashboard-header,.dashboard-nav,.dashboard-footer,.modal{display:none!important}.dashboard-main{padding:0}.tab-content{display:block!important}.services-grid,.cost-strategies,.patterns-grid,.monitoring-grid,.dr-strategies{grid-template-columns:1fr!important}.chart-image{max-width:100%!important;page-break-inside:avoid}}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.z-50{z-index:50}.col-span-full{grid-column:1/-1}.container{width:100%}.mx-auto{margin-inline:auto}.-mb-px{margin-bottom:-1px}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-full{height:100%}.h-screen{height:100vh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-full{width:100%}.max-w-none{max-width:none}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.text-left{text-align:left}.capitalize{text-transform:capitalize}.line-through{text-decoration-line:line-through}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (prefers-color-scheme:dark){.dark\:block{display:block}.dark\:hidden{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}