:root{--color-primary-dark: #0a1e3f;--color-primary-blue: #1e3a5f;--color-primary-light: #2a4d7a;--color-accent-cyan: #00d4ff;--color-accent-cyan-light: #00e8ff;--color-accent-teal: #00a8cc;--color-accent-magenta: #ff006e;--color-accent-pink: #ff4d7d;--color-neutral-white: #ffffff;--color-neutral-light: #f5f7fa;--color-neutral-gray: #8b95a5;--color-neutral-dark: #1a2332;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .2);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .25);--gradient-hero: linear-gradient(135deg, #0a1e3f 0%, #1e3a5f 50%, #00a8cc 100%);--gradient-hero-dark: linear-gradient(135deg, #0a1e3f 0%, #2a4d7a 100%);--gradient-accent: linear-gradient(90deg, #ff006e 0%, #ff4d7d 100%)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-neutral-white);color:var(--color-neutral-dark)}code{font-family:var(--font-family-mono)}.layout-container{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.layout-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.home{flex:1;display:flex;flex-direction:column;background-color:var(--color-neutral-light)}.home-hero{background:var(--gradient-hero);padding:var(--spacing-lg) var(--spacing-2xl);color:var(--color-neutral-white);position:relative;overflow:hidden}.home-hero:before{content:"";position:absolute;top:0;right:-100px;width:400px;height:400px;border-radius:50%;background:#00d4ff26;z-index:0}.home-hero:after{content:"";position:absolute;bottom:-50px;left:-150px;width:300px;height:300px;border-radius:50%;background:#ff4d7d1a;z-index:0}.home-hero-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;width:100%}.home-hero-text{margin-bottom:0}.home-hero-title{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md);text-shadow:0 2px 8px rgba(0,0,0,.2)}.home-hero-subtitle{font-size:1rem;font-weight:300;line-height:1.6;opacity:.95;max-width:600px}.home-hero-accent{color:var(--color-accent-cyan);font-weight:600}.home-content{flex:1;padding:var(--spacing-lg) var(--spacing-2xl) var(--spacing-md)}.home-description{max-width:1200px;margin:0 auto var(--spacing-md);width:100%}.home-description h2{font-size:1.8rem;color:var(--color-primary-dark);margin-bottom:var(--spacing-sm);font-weight:700}.home-description p{font-size:1rem;color:var(--color-neutral-gray);line-height:1.8;margin-bottom:var(--spacing-sm)}.home-description-highlight{color:var(--color-accent-teal);font-weight:600}.home-features{max-width:1200px;margin:0 auto;width:100%}.home-features h3{font-size:1.5rem;color:var(--color-primary-dark);margin-bottom:var(--spacing-md);font-weight:700;text-align:center}.home-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-bottom:0}.home-card{background:var(--color-neutral-white);border-radius:12px;padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border-left:4px solid var(--color-accent-teal);text-decoration:none;color:inherit;display:flex;flex-direction:column;position:relative;overflow:hidden}.home-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(0,212,255,.1),transparent);border-radius:50%;z-index:0}.home-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.home-card:nth-child(1){border-left-color:var(--color-accent-teal)}.home-card:nth-child(1):hover{background:linear-gradient(135deg,rgba(0,168,204,.05),transparent)}.home-card:nth-child(2){border-left-color:var(--color-accent-cyan)}.home-card:nth-child(2):hover{background:linear-gradient(135deg,rgba(0,212,255,.05),transparent)}.home-card:nth-child(3){border-left-color:var(--color-accent-magenta)}.home-card:nth-child(3):hover{background:linear-gradient(135deg,rgba(255,0,110,.05),transparent)}.home-card-icon{position:relative;z-index:1;width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:var(--spacing-md);font-weight:700}.home-card:nth-child(1) .home-card-icon{background:linear-gradient(135deg,#00a8cc33,#00a8cc1a);color:var(--color-accent-teal)}.home-card:nth-child(2) .home-card-icon{background:linear-gradient(135deg,#00d4ff33,#00d4ff1a);color:var(--color-accent-cyan)}.home-card:nth-child(3) .home-card-icon{background:linear-gradient(135deg,#ff006e33,#ff006e1a);color:var(--color-accent-magenta)}.home-card-title{position:relative;z-index:1;font-size:1.3rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:var(--spacing-sm)}.home-card-description{position:relative;z-index:1;font-size:.95rem;color:var(--color-neutral-gray);line-height:1.6;flex:1;margin-bottom:var(--spacing-md)}.home-card-link-text{position:relative;z-index:1;font-size:.9rem;font-weight:600;color:var(--color-accent-teal);display:inline-flex;align-items:center;gap:var(--spacing-xs);transition:gap .2s ease}.home-card:hover .home-card-link-text{gap:var(--spacing-sm)}.home-card-arrow{transition:transform .2s ease}.home-card:hover .home-card-arrow{transform:translate(4px)}.home-card.disabled{opacity:.6;filter:grayscale(1);cursor:not-allowed;pointer-events:none}.home-card.disabled:hover{transform:none;box-shadow:var(--shadow-md)}.coming-soon-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);font-size:.7rem;font-weight:700;text-transform:uppercase;background-color:var(--color-neutral-gray);color:var(--color-neutral-white);padding:.2rem .5rem;border-radius:12px;z-index:2}@media(max-width:768px){.home-hero{padding:var(--spacing-md) var(--spacing-lg)}.home-hero-title{font-size:1.5rem}.home-hero-subtitle{font-size:.95rem}.home-content{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}.home-description h2{font-size:1.4rem}.home-features h3{font-size:1.2rem}.home-cards-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.home-card{padding:var(--spacing-lg)}}@media(max-width:480px){.home-hero{padding:var(--spacing-md) var(--spacing-md)}.home-hero-title{font-size:1.3rem}.home-hero-subtitle{font-size:.9rem}.home-content{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm)}.home-description h2{font-size:1.2rem}.home-features h3{font-size:1rem}.home-card-title{font-size:1.1rem}.home-card-description{font-size:.9rem}}.header{background-color:var(--color-primary-blue);box-shadow:var(--shadow-md);z-index:100}.header-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:100%}.header-brand{flex:1}.header-brand h1{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-neutral-white);letter-spacing:.5px}.header-auth{display:flex;align-items:center}.auth-menu-container{position:relative;display:flex;align-items:center}.auth-button{display:flex;align-items:center;justify-content:center;color:var(--color-neutral-white);padding:.5rem .75rem;background:none;border:1px solid var(--color-neutral-white);border-radius:4px;cursor:pointer;transition:background-color .3s ease;min-width:42px;min-height:42px}.auth-button:hover{background-color:#ffffff1a}.auth-button:active{background-color:#ffffff26}.hamburger-icon{width:20px;height:20px;color:var(--color-neutral-white);flex-shrink:0}.logout-icon{width:18px;height:18px}.logout-menu{position:absolute;top:100%;right:-2rem;background-color:var(--color-primary-blue);border:none;box-shadow:var(--shadow-md);min-width:280px;z-index:101;overflow:hidden;animation:slideInRight .2s ease-out;margin-top:16px}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.logout-menu-header{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.2)}.logout-menu-icon{width:20px;height:20px;color:var(--color-neutral-white);flex-shrink:0}.logout-menu-email{font-weight:500;font-size:.9rem;color:var(--color-neutral-white)}.logout-button{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem;font-size:.9rem;color:var(--color-neutral-white);background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease}.logout-button:hover{background-color:#ffffff1a}.logout-button:active{background-color:#ffffff26}@media(max-width:768px){.header-container{padding:.75rem 1rem}.header-brand h1{font-size:1.1rem}.logout-menu{margin-top:12px}.auth-button{gap:.5rem}.hamburger-icon{width:18px;height:18px}}.toast{position:fixed;bottom:20px;right:20px;max-width:400px;padding:16px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;z-index:2000;animation:slideInRight .3s ease;font-size:14px;line-height:1.5}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.toast.exiting{animation:slideOutRight .3s ease forwards}.toast.toast-error{background-color:#ffebee;border-left:4px solid #d32f2f;color:#c62828}.toast.toast-success{background-color:#e8f5e9;border-left:4px solid #388e3c;color:#2e7d32}.toast.toast-info{background-color:#e3f2fd;border-left:4px solid #1976d2;color:#1565c0}.toast-content{flex:1;min-width:0;display:flex;align-items:flex-start}.toast-message{font-weight:500;word-break:break-word;overflow-wrap:anywhere}.toast-close{background:none;border:none;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;flex-shrink:0;margin-top:-2px}.toast.toast-error .toast-close{color:#c62828}.toast.toast-success .toast-close{color:#2e7d32}.toast.toast-info .toast-close{color:#1565c0}.toast-close:hover{background-color:#0000001a}@media(max-width:480px){.toast{bottom:10px;right:10px;left:10px;max-width:none}}