:root{--bg-color:#fff;--text-color:#2c3e50;--primary-color:#3498db;--secondary-color:#2ecc71;--accent-color:#e74c3c;--border-color:#ddd;--card-bg:#fff;--shadow-color:#0000001a}[data-theme=dark]{--bg-color:#1a1a1a;--text-color:#fff;--primary-color:#3498db;--secondary-color:#2ecc71;--accent-color:#e74c3c;--border-color:#333;--card-bg:#2d2d2d;--shadow-color:#0000004d}body{background-color:#fff;color:#2c3e50;line-height:1.6;margin:0;min-height:100vh}a{color:#3498db;color:var(--primary-color);text-decoration:none}button{background-color:#3498db;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;padding:8px 16px;transition:opacity .2s}button:hover{opacity:.9}input,select,textarea{background-color:#fff;background-color:var(--card-bg);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;color:#2c3e50;color:var(--text-color);font-family:inherit;padding:8px}h1,h2,h3,h4,h5,h6{color:#2c3e50;color:var(--text-color);line-height:1.2}img{height:auto;max-width:100%}.layout{display:flex;min-height:100vh}.sidebar{background:#333;color:#fff;padding:20px;width:220px}.sidebar nav a{color:#fff;display:block;margin:10px 0;text-decoration:none}.sidebar nav a.active{color:#00e0ff;font-weight:700}.main-content{background-color:#fff;background-color:var(--bg-color)}.header{background:#222;color:#fff;padding:10px 20px}.card,.content-area{padding:20px}.card{background-color:#fff;background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);margin-bottom:20px}.navbar{align-items:center;background:#ffffffe6;display:flex;font-family:Raleway,Arial,Helvetica,sans-serif;height:80px;justify-content:center;margin:0 auto;max-width:100vw;position:-webkit-sticky;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:999}.navbar.dark{background:#1e1e1ecc}.navbar.scrolled{border-radius:40px;box-shadow:0 2px 10px #0000001a;margin:16px auto 0;max-width:1100px;transition:all .3s cubic-bezier(.4,0,.2,1);width:80%}.navbar-container{justify-content:space-between;max-width:1200px;padding:0 24px;width:100%}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#333;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all .3s ease}.dark .navbar-logo{color:#fff}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#007bff,#0f8);-webkit-background-clip:text;font-weight:800}.nav-controls{align-items:center;display:flex;gap:1rem}.theme-toggle{background:none;border:none;border-radius:50%;color:#333;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .3s ease}.dark .theme-toggle{color:#fff}.theme-toggle:hover{background:#0000001a}.dark .theme-toggle:hover{background:#ffffff1a}.mobile-menu-icon{background:none;border:none;color:#333;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem}.dark .mobile-menu-icon{color:#fff}.nav-menu{list-style:none;margin:0;padding:0;text-align:center}.nav-item,.nav-menu{align-items:center;display:flex}.nav-item{height:80px}.nav-link{align-items:center;color:#333;display:flex;font-size:1.1rem;height:100%;padding:0 1rem;position:relative;text-decoration:none;transition:all .3s ease}.dark .nav-link{color:#fff}.nav-link:after{background:linear-gradient(45deg,#007bff,#0f8);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-link:hover:after{width:100%}.nav-link:hover{color:#007bff}.dark .nav-link:hover{color:#0f8}@media screen and (max-width:768px){.navbar-container{padding:0 16px}.mobile-menu-icon{display:block}.nav-menu{display:flex;flex-direction:column;height:calc(100vh - 80px);left:-100%;opacity:0;position:absolute;top:80px;transition:all .5s ease;width:100%}.dark .nav-menu,.nav-menu{background:#0000}.nav-menu.active{left:0;opacity:1;transition:all .5s ease;z-index:1}.nav-item{display:flex;height:60px;justify-content:center;width:100%}.nav-link{display:table;padding:1.5rem;text-align:center;width:100%}.nav-link:after{display:none}.navbar-logo{font-size:1.2rem}}.home{color:var(--text-color);margin:0 auto;max-width:1200px;padding:2rem;transition:color .3s ease}.home h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px var(--shadow-color)}.home h1,.home p{color:var(--text-color);text-align:center}.home p{font-size:1.1rem;line-height:1.6;margin-bottom:3rem}.features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.feature-card{background:var(--card-bg);border-radius:12px;box-shadow:0 2px 4px var(--shadow-color);cursor:pointer;padding:2rem;position:relative;transition:all .3s ease;z-index:0}.feature-card:after{background-color:var(--text-color);height:100%;left:0;top:0;transition:opacity .3s ease;width:100%}.feature-card:after,.feature-card:before{border-radius:10px;content:"";opacity:0;position:absolute;z-index:-1}.feature-card:before{animation:glowing 20s linear infinite;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#ff00c8,red);background-size:600%;filter:blur(8px);height:calc(100% + 4px);left:-2px;top:-2px;transition:opacity .3s ease-in-out;width:calc(100% + 4px)}.feature-card:hover:after,.feature-card:hover:before{opacity:1}.feature-card:hover{transform:translateY(-5px)}.feature-card:hover,.feature-card:hover h2,.feature-card:hover p{color:var(--card-bg)}.feature-card h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feature-card h2,.feature-card p{color:var(--text-color);transition:color .3s ease}.feature-card p{font-size:1rem;line-height:1.5;margin:0}@media (max-width:768px){.home{padding:1rem}.home h1{font-size:2rem}.feature-card{padding:1.5rem}}.search-container{margin:20px auto;max-width:600px;padding:0 20px;width:100%}.search-form{align-items:center;background:#fff;border-radius:30px;box-shadow:0 2px 10px #0000001a;display:flex;overflow:hidden;transition:all .3s ease}.search-form:focus-within{box-shadow:0 4px 15px #00000026}.search-input{background:#0000;flex:1 1;font-size:16px;outline:none}.search-button,.search-input{border:none;padding:12px 20px}.search-button{background:#007bff;cursor:pointer;transition:background-color .3s ease}.search-button:hover{background:#0056b3}.search-icon{color:#fff;font-size:18px}.about{margin:0 auto;max-width:1000px;padding:2rem;transition:color .3s ease}.about,.about h1{color:var(--text-color)}.about h1{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;text-shadow:2px 2px 4px var(--shadow-color)}.about-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.about-section{background:var(--card-bg);border-radius:12px;box-shadow:0 2px 4px var(--shadow-color);padding:2rem;position:relative;transition:all .3s ease;z-index:0}.about-section:before{animation:glowing 20s linear infinite;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#ff00c8,red);background-size:600%;border-radius:10px;content:"";filter:blur(8px);height:calc(100% + 4px);left:-2px;opacity:0;position:absolute;top:-2px;transition:opacity .3s ease-in-out;width:calc(100% + 4px);z-index:-1}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.about-section:hover:before{opacity:1}.about-section:hover{transform:translateY(-5px)}.about-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.about-section h2,.about-section p{color:var(--text-color);transition:color .3s ease}.about-section p{line-height:1.6}.about-section ul{list-style-type:none;padding:0}.about-section li{border-bottom:1px solid var(--border-color);color:var(--text-color);padding:.5rem 0;transition:all .3s ease}.about-section li:last-child{border-bottom:none}.about-section:hover li{color:var(--text-color)}.about-section a{color:#3498db;text-decoration:none;transition:color .3s ease}.about-section a:hover{color:#2980b9;text-decoration:underline}@media (max-width:768px){.about-content{grid-template-columns:1fr}.about{padding:1rem}.about h1{font-size:2rem}.about-section{padding:1.5rem}}.contact{margin:0 auto;max-width:600px;padding:2rem}.contact h1{color:var(--text-color);margin-bottom:2rem;text-align:center}.contact-form{gap:1.5rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:var(--text-color);font-weight:500}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.8rem}.form-group textarea{min-height:150px;resize:vertical}.submit-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:1rem;transition:background-color .2s}.submit-btn:hover{background-color:#0056b3}.toast{align-items:center;animation:slideIn .3s ease-out;background-color:#e6ffee;border-radius:8px;bottom:20px;box-shadow:0 4px 8px #0003;color:green;display:flex;font-weight:500;gap:10px;padding:12px 20px;position:fixed;right:20px;z-index:9999}.toast-icon{font-size:20px}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.contact-container{grid-gap:2rem;background:var(--card-bg);border-radius:12px;box-shadow:0 2px 4px #0000001a;display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:2rem}.contact-info{padding-right:2rem}.contact-info h2{color:var(--text-color);margin-bottom:1rem}.contact-info p{color:var(--text-color);margin-bottom:2rem}.info-item{margin-bottom:1.5rem}.info-item h3{color:var(--text-color);margin-bottom:.5rem}.info-item p{color:var(--text-color);line-height:1.6}@media (max-width:768px){.contact-container{grid-template-columns:1fr}.contact-info{padding-right:0}}.Social Media{margin:0 auto;max-width:1200px;padding:2rem}.dashboard h1{color:#2c3e50;margin-bottom:2rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.stat-card h3{color:#666;font-size:.9rem;margin-bottom:.5rem}.stat-value{color:#2c3e50;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.stat-change{font-size:.9rem;font-weight:500}.stat-change.positive{color:#27ae60}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dashboard-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.dashboard-card h2{color:#2c3e50;font-size:1.2rem;margin-bottom:1.5rem}.activity-list{list-style:none;margin:0;padding:0}.activity-list li{align-items:center;border-bottom:1px solid #eee;display:flex;padding:1rem 0}.activity-list li:last-child{border-bottom:none}.activity-time{color:#666;font-size:.9rem;width:80px}.activity-text{color:#2c3e50}.quick-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.action-btn{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem;transition:background-color .3s ease}.action-btn:hover{background-color:#2980b9}@media (max-width:768px){.dashboard{padding:1rem}.dashboard-grid,.stats-grid{grid-template-columns:1fr}}.dashboard{align-items:center;display:flex;justify-content:center;min-height:50vh;padding:2rem;text-align:center}.dashboard h2{color:#2c3e50;font-size:1.8rem;line-height:1.5}.dashboard a{color:#1da1f2;font-weight:700;text-decoration:none;transition:color .3s ease}.dashboard a:hover{color:#0c85d0;text-decoration:underline}.App{background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:20px;width:100%}@media (max-width:768px){.main-content{padding:15px}}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease-in}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease-in}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}h1{margin-bottom:20px}p{color:#61dafb;font-size:1.2rem}.api-test{border:1px solid #61dafb;border-radius:5px;margin-top:20px;padding:10px}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}::selection{background-color:#3498db;color:#fff}
/*# sourceMappingURL=main.f944cb1a.css.map*/