@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Open+Sans:wght@300;400;700&display=swap";:root{--color-cape-cod: #434a4c;--color-sand-dune: #7c6b63;--color-iron: #e5e5e6;--color-white: #ffffff;--color-aqua-forest: #539e71;--color-tulip-tree: #e8b835;--color-primary: var(--color-cape-cod);--color-primary-light: var(--color-sand-dune);--color-secondary: var(--color-iron);--color-accent: var(--color-aqua-forest);--color-accent-warm: var(--color-tulip-tree);--color-background: var(--color-white);--color-text-primary: var(--color-cape-cod);--color-text-secondary: var(--color-sand-dune);--color-text-light: #666;--font-heading: "Poppins", sans-serif;--font-body: "Open Sans", sans-serif;--font-size-display: 3rem;--font-size-h1: 2.625rem;--font-size-h2: 2rem;--font-size-h3: 1.5rem;--font-size-body: 1rem;--font-size-small: .875rem;--font-size-tiny: .75rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-bold);line-height:1.2;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}p{margin-bottom:var(--spacing-sm)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-warm)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-light{font-weight:var(--font-weight-light)}.text-semibold{font-weight:var(--font-weight-semibold)}.text-bold{font-weight:var(--font-weight-bold)}@media(max-width:768px){:root{--font-size-h1: 2rem;--font-size-h2: 1.5rem}.container{padding:0 var(--spacing-sm)}}.header{background-color:var(--color-white);border-bottom:1px solid var(--color-secondary);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:var(--z-sticky)}.header-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.header-brand{display:flex;align-items:center}.header-title{font-family:var(--font-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0;display:flex;align-items:baseline;gap:var(--spacing-sm)}.brand-name{color:var(--color-primary)}.header-divider{color:var(--color-accent);font-weight:var(--font-weight-light)}.header-subtitle{color:var(--color-primary-light);font-weight:var(--font-weight-regular);font-size:var(--font-size-body)}@media(max-width:768px){.header-title{font-size:var(--font-size-body);flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}.header-divider{display:none}.header-subtitle{font-size:var(--font-size-small)}}.tool-card{position:relative;background:var(--color-white);border:1px solid var(--color-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);transition:all var(--transition-base);text-decoration:none;display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:200px}.tool-card-link{cursor:pointer}.tool-card-link:hover{border-color:var(--color-accent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.tool-card-disabled{opacity:.7;cursor:not-allowed}.tool-card-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--color-secondary);color:var(--color-text-secondary);font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);text-transform:uppercase;letter-spacing:.5px}.tool-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-background);border:2px solid currentColor;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-xs)}.tool-card-title{font-family:var(--font-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.tool-card-description{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:1.6;margin:0;flex-grow:1}@media(max-width:768px){.tool-card{padding:var(--spacing-lg);min-height:180px}.tool-card-title{font-size:var(--font-size-h3)}.tool-card-description{font-size:var(--font-size-small)}}.dashboard{min-height:calc(100vh - 80px);background:linear-gradient(to bottom,var(--color-white) 0%,#f9f9f9 100%);padding:var(--spacing-2xl) 0}.dashboard-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.dashboard-header{text-align:center;margin-bottom:var(--spacing-3xl)}.dashboard-title{font-family:var(--font-heading);font-size:var(--font-size-display);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.dashboard-subtitle{font-size:var(--font-size-h3);color:var(--color-text-secondary);font-weight:var(--font-weight-light);margin:0}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}@media(max-width:768px){.dashboard{padding:var(--spacing-xl) 0}.dashboard-container{padding:0 var(--spacing-md)}.dashboard-header{margin-bottom:var(--spacing-xl)}.dashboard-title{font-size:var(--font-size-h1)}.dashboard-subtitle{font-size:var(--font-size-body)}.tools-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}.feature-page{min-height:calc(100vh - 80px);background:linear-gradient(to bottom,var(--color-white) 0%,#f9f9f9 100%);padding:var(--spacing-xl) 0}.feature-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-accent);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xl);transition:color var(--transition-fast)}.back-link:hover{color:var(--color-accent-warm)}.feature-header{text-align:center;margin-bottom:var(--spacing-3xl)}.feature-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border:3px solid currentColor;border-radius:var(--border-radius-lg);margin:0 auto var(--spacing-lg)}.feature-title{font-family:var(--font-heading);font-size:var(--font-size-display);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.feature-description{font-size:var(--font-size-h3);color:var(--color-text-secondary);font-weight:var(--font-weight-light);max-width:700px;margin:0 auto}.feature-content{background:var(--color-white);border:1px solid var(--color-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-md)}.placeholder-content{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--color-text-secondary)}.placeholder-content h2{color:var(--color-primary);margin-bottom:var(--spacing-md)}@media(max-width:768px){.feature-container{padding:0 var(--spacing-md)}.feature-title{font-size:var(--font-size-h1)}.feature-description{font-size:var(--font-size-body)}.feature-content{padding:var(--spacing-lg)}}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}