@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-color:#15c1ff;--secondary-color:#003b6d;--text-color:#333;--light-text:#fff;--dark-bg:#003b6d;--light-bg:#f5f5f5;--container-width:1200px}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1200px;max-width:var(--container-width);padding:0 15px;width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}img{height:auto;max-width:100%}.section-title{font-size:28px;padding-bottom:15px}.section-title:after{background-color:#15c1ff;background-color:var(--primary-color);bottom:0;width:50px}section{padding:80px 0}.btn,button{border:none;cursor:pointer;outline:none}.read-more{color:var(--primary-color)}.read-more:hover{text-decoration:underline}.App{text-align:center}.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)}}.about-section{background-color:#f8f9fa;padding:80px 0;text-align:center}.section-title{color:#00bfff;font-size:2rem;letter-spacing:1px;margin-bottom:40px}.about-content{margin:0 auto 60px;max-width:800px;text-align:center}.about-content p{color:#666;font-size:1rem;line-height:1.8;margin-bottom:25px}.read-more{color:#666;display:inline-block;font-size:.95rem;font-style:italic}.read-more:hover{color:#00bfff}.about-menu{display:flex;gap:80px;justify-content:center;margin-top:60px}.about-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:15px;transition:transform .3s ease}.about-item:hover{transform:translateY(-5px)}.icon-container{align-items:center;display:flex;height:80px;justify-content:center;position:relative;width:80px}.icon-container svg{color:#00bfff;height:100%;transition:all .3s ease;width:100%}.about-item:hover .icon-container svg{color:#09c;transform:scale(1.1)}.about-item h3{color:#333;font-size:.9rem;font-weight:600;letter-spacing:1px}@media (max-width:768px){.about-section{padding:60px 20px}.section-title{font-size:1.8rem}.about-content p{font-size:.95rem}.about-menu{flex-direction:column;gap:40px}.icon-container{height:60px;width:60px}}@media (max-width:480px){.section-title{font-size:1.5rem}.about-content{margin-bottom:40px}.about-menu{gap:30px}}.achievements-section{background-color:var(--dark-bg);color:#fff;padding:80px 0}.achievements-section .section-title{color:#fff;font-size:2rem;margin-bottom:50px;text-align:center}.achievements-container{align-items:center;display:flex;gap:30px;justify-content:center;position:relative}.achievements-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);max-width:1200px;width:100%}.achievement-card{background-color:#ffffff1a;border:2px solid #fff3;border-radius:10px;padding:30px 20px;text-align:center;transition:all .3s ease}.achievement-card:hover{border-color:var(--primary-color);box-shadow:0 10px 30px #15c1ff4d;transform:translateY(-10px)}.achievement-image{align-items:center;background-color:#ffffff1a;border-radius:10px;display:flex;height:120px;justify-content:center;margin:0 auto 20px;overflow:hidden;width:120px}.achievement-image img{height:100%;object-fit:cover;width:100%}.achievement-info{padding:0 10px}.achievement-title{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:8px;text-transform:uppercase}.achievement-subtitle{color:var(--primary-color);font-size:1rem;font-weight:600;margin-bottom:15px;text-transform:uppercase}.achievement-description{color:#e0e0e0;font-size:.9rem;line-height:1.6;margin-bottom:20px}.detail-btn{background-color:var(--primary-color);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 20px;transition:all .3s ease}.detail-btn:hover{background-color:#0faff0;transform:translateY(-2px)}.nav-btn{align-items:center;background:#0000;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.nav-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:scale(1.1)}@media (max-width:1024px){.achievements-grid{gap:25px;grid-template-columns:repeat(2,1fr)}.achievements-container{gap:20px}}@media (max-width:768px){.achievements-grid{gap:20px;grid-template-columns:1fr}.achievements-container{flex-direction:column;gap:30px}.nav-btn{display:none}.achievement-card{padding:25px 15px}}@media (max-width:480px){.achievement-image{height:100px;width:100px}.achievement-title{font-size:1.1rem}.achievement-subtitle{font-size:.9rem}.achievement-description{font-size:.85rem}}body.modal-open{overflow:hidden;position:fixed;width:100%}.modal-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;bottom:0;margin:0;min-height:100vh;min-width:100vw;padding:10vh 20px 20px;right:0}.modal-content{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,#fff,#f8fafc);border-radius:20px;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;flex-shrink:0;max-height:85vh;max-width:1000px;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(-40px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{background:linear-gradient(145deg,#ff4757,#ff3838);box-shadow:0 4px 15px #ff47574d;height:45px;right:20px;top:20px;width:45px;z-index:1001}.modal-close:hover{background:linear-gradient(145deg,#ff3838,#ff2727);box-shadow:0 6px 20px #ff475766;transform:scale(1.1) rotate(90deg)}.modal-close span{color:#fff;font-size:20px;font-weight:700;line-height:1}.modal-header{background:linear-gradient(135deg,var(--primary-color) 0,#0ea5e9 100%);color:#fff;flex-shrink:0;overflow:hidden;padding:30px 40px 25px;position:relative;text-align:center}.modal-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5'/%3E%3Ccircle cx='20' cy='20' r='20' fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='.5'/%3E%3Ccircle cx='80' cy='80' r='15' fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='.5'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.modal-image{border:3px solid #ffffff4d;border-radius:15px;box-shadow:0 8px 20px #0003;height:100px;margin:0 auto 15px;overflow:hidden;position:relative;transition:transform .3s ease;width:100px;z-index:1}.modal-image:hover{transform:scale(1.05)}.modal-image img{height:100%;object-fit:cover;width:100%}.modal-title-section{position:relative;z-index:1}.modal-title-section h3{font-size:1.6rem;font-weight:800;letter-spacing:.5px;margin-bottom:8px;text-shadow:0 2px 4px #0000001a;text-transform:uppercase}.modal-title-section h4{font-size:1rem;font-weight:600;letter-spacing:.3px;margin-bottom:12px;opacity:.9;text-transform:uppercase}.modal-date{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:8px;padding:4px 12px}.modal-organization{font-size:.85rem;font-weight:500;margin-bottom:0;opacity:.9}.modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:0}.modal-section{border-bottom:1px solid #e2e8f0;padding:25px 40px;position:relative}.modal-section:last-child{border-bottom:none}.modal-section:nth-child(2n){background:linear-gradient(145deg,#f8fafc,#f1f5f9)}.modal-section h5{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:700;gap:8px;margin-bottom:15px;position:relative}.modal-section h5:before{background:linear-gradient(135deg,var(--primary-color),#0ea5e9);border-radius:2px;content:"";height:20px;left:-15px;position:absolute;top:50%;transform:translateY(-50%);width:3px}.modal-section ul{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.modal-section li{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 4px #0000000d;color:#334155;font-size:.85rem;line-height:1.4;padding:12px 16px;position:relative;transition:all .3s ease}.modal-section li:hover{border-color:var(--primary-color);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.modal-section li:before{align-items:center;background:linear-gradient(135deg,var(--primary-color),#0ea5e9);border-radius:50%;color:#fff;content:"✦";display:flex;font-size:6px;font-weight:700;height:12px;justify-content:center;left:-6px;position:absolute;top:50%;transform:translateY(-50%);width:12px}.modal-section p{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 3px 8px #0000000d;color:#334155;font-size:.9rem;font-weight:500;line-height:1.5;margin:0;padding:15px 18px;position:relative}.modal-section p:before{align-items:center;background:linear-gradient(135deg,var(--primary-color),#0ea5e9);border-radius:50%;content:"💡";display:flex;font-size:8px;height:16px;justify-content:center;left:15px;position:absolute;top:-8px;width:16px}.modal-footer{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;flex-shrink:0;padding:25px 40px;text-align:center}.btn-primary{background:linear-gradient(135deg,var(--primary-color),#0ea5e9);border:none;border-radius:25px;box-shadow:0 4px 15px #15c1ff4d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;letter-spacing:.3px;min-width:120px;overflow:hidden;padding:12px 30px;position:relative;text-transform:uppercase;transition:all .3s ease}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-primary:hover{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 10px 30px #15c1ff66;transform:translateY(-3px)}.btn-primary:hover:before{left:100%}.modal-section h5:first-child{color:#7c3aed}.modal-section:first-child h5:before{background:linear-gradient(135deg,#7c3aed,#a855f7)}.modal-section:nth-child(2) h5:before{background:linear-gradient(135deg,#059669,#10b981)}.modal-section:nth-child(3) h5:before{background:linear-gradient(135deg,#dc2626,#ef4444)}@media (max-width:768px){.modal-overlay{padding:5vh 10px 10px}.modal-content{border-radius:15px;max-height:90vh}.modal-header{padding:20px 20px 15px}.modal-image{height:80px;margin-bottom:12px;width:80px}.modal-title-section h3{font-size:1.3rem}.modal-title-section h4{font-size:.9rem}.modal-date{font-size:.75rem;padding:3px 10px}.modal-organization{font-size:.8rem}.modal-footer,.modal-section{padding:15px 20px}.modal-section h5{font-size:1rem;margin-bottom:12px}.modal-section li{font-size:.8rem;padding:10px 14px}.modal-section p{font-size:.85rem;padding:12px 16px}.btn-primary{font-size:.9rem;padding:10px 25px}}@media (max-width:480px){.modal-overlay{padding:3vh 5px 5px}.modal-content{border-radius:12px;margin:5px;max-height:95vh}.modal-header{padding:15px 15px 12px}.modal-footer,.modal-section{padding:12px 15px}.modal-close{height:35px;right:10px;top:10px;width:35px}.modal-close span{font-size:16px}.modal-image{height:70px;width:70px}.modal-title-section h3{font-size:1.1rem}.modal-title-section h4{font-size:.85rem}.modal-section h5{font-size:.95rem;margin-bottom:10px}.modal-section li{font-size:.75rem;padding:8px 12px}.modal-section p{font-size:.8rem;padding:10px 14px}.btn-primary{font-size:.85rem;min-width:100px;padding:8px 20px}}.back-to-top-btn{align-items:center;animation:fadeInUp .3s ease forwards;background-color:#15c1ff;border:none;border-radius:50%;bottom:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:#fff;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:.75rem;position:fixed;right:2rem;transform:scale(1);transition:all .3s ease;z-index:50}.back-to-top-btn:hover{background-color:#0ea5e9;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:scale(1.1)}.back-to-top-btn:active{transform:scale(.95)}.back-to-top-btn:focus{box-shadow:0 0 0 3px #15c1ff4d;outline:none}.back-to-top-icon{stroke:currentColor;stroke-width:2;fill:none;height:1.5rem;width:1.5rem}@media (max-width:768px){.back-to-top-btn{bottom:1.5rem;padding:.625rem;right:1.5rem}.back-to-top-icon{height:1.25rem;width:1.25rem}}@media (max-width:480px){.back-to-top-btn{bottom:1rem;padding:.5rem;right:1rem}.back-to-top-icon{height:1rem;width:1rem}}@media (prefers-contrast:high){.back-to-top-btn{border:2px solid #fff}}@media (prefers-reduced-motion:reduce){.back-to-top-btn{animation:none;transition:none}.back-to-top-btn:hover{transform:none}}@media (prefers-color-scheme:dark){.back-to-top-btn{background-color:#0ea5e9;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0000001a}.back-to-top-btn:hover{background-color:#0284c7}}.footer{background-color:#fff;border-top:1px solid #e5e7eb;color:#113f63;padding-bottom:1.5rem;padding-top:4rem}.footer-container{margin:0 auto;max-width:1200px;padding:0 1rem}.footer-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-title{color:#113f63;font-size:1rem;font-weight:700;margin-bottom:.75rem}.footer-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.footer-list li{font-size:.875rem}.footer-link{color:#113f63;text-decoration:none;transition:all .3s ease}.footer-link:hover{text-decoration:underline}.footer-contact-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.contact-item{align-items:flex-start;font-size:.875rem;gap:.5rem}.contact-icon{color:#113f63;flex-shrink:0;height:1rem;margin-top:.125rem;width:1rem}.footer-bottom{align-items:center;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem;justify-content:space-between;padding-top:1rem}@media (min-width:768px){.footer-bottom{flex-direction:row;gap:0}}.footer-copyright{color:#113f63;font-size:.75rem;margin:0}@media (min-width:768px){.footer-copyright{margin-bottom:0}}.footer-social{align-items:center;color:#113f63;display:flex;font-size:.75rem;gap:.5rem}.social-text{margin-right:.5rem}.social-link{transition:opacity .3s ease}.social-link:hover{opacity:.8}.social-icon{height:18px;width:18px}@media (max-width:767px){.footer{padding-bottom:1rem;padding-top:2rem}.footer-container{padding:0 .75rem}.footer-grid{gap:1.5rem;margin-bottom:1.5rem}.footer-bottom{gap:1rem;text-align:center}}@media print{.footer{background-color:#fff;color:#000}.footer-social{display:none}}.header{left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:50}.header.scrolled{background-color:#15c1ff;box-shadow:0 4px 6px #0000001a;padding:.75rem 0}.header.not-scrolled{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000004d;padding:1.25rem 0}.header-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.header-container,.header-logo{align-items:center;display:flex}.header-logo{flex-shrink:0;text-decoration:none}.header-logo-content{color:#fff;font-size:1.25rem;font-weight:700}.header-logo-span{align-items:center;display:flex}.header-logo img{height:auto;transition:all .3s ease;width:200px}@media (min-width:768px){.header-logo img{width:240px}}.header-nav{align-items:center;display:none;flex:1 1;gap:2.5rem;justify-content:end;padding:0 2rem;position:relative;z-index:1}.header-nav-link{border-bottom:2px solid #0000;color:#fff;font-size:.95rem;font-weight:500;letter-spacing:.025em;padding:.5rem 0;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease;z-index:1}.header-nav-link:hover{border-bottom:2px solid #fff;color:#fff;transform:translateY(-1px)}.header-nav-link.active{border-bottom:2px solid #fff;color:#fff;font-weight:600}.dropdown{position:relative;z-index:1000}.dropdown:after{background:#0000;content:"";height:.5rem;left:0;position:absolute;right:0;top:100%;z-index:999}.dropdown-button{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;letter-spacing:.025em;padding:.5rem 0;position:relative;text-transform:uppercase;transition:all .3s ease;z-index:1}.dropdown-button:hover{border-bottom:2px solid #fff;color:#fff;transform:translateY(-1px)}.dropdown-button.active{border-bottom:2px solid #fff;color:#fff;font-weight:600}.dropdown-icon{height:1rem;margin-left:.5rem;transition:transform .3s ease;width:1rem}.dropdown-icon.open{transform:rotate(180deg)}.dropdown-menu{background-color:#fff;border:1px solid #0000000d;border-radius:.5rem;box-shadow:0 15px 35px #0000001a,0 5px 15px #00000014;left:50%;min-width:-webkit-max-content;min-width:max-content;padding:.5rem 0;position:absolute;top:calc(100% + .1rem);transition:all .2s ease;z-index:1000}.dropdown-menu.about{transform:translateX(-50%);width:10rem}.dropdown-menu.projects{transform:translateX(-50%);width:14rem}.dropdown-menu.visible{display:block;opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0);visibility:visible}.dropdown-menu.hidden{display:none;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-5px);visibility:hidden}.dropdown-menu-link{background:none;border:none;color:#374151;cursor:pointer;display:block;font-size:.875rem;font-weight:500;letter-spacing:.025em;padding:.75rem 1.5rem;text-align:left;text-decoration:none;text-transform:uppercase;transition:all .2s ease;white-space:nowrap;width:100%}.dropdown-menu-link:hover{background-color:#15c1ff;color:#fff;padding-left:1.75rem}.dropdown-menu-link.active{background-color:#15c1ff;color:#fff;font-weight:600}.mobile-menu-button{background:none;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:block;padding:.5rem;transition:all .3s ease}.mobile-menu-button:hover{background-color:#ffffff1a}.mobile-menu-icon{height:1.5rem;transition:transform .3s ease;width:1.5rem}.mobile-menu{background-color:#15c1ff;border-top:1px solid #fff3;box-shadow:0 4px 6px #0000001a;z-index:60}.mobile-menu,.mobile-menu-content{pointer-events:auto!important;position:relative}.mobile-menu-content{max-height:80vh;overflow-y:auto;overflow:visible!important;padding:1rem;z-index:61}.mobile-menu-item{margin-bottom:.5rem;pointer-events:auto!important;position:relative;z-index:62}.mobile-menu-link{-webkit-tap-highlight-color:rgba(255,255,255,.3);border-radius:.5rem;box-sizing:border-box!important;color:#fff;display:block!important;font-weight:500;letter-spacing:.025em;min-height:44px!important;padding:.75rem 1rem;pointer-events:auto!important;position:relative!important;text-decoration:none;text-transform:uppercase;touch-action:manipulation!important;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:100%!important;z-index:69!important}.mobile-menu-link:hover{background-color:#ffffff1a;transform:translateX(5px)}.mobile-menu-link.active{background-color:#fff3;color:#fff;font-weight:600}.mobile-dropdown-button{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;letter-spacing:.025em;padding:.75rem 1rem;position:relative;text-align:left;text-transform:uppercase;touch-action:manipulation;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:100%;z-index:63}.mobile-dropdown-button:focus,.mobile-dropdown-button:hover{background-color:#ffffff1a;outline:none}.mobile-dropdown-button.active{background-color:#fff3;color:#fff;font-weight:600}.mobile-dropdown-icon{flex-shrink:0;height:1rem;pointer-events:none;transition:transform .3s ease;width:1rem}.mobile-dropdown-icon.open{transform:rotate(180deg)}.mobile-dropdown-content{background-color:#ffffff0d;border-radius:.5rem;margin-top:.5rem;overflow:visible;padding:.5rem 0 .5rem 1.5rem;pointer-events:auto!important;position:relative;transition:all .3s ease;z-index:70}.mobile-dropdown-content .mobile-menu-item{margin-bottom:.25rem;pointer-events:auto!important;position:relative;z-index:71}.mobile-dropdown-link{-webkit-tap-highlight-color:rgba(255,255,255,.3);border-radius:.375rem;box-sizing:border-box!important;color:#ffffffe6!important;display:block!important;font-size:.875rem;font-weight:500;letter-spacing:.025em;min-height:44px!important;padding:.75rem 1rem!important;pointer-events:auto!important;position:relative!important;text-decoration:none;text-transform:uppercase;touch-action:manipulation!important;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:100%!important;z-index:72!important}.mobile-dropdown-link:active,.mobile-dropdown-link:hover{background-color:#fff3!important;color:#fff!important;transform:translateX(3px)}.mobile-dropdown-link.active{background-color:#ffffff4d!important;color:#fff!important;font-weight:600}@media (min-width:768px){.header-nav{display:flex}.mobile-menu-button{display:none}.header-container{padding:0 2rem}}@media (min-width:1024px){.header-nav{gap:3rem}.dropdown-button,.header-nav-link{font-size:1rem}}@media (min-width:1280px){.header-container{max-width:1400px}.header-nav{gap:3.5rem}}@media (max-width:767px){.mobile-menu-button{-webkit-tap-highlight-color:transparent;background:none;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:block;min-height:44px;min-width:44px;padding:.75rem;position:relative;touch-action:manipulation;transition:all .3s ease;-webkit-user-select:none;user-select:none;z-index:65}.mobile-menu-button:focus,.mobile-menu-button:hover{background-color:#ffffff1a;outline:none}.mobile-dropdown-button{font-size:.9rem;min-height:48px}.mobile-dropdown-content{background-color:#ffffff0d;border-radius:.5rem;margin-top:.5rem;overflow:visible;padding:.5rem 0 .5rem 1.5rem;pointer-events:auto!important;position:relative;transition:all .3s ease;z-index:70}.mobile-dropdown-content .mobile-menu-item{margin-bottom:.25rem;pointer-events:auto!important;position:relative;z-index:71}.mobile-dropdown-link{-webkit-tap-highlight-color:rgba(255,255,255,.3);border-radius:.375rem;box-sizing:border-box!important;color:#ffffffe6!important;display:block!important;font-size:.875rem;font-weight:500;letter-spacing:.025em;min-height:44px!important;padding:.75rem 1rem!important;pointer-events:auto!important;position:relative!important;text-decoration:none;text-transform:uppercase;touch-action:manipulation!important;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:100%!important;z-index:72!important}.mobile-dropdown-link:active,.mobile-dropdown-link:hover{background-color:#fff3!important;color:#fff!important;transform:translateX(3px)}.mobile-dropdown-link.active{background-color:#ffffff4d!important;color:#fff!important;font-weight:600}}@media (min-width:768px){.mobile-menu,.mobile-menu-button{display:none!important}.header-nav{display:flex}}.hidden{display:none}.block{display:block}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-white{color:#fff}.transition{transition:all .3s ease}.cursor-pointer{cursor:pointer}.rounded{border-radius:.375rem}.shadow-md{box-shadow:0 4px 6px #0000001a}.opacity-90{opacity:.9}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem}.ml-1{margin-left:.25rem}.mr-2{margin-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.space-y-1>*+*{margin-top:.25rem}.gap-2{gap:.5rem}.w-full{width:100%}.h-4{height:1rem}.w-4{width:1rem}.h-6{height:1.5rem}.w-6{width:1.5rem}.z-50{z-index:50}.fixed{position:fixed}.top-0{top:0}.left-0{left:0}.right-0{right:0}.absolute{position:absolute}.relative{position:relative}.duration-300{transition-duration:.3s}.duration-200{transition-duration:.2s}.mobile-dropdown-content *,.mobile-menu *,.mobile-menu-item *{pointer-events:auto!important;position:relative}.hero-section{height:100vh;overflow:hidden;position:relative}.hero-video-wrapper{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:0}.hero-background-video{height:100vh;left:50%;min-height:100%;min-width:100%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100vw}.hero-fallback{background-position:50%;background-size:cover}.hero-fallback,.hero-video-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.hero-video-overlay{background-color:#0006;z-index:10}.hero-main-content{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:1rem;padding-right:1rem;position:relative;text-align:center;z-index:20}.hero-inner-wrapper{max-width:42rem}.hero-main-title{font-size:1.875rem;font-weight:700;line-height:1.25;margin-bottom:1.5rem}@media (min-width:768px){.hero-main-title{font-size:2.25rem}}.hero-projects-btn{background-color:#15c1ff;border-radius:.75rem;color:#fff;display:inline-block;font-size:1.125rem;margin-top:1.5rem;padding:.75rem 2rem;text-decoration:none;transition:all .3s ease}.hero-projects-btn:hover{background-color:#15c1ffb3;color:#fff;text-decoration:none}.hero-arrow-container{animation:bounce 2s infinite;bottom:2.5rem;position:absolute}.hero-arrow-image{height:5rem;width:auto}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@media (max-width:767px){.hero-main-content{padding-left:1rem;padding-right:1rem}}@media (max-width:480px){.hero-main-title{font-size:1.5rem;margin-bottom:1rem}.hero-projects-btn{font-size:1rem;padding:.5rem 1.5rem}.hero-arrow-container{bottom:1.5rem}.hero-arrow-image{height:4rem}}.hero-background-video{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;will-change:transform}@media (prefers-reduced-motion:reduce){.hero-arrow-container{animation:none}.hero-projects-btn{transition:none}}@media print{.hero-section{background-color:#f8f9fa;color:#000;height:auto;min-height:50vh}.hero-video-wrapper{display:none}.hero-video-overlay{background-color:initial}.hero-main-content{color:#000;height:auto;padding:2rem 1rem;position:static}.hero-projects-btn{background-color:#113f63;color:#fff}.hero-arrow-container{display:none}}.news-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:4rem 0}.news-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.news-main{display:flex;flex-direction:column;gap:1.5rem}.main-article{border-radius:1rem;box-shadow:0 10px 25px #0000001a;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.main-article:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.main-article-image{height:20rem;position:relative}.main-article-image img{height:100%;object-fit:cover;width:100%}.article-overlay{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:2rem;position:absolute;right:0}.category-tag{background:#15c1ff;border-radius:1rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.article-date{color:#e5e7eb}.article-overlay h3{font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}.article-overlay p{color:#d1d5db;line-height:1.6;margin-bottom:1rem}.read-more-btn{background:#15c1ff;border-radius:.5rem;color:#fff;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}.read-more-btn:hover{background:#0ea5e9}.bottom-articles{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.bottom-article{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.bottom-article:hover{box-shadow:0 8px 15px #00000026;transform:translateY(-2px)}.bottom-article img{height:8rem;object-fit:cover;width:100%}.bottom-article-content{padding:1rem}.bottom-category{background:#f3f4f6;border-radius:.25rem;color:#15c1ff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.bottom-article-content h4{color:#111827;font-size:.875rem;font-weight:600;line-height:1.4;margin:.5rem 0}.bottom-date{color:#6b7280;font-size:.75rem}.news-sidebar{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;height:-webkit-fit-content;height:fit-content;padding:1.5rem}.sidebar-header{border-bottom:2px solid #f3f4f6;margin-bottom:1.5rem;padding-bottom:.75rem}.sidebar-header h3{color:#15c1ff;font-size:1.25rem;font-weight:700;text-transform:uppercase}.sidebar-news-item{border-bottom:1px solid #f3f4f6;display:flex;gap:.75rem;padding:.75rem 0;transition:background-color .3s ease}.sidebar-news-item:hover{background:#f9fafb;border-radius:.5rem;margin:0 -.75rem;padding:.75rem}.sidebar-news-item:last-child{border-bottom:none}.sidebar-image{border-radius:.5rem;flex-shrink:0;height:3rem;overflow:hidden;position:relative;width:4rem}.sidebar-image img{height:100%;object-fit:cover;width:100%}.sidebar-category{background:#15c1ff;border-radius:.25rem;color:#fff;font-size:.625rem;font-weight:600;left:.25rem;padding:.125rem .25rem;position:absolute;top:.25rem}.sidebar-content{flex:1 1;min-width:0}.sidebar-content h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#111827;display:-webkit-box;font-size:.875rem;font-weight:600;line-height:1.3;margin-bottom:.25rem;overflow:hidden}.view-all-news{border-top:1px solid #f3f4f6;margin-top:1.5rem;padding-top:1rem;text-align:center}.view-all-btn{align-items:center;background:linear-gradient(135deg,#15c1ff,#0ea5e9);border-radius:.5rem;color:#fff;display:inline-flex;padding:.75rem 1.5rem;transition:transform .3s ease,box-shadow .3s ease}.view-all-btn:hover{box-shadow:0 8px 15px #15c1ff4d;transform:translateY(-2px)}@media (min-width:768px){.section-title{font-size:3rem}.bottom-articles{grid-template-columns:repeat(2,1fr)}.main-article-image{height:24rem}}@media (min-width:1024px){.news-layout{gap:3rem;grid-template-columns:2fr 1fr}.main-article-image{height:28rem}}@media (min-width:1280px){.container{padding:0 2rem}}@media print{.news-sidebar{display:none}.news-layout{grid-template-columns:1fr}}@media (prefers-contrast:high){.bottom-article,.main-article,.news-sidebar{border:2px solid #000}}@media (prefers-reduced-motion:reduce){*{transform:none!important;transition:none!important}}.loading-card{background:#f3f4f6;border-radius:.75rem;overflow:hidden;position:relative}.loading-card.main{height:20rem}.loading-card.sidebar{height:15rem}.loading-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;height:100%;left:0;position:absolute;top:0;width:100%}.no-content,.no-featured{background:#f9fafb;border:2px dashed #d1d5db;border-radius:.75rem;color:#6b7280;font-style:italic;padding:2rem;text-align:center}.no-content,.no-featured,.section-subtitle{align-items:center;display:flex;justify-content:center}.section-subtitle{gap:.5rem}.sidebar-news-item{display:block}.sidebar-news-item,.sidebar-news-item:hover{color:inherit;text-decoration:none}.sidebar-news-item:hover .sidebar-content h4{color:#15c1ff}@media (min-width:1024px){.loading-card.main{height:24rem}.loading-card.sidebar{height:18rem}}.projects-section{background:#fff;padding:4rem 0}.container{max-width:87.5rem}.section-header{margin-bottom:3rem;text-align:center}.section-title{font-size:2.5rem;margin-bottom:1rem;position:relative}.section-title:after{background:#15c1ff;border-radius:2px;bottom:-.5rem;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:4rem}.section-subtitle{color:#6b7280;font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:36rem}.project-card{border:1px solid #f3f4f6;border-radius:1rem;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 20px 25px #00000026;transform:translateY(-8px)}.project-image-container{height:12rem;overflow:hidden;position:relative}.project-background{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-background{transform:scale(1.05)}.project-overlay-bg{background:linear-gradient(135deg,#0000,#0000004d);inset:0;position:absolute}.project-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2rem;position:absolute;right:1rem;top:1rem}.project-header{margin-bottom:1rem}.project-title{color:#111827;font-size:1.125rem}.project-subtitle{color:#15c1ff;font-size:.875rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.project-description{font-size:.875rem}.project-footer{justify-content:center}.project-btn{align-items:center;background:#15c1ff;border:2px solid #15c1ff;border-radius:.5rem;color:#fff;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.75rem 1.5rem}.project-btn:hover{background:#0000;box-shadow:0 8px 15px #15c1ff33;color:#15c1ff;transform:translateY(-2px)}.projects-cta{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #d1d5db;border-radius:1rem;padding:2rem;text-align:center}.projects-cta p{color:#374151;font-size:1.125rem;font-weight:500;margin-bottom:1rem}.contact-cta-btn{align-items:center;background:linear-gradient(135deg,#15c1ff,#0ea5e9);border-radius:.75rem;box-shadow:0 4px 6px #15c1ff33;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.contact-cta-btn:hover{box-shadow:0 12px 20px #15c1ff4d;transform:translateY(-3px)}@media (min-width:640px){.section-title{font-size:3rem}.projects-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}.project-image-container{height:14rem}}@media (min-width:1024px){.projects-grid{gap:2rem;grid-template-columns:repeat(4,1fr)}.project-image-container{height:12rem}.project-content{padding:1.5rem}.project-title{font-size:1rem}.project-description{font-size:.8rem}}@media (min-width:1280px){.container{padding:0 2rem}.projects-grid{gap:2.5rem}.project-title{font-size:1.125rem}.project-description{font-size:.875rem}}@media print{.projects-cta{display:none}.project-card{break-inside:avoid;page-break-inside:avoid}}@media (prefers-contrast:high){.project-btn,.project-card{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.contact-cta-btn,.project-background,.project-btn,.project-card{transform:none!important;transition:none!important}.project-card:hover,.project-card:hover .project-background{transform:none}}.subscription-section{background:linear-gradient(135deg,var(--primary-color) 50%,#9de7ff 0);overflow:hidden;padding:80px 0;position:relative}.subscription-section:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.subscription-wrapper{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:2fr 1fr;position:relative;z-index:1}.subscription-content{color:#000;text-align:left}.subscription-icon{margin-bottom:20px}.subscription-icon span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50%;display:inline-block;font-size:3rem;padding:20px}.subscription-content h2{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:15px}.subscription-content p{font-size:1.1rem;line-height:1.6;margin-bottom:30px;opacity:.9}.subscription-form{margin-bottom:20px}.input-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;display:flex;padding:8px}.input-group input{background:#0000;border:none;color:#000;flex:1 1;font-size:1rem;outline:none;padding:15px 20px}.input-group input::placeholder{color:#000000b3}.input-group button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:40px;color:#000;cursor:pointer;display:flex;font-weight:600;gap:10px;padding:15px 30px;transition:all .3s ease}.input-group button:hover{background:#ffffff4d;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.arrow{transition:transform .3s ease}.input-group button:hover .arrow{transform:translateX(5px)}.subscription-note{font-size:.85rem;opacity:.8}.subscription-features{display:flex;flex-direction:column;gap:25px}.feature-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;color:#000;display:flex;gap:15px;padding:20px;transition:transform .3s ease}.feature-item:hover{background:#ffffff26;transform:translateY(-5px)}.feature-icon{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;font-size:1.8rem;height:50px;justify-content:center;min-width:50px;padding:10px}.feature-item span:last-child{font-size:1rem;font-weight:500}@media (max-width:1024px){.subscription-wrapper{gap:40px;grid-template-columns:1fr;text-align:center}.subscription-content{text-align:center}.subscription-features{flex-direction:row;flex-wrap:wrap;justify-content:center}.feature-item{flex:1 1;min-width:200px}}@media (max-width:768px){.subscription-section{padding:60px 0}.subscription-content h2{font-size:2rem}.input-group{border-radius:20px;flex-direction:column;gap:10px;padding:15px}.input-group input{padding:15px;text-align:center}.input-group button{border-radius:15px;justify-content:center;padding:15px}.subscription-features{flex-direction:column}}@media (max-width:480px){.subscription-content h2{font-size:1.8rem}.subscription-content p{font-size:1rem}.subscription-icon span{font-size:2.5rem;padding:15px}.feature-item{padding:15px}.feature-icon{font-size:1.5rem;height:40px;min-width:40px}}.subscription-form button.submitting{cursor:not-allowed;opacity:.7}.subscription-form button:disabled{cursor:not-allowed;opacity:.6}.subscription-form input:disabled{cursor:not-allowed;opacity:.7}.subscription-message{align-items:center;animation:slideIn .3s ease-out;border-radius:.5rem;display:flex;font-weight:500;gap:.5rem;margin-top:1rem;padding:.75rem 1rem}.subscription-message.success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.subscription-message.error{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.subscription-message .icon{font-size:1.1rem}.subscription-message .text{flex:1 1}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-main{background-color:#f9fafb;min-height:100vh}.profile-hero-banner{height:20rem;overflow:hidden;position:relative;width:100%}.profile-hero-image{height:100%;object-fit:cover;width:100%}.profile-section{padding:3rem 0}.profile-container{margin:0 auto;max-width:87.5rem;padding:0 1rem}.profile-main-title{color:#15c1ff;font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;text-transform:uppercase}.profile-description{margin:0 auto 3rem;max-width:64rem;text-align:center}.profile-description p{color:#6b7280;font-size:1.125rem;line-height:1.6}.profile-nav{margin-bottom:3rem}.profile-nav-container{-webkit-overflow-scrolling:touch;border-bottom:1px solid #e5e7eb;display:flex;gap:0;justify-content:center;overflow-x:auto}.profile-nav-button{background:none;border:none;border-bottom:2px solid #0000;color:#15c1ff;cursor:pointer;font-size:.875rem;font-weight:600;padding:1rem 1.5rem;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.profile-nav-button:hover{background-color:#f8fafc;color:#0ea5e9}.profile-nav-button.active{background-color:#f8fafc;border-bottom-color:#15c1ff;color:#15c1ff}.profile-tab-content{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;padding:2rem}.profile-intro-content{color:#6b7280;line-height:1.8;margin:0 auto;max-width:64rem}.profile-greeting{color:#374151;font-style:italic;font-weight:600;margin-bottom:2rem}.profile-text{font-size:1rem;margin-bottom:1.5rem;text-align:center}.profile-signature{color:#374151;font-weight:600;margin-bottom:1rem;margin-top:3rem;text-align:center}.profile-company{color:#15c1ff;font-weight:700;text-align:right;text-transform:uppercase}.profile-document-section{margin-top:3rem}.profile-document-title{color:#15c1ff;font-size:1.25rem;font-weight:600;margin-bottom:3rem;text-align:center}.profile-document-container{display:flex;justify-content:center;margin-bottom:2rem}.profile-document-image{border-radius:.5rem;box-shadow:0 4px 6px #0000001a;height:auto;max-width:100%}.profile-services-content{display:flex;flex-direction:column;gap:4rem;margin:0 auto;max-width:72rem}.service-block{align-items:center;display:flex;gap:2rem}.service-block,.service-block-reverse{flex-direction:column}.service-image-container{max-width:32rem;width:100%}.service-image{border-radius:.5rem;box-shadow:0 4px 6px #0000001a;height:16rem;object-fit:cover;width:100%}.service-info{max-width:32rem;width:100%}.service-title{color:#15c1ff;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.service-description{color:#374151;font-size:.875rem;line-height:1.6;margin-bottom:1.5rem}.service-features{list-style:none;margin:0;padding:0}.service-features li{color:#374151;font-size:.875rem;line-height:1.4;margin-bottom:.5rem}.profile-projects-content{color:#6b7280;margin:0 auto;max-width:64rem}.projects-intro{margin-bottom:2rem;text-align:center}.projects-intro p{font-size:1rem;line-height:1.6}.projects-grid{margin-bottom:2rem}.project-card{box-shadow:0 2px 4px #0000001a;text-decoration:none}.project-card:hover{box-shadow:0 8px 15px #00000026}.project-card-image{height:10rem;position:relative}.project-image{height:100%;transition:transform .3s ease}.project-card:hover .project-image{transform:scale(1.05)}.project-status{position:absolute;right:.5rem;top:.5rem}.project-status-badge{background:#10b981;border-radius:.25rem;color:#fff;font-size:.75rem;padding:.25rem .5rem}.project-card-content{background:#e0f2fe;color:#0369a1;height:10rem;padding:.75rem;text-align:center}.project-title{font-weight:600;margin-bottom:.25rem;padding-top:2rem;transition:color .3s ease}.project-card:hover .project-title{color:#075985}.project-description{color:#6b7280;font-size:.75rem;line-height:1.3;margin-top:2rem}.projects-footer{margin-top:2rem;text-align:center}.projects-view-all{background:#15c1ff;border-radius:.5rem;color:#fff;display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.projects-view-all:hover{background:#0ea5e9}.profile-whyus-content{color:#6b7280;margin:0 auto;max-width:64rem;padding:2rem 0}.whyus-title{color:#15c1ff;font-size:1.5rem;font-weight:600;margin-bottom:2rem;text-align:center}.whyus-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.whyus-item{align-items:center;background:#f8fafc;border-radius:.75rem;display:flex;flex-direction:column;padding:1.5rem;text-align:center;transition:transform .3s ease}.whyus-item:hover{transform:translateY(-3px)}.whyus-icon{align-items:center;display:flex;height:4rem;justify-content:center;margin-bottom:1rem;width:4rem}.whyus-icon-image{height:100%;object-fit:contain;width:100%}.whyus-item-title{color:#374151;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.whyus-item-text{color:#6b7280;font-size:.875rem;line-height:1.6}@media (min-width:768px){.profile-hero-banner{height:24rem}.profile-main-title{font-size:3rem}.projects-grid,.whyus-grid{grid-template-columns:repeat(2,1fr)}.service-block{flex-direction:row}.service-block-reverse{flex-direction:row-reverse}.service-image-container,.service-info{width:50%}}@media (min-width:1024px){.profile-hero-banner{height:28rem}.profile-nav-container{justify-content:center}.profile-nav-button{font-size:1rem;padding:1rem 2rem}.projects-grid{grid-template-columns:repeat(2,1fr);margin:0 auto 2rem;max-width:56rem}.whyus-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.profile-container{padding:0 2rem}}@media print{.profile-hero-banner,.profile-nav{display:none}.profile-tab-content{box-shadow:none}}@media (prefers-contrast:high){.profile-tab-content,.project-card,.whyus-item{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.project-card,.project-image,.whyus-item{transform:none!important;transition:none!important}}.history-page{min-height:100vh}.hero-banner{height:16rem}.hero-overlay{background:#0006}.hero-content{padding:1rem}.hero-title{color:#fff;font-size:1.5rem;font-weight:700;text-align:center;text-shadow:0 1px 3px #00000080}.main-content{padding-bottom:3rem}.container{margin:0 auto;max-width:72rem;padding:0 1rem}.section-title{font-weight:600}.quote-container{margin:0 auto 3rem;max-width:32rem;position:relative}.quote-box{border:2px solid #15c1ff;border-radius:.5rem;padding:1rem 1.5rem;position:relative}.quote-mark-left{left:-.5rem;top:1rem}.quote-mark-left,.quote-mark-right{color:#15c1ff;font-size:2.5rem;position:absolute}.quote-mark-right{bottom:.5rem;right:-.5rem}.quote-text{color:#374151;font-size:.875rem;padding:0 2rem;text-align:center}.timeline-wrapper{margin:0 auto;max-width:96rem;padding:0 1rem 2rem;position:relative}.desktop-timeline{display:none;margin-bottom:3rem}.timeline-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 2fr 1fr}.timeline-left,.timeline-right{padding:0}.year-title{color:#15c1ff;font-size:1.875rem;font-weight:700}.year-content{margin-top:.75rem}.year-text{color:#374151;font-size:.875rem;line-height:1.375}.timeline-center{display:flex;justify-content:center}.center-image{border-radius:.5rem;height:12rem;overflow:hidden;position:relative;width:18rem}.center-image img{height:100%;object-fit:cover;width:100%}.mobile-timeline{margin-bottom:3rem}.mobile-year-section{margin-bottom:2rem;text-align:center}.mobile-year-title{color:#15c1ff;font-size:1.875rem;font-weight:700;margin-bottom:1rem}.mobile-year-image{border-radius:.5rem;height:12rem;margin:0 auto 1rem;max-width:24rem;overflow:hidden;position:relative;width:100%}.mobile-year-image img{height:100%;object-fit:cover;width:100%}.mobile-year-text{color:#374151;font-size:.875rem;line-height:1.625;margin-bottom:.5rem;padding:0 1rem}.timeline-bar{margin-bottom:3rem;position:relative}.timeline-line-bg{background:#15c1ff;height:1px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.timeline-nav{align-items:center;display:flex;justify-content:space-between}.nav-button{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 1px 3px #0000001a;color:#15c1ff;cursor:pointer;height:2rem;justify-content:center;width:2rem}.nav-button,.timeline-dots{display:flex;position:relative;z-index:10}.timeline-dots{gap:8rem}.timeline-dot.active{background:#15c1ff}.bottom-content{margin-top:3rem}.desktop-2024{display:none;gap:1rem;grid-template-columns:1fr 1fr 1fr}.bottom-left,.bottom-right{border-radius:.5rem;height:12rem;overflow:hidden;position:relative;width:100%}.bottom-image{height:100%;position:relative;width:100%}.bottom-image img{height:100%;object-fit:cover;width:100%}.bottom-center{align-items:center;display:flex;flex-direction:column;justify-content:center}.bottom-year-title{color:#15c1ff;font-size:1.875rem;font-weight:700;margin-bottom:1rem;text-align:center}.bottom-text{text-align:center}.bottom-text p{color:#374151;font-size:.875rem;line-height:1.375;margin-bottom:.5rem}.mobile-2024{text-align:center}.mobile-bottom-year-title{color:#15c1ff;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem}.mobile-images{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.mobile-bottom-image{border-radius:.5rem;height:12rem;overflow:hidden;position:relative;width:100%}.mobile-bottom-image img{height:100%;object-fit:cover;width:100%}.mobile-bottom-text{padding:0 1rem}.mobile-bottom-text p{color:#374151;font-size:.875rem;line-height:1.625;margin-bottom:.5rem}.video-section{margin-top:4rem;padding:3rem 0}.video-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:2rem;text-align:center}.video-container{max-width:64rem;padding:0 1rem}.video-wrapper{aspect-ratio:16/9;border-radius:.5rem;box-shadow:0 25px 50px #00000040;overflow:hidden;position:relative;width:100%}.video-description{margin-top:1rem;padding:0 1rem;text-align:center}.video-desc-main{color:#ffffffe6;font-size:1rem}.video-desc-sub{color:#ffffffb3;font-size:.875rem;margin-top:.5rem}.team-section{margin-top:3rem}.team-image{height:16rem;position:relative;width:100%}.team-image img{height:150%;margin-top:-8rem;object-fit:cover;padding-bottom:2rem;width:100%}@media (min-width:640px){.hero-banner{height:18rem}.hero-title,.section-title{font-size:1.875rem}.quote-box{padding:1.5rem}.quote-mark-left{font-size:4.5rem;left:-1rem;top:1.5rem}.quote-mark-right{bottom:.5rem;font-size:4.5rem;right:-1rem}.quote-text{font-size:1rem}.nav-button{height:2.5rem;width:2.5rem}.timeline-dot{height:2rem;width:2rem}.video-title{font-size:1.875rem}.video-desc-main{font-size:1.125rem}.team-image{height:20rem}.mobile-images{gap:1.5rem;grid-template-columns:1fr}}@media (min-width:768px){.timeline-wrapper{padding:0 2rem 3rem}.mobile-images{gap:1rem;grid-template-columns:1fr 1fr}}@media (min-width:1024px){.hero-banner{height:24rem}.hero-title{font-size:2.25rem}.desktop-timeline{display:block}.mobile-timeline{display:none}.desktop-2024{display:grid}.mobile-2024{display:none}.timeline-wrapper{padding:0 3rem}.timeline-dot{height:2.5rem;width:2.5rem}.video-title{font-size:2.25rem}.video-section{padding:5rem 0}.team-image{height:25rem}}@media (min-width:1280px){.hero-title{font-size:3rem}.bottom-year-title,.year-title{font-size:2.25rem}}.video-section{padding:5rem 0}.team-section{margin-top:5rem}.team-image{height:25rem}.philosophy-main{min-height:100vh}.philosophy-hero{height:18rem;overflow:hidden;position:relative;width:100%}@media (min-width:768px){.philosophy-hero{height:24rem}}.philosophy-hero-image{height:100%;object-fit:cover;width:100%}.philosophy-hero-overlay{background:#0000004d;inset:0;position:absolute}.philosophy-hero-content{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.philosophy-hero-title{color:#fff;font-size:1.875rem;font-weight:700;text-align:center;text-shadow:2px 2px 4px #00000080}@media (min-width:768px){.philosophy-hero-title{font-size:2.25rem}}.philosophy-content{background:#fff;padding:3rem 0}.philosophy-container{margin:0 auto;max-width:64rem;padding:0 1rem}.philosophy-main-title{color:#15c1ff;font-size:1.125rem;font-weight:600;letter-spacing:.025em;margin-bottom:1.5rem;text-align:center;text-transform:uppercase}.philosophy-quote-container{margin:0 auto 3rem;max-width:48rem;position:relative}.philosophy-quote-box{background:#fff;border:2px solid #15c1ff;border-radius:.5rem;padding:1.5rem;position:relative}@media (min-width:768px){.philosophy-quote-box{padding:2rem}}.philosophy-quote-mark{color:#15c1ff;font-family:serif;font-size:4.5rem;line-height:1;position:absolute;-webkit-user-select:none;user-select:none}.philosophy-quote-left{left:-1rem;top:1.5rem}.philosophy-quote-right{bottom:.5rem;right:-1rem}.philosophy-quote-text{color:#374151;font-weight:500;line-height:1.6;margin:0;padding:0 1rem;text-align:center}@media (min-width:768px){.philosophy-quote-text{padding:0 2rem}}.philosophy-company-name{color:#15c1ff;font-weight:700}.philosophy-section{align-items:center;display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem}@media (min-width:768px){.philosophy-section{align-items:flex-start;flex-direction:row;gap:3rem}}.philosophy-text-content{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;order:2}@media (min-width:768px){.philosophy-text-content{order:1;width:50%}}.philosophy-image-content{align-items:center;display:flex;flex:1 1;justify-content:center;order:1}@media (min-width:768px){.philosophy-image-content{order:2;width:50%}}.philosophy-container .philosophy-section:nth-child(4) .philosophy-text-content{order:2}.philosophy-container .philosophy-section:nth-child(4) .philosophy-image-content{order:1}@media (min-width:768px){.philosophy-container .philosophy-section:nth-child(4) .philosophy-text-content{order:2}.philosophy-container .philosophy-section:nth-child(4) .philosophy-image-content{order:1}}.philosophy-image-container{aspect-ratio:4/3;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.philosophy-image-container:hover{box-shadow:0 8px 15px #00000026;transform:translateY(-4px)}.philosophy-section-image{height:100%;object-fit:cover;width:100%}.philosophy-section-title{color:#15c1ff;font-size:1.125rem;font-weight:600;letter-spacing:.025em;margin-bottom:1rem;text-transform:uppercase}.philosophy-section-text{color:#374151;line-height:1.7;margin-bottom:1rem;text-align:justify}.philosophy-section-text:last-child{margin-bottom:0}.philosophy-highlight{color:#15c1ff;font-weight:600}.philosophy-related{background:#f9fafb;padding:3rem 0}.philosophy-related-container{margin:0 auto;max-width:1200px;padding:0 1rem}.philosophy-related-title{color:#374151;font-size:1.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.philosophy-related-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.philosophy-related-grid{grid-template-columns:repeat(3,1fr)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.philosophy-related-card{animation:fadeInUp .5s ease forwards;animation-fill-mode:both;background:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;opacity:0;overflow:hidden;transition:box-shadow .3s ease,transform .3s ease}.philosophy-related-card:hover{box-shadow:0 10px 15px #00000026;transform:translateY(-2px)}.philosophy-related-image{height:12rem;overflow:hidden;position:relative}.philosophy-card-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.philosophy-related-card:hover .philosophy-card-image{transform:scale(1.05)}.philosophy-related-content{padding:1.5rem}.philosophy-card-title{color:#374151;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.philosophy-card-description{color:#6b7280;line-height:1.5;margin-bottom:1rem}.philosophy-card-link{align-items:center;color:#15c1ff;display:inline-flex;font-weight:500;text-decoration:none;transition:color .3s ease}.philosophy-card-link:hover{color:#0ea5e9;text-decoration:underline}.philosophy-arrow-icon{height:1rem;margin-left:.25rem;transition:transform .3s ease;width:1rem}.philosophy-card-link:hover .philosophy-arrow-icon{transform:translateX(2px)}@media (max-width:767px){.philosophy-container{padding:0 .75rem}.philosophy-hero-title{font-size:1.5rem;padding:0 1rem}.philosophy-main-title{font-size:1rem}.philosophy-quote-box{padding:1rem}.philosophy-quote-text{font-size:.875rem;padding:0 .5rem}.philosophy-quote-mark{font-size:3rem}.philosophy-quote-left{left:-.5rem;top:1rem}.philosophy-quote-right{bottom:.25rem;right:-.5rem}.philosophy-section-title{font-size:1rem;text-align:center}.philosophy-section-text{font-size:.875rem;text-align:left}.philosophy-section{gap:1.5rem;margin-bottom:3rem}}@media (max-width:480px){.philosophy-content,.philosophy-related{padding:2rem 0}.philosophy-container,.philosophy-related-container{padding:0 .5rem}.philosophy-quote-container{margin-bottom:2rem}.philosophy-section{gap:1.5rem;margin-bottom:2rem}.philosophy-related-content{padding:1rem}.philosophy-card-title{font-size:1rem}.philosophy-card-description{font-size:.875rem}}@media print{.philosophy-hero-overlay,.philosophy-related{display:none}.philosophy-hero-title{color:#000}}@media (prefers-reduced-motion:reduce){.philosophy-image-container,.philosophy-related-card{animation:none;transition:none}.philosophy-arrow-icon,.philosophy-card-image{transition:none}}.projects-main{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.projects-hero{align-items:center;display:flex;height:40vh;justify-content:center;min-height:300px;overflow:hidden;position:relative}.projects-hero .hero-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.hero-overlay{background:linear-gradient(135deg,#15c1ffcc,#0ea5e9e6)}.projects-container{margin:0 auto;max-width:1400px;padding:3rem 2rem}.projects-filters{border-radius:15px;box-shadow:0 4px 20px #00000014;margin-bottom:3rem;padding:2rem}.search-input:focus{border-color:var(--primary-color)}.sort-box{min-width:200px}.sort-select{background:#f8fafc;border:2px solid #e2e8f0;border-radius:25px;cursor:pointer;font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.sort-select:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #15c1ff1a;outline:none}.categories-row{display:flex;flex-wrap:wrap;gap:1rem}.category-btn{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:25px;color:#4b5563;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.category-btn:hover{box-shadow:0 4px 15px #15c1ff33;color:var(--primary-color)}.category-btn.active,.category-btn:hover{border-color:var(--primary-color);transform:translateY(-2px)}.category-btn.active{background:linear-gradient(135deg,var(--primary-color),#0ea5e9);box-shadow:0 6px 20px #15c1ff4d;color:#fff}.category-btn .count{background:#fff3;border-radius:12px;font-size:.8rem;padding:2px 8px}.category-btn.active .count{background:#ffffff4d}.projects-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.project-card{border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:auto}.project-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.project-image{flex-shrink:0;height:60%;position:relative}.project-image img{transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{background:linear-gradient(135deg,#0000004d,#0000 50%,#15c1ff4d);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-meta{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;left:15px;position:absolute;right:15px;top:15px}.category-badge{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:15px;font-size:.8rem;letter-spacing:.5px;padding:6px 12px}.project-content{display:flex;flex-direction:column;flex-shrink:0;height:40%;justify-content:space-between;padding:1.5rem}.project-title{color:#1e293b;font-size:1.4rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.project-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;line-height:1.6;margin-bottom:1.5rem;overflow:hidden}.project-details{margin-bottom:2rem}.detail-item{padding:8px 0}.project-actions{display:flex;gap:1rem}.project-btn{border:2px solid;border-radius:25px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:12px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.project-btn.primary{background:linear-gradient(135deg,var(--primary-color),#0ea5e9);border-color:var(--primary-color);color:#fff}.project-btn.primary:hover{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 6px 20px #15c1ff4d;transform:translateY(-2px)}.project-btn.secondary{background:#0000;border-color:var(--primary-color);color:var(--primary-color)}.project-btn.secondary:hover{background:var(--primary-color);box-shadow:0 6px 20px #15c1ff4d;color:#fff;transform:translateY(-2px)}.project-card.skeleton{display:flex;flex-direction:column;height:600px;pointer-events:none}.project-image-skeleton{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;flex-shrink:0;height:60%}.project-content-skeleton{display:flex;flex-direction:column;flex-shrink:0;height:40%;justify-content:space-between;padding:1.5rem}.no-projects{align-items:center;display:flex;grid-column:1/-1;justify-content:center;min-height:300px}.no-projects-content{background:#fff;border:2px dashed #e2e8f0;border-radius:15px;box-shadow:0 4px 20px #00000014;padding:3rem;text-align:center}.no-projects-content h3{color:#64748b;font-size:1.5rem;margin-bottom:1rem}.no-projects-content p{color:#94a3b8;margin-bottom:2rem}.reset-filters-btn{background:linear-gradient(135deg,var(--primary-color),#0ea5e9)}.reset-filters-btn:hover{box-shadow:0 6px 20px #15c1ff4d}.projects-stats{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 20px #00000014;color:#64748b;padding:2rem;text-align:center}@media (max-width:1200px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.projects-container{padding:2rem 1rem}.projects-filters{padding:1.5rem}.filters-row{flex-direction:column;gap:1rem}.search-box,.sort-box{min-width:100%}.categories-row{justify-content:center}.projects-grid{gap:1.5rem;grid-template-columns:1fr}.project-actions{flex-direction:column}.project-card,.project-card.skeleton{height:550px}.project-content,.project-content-skeleton{padding:1.2rem}}@media (max-width:480px){.projects-hero{height:30vh;min-height:250px}.hero-content{margin-top:50px;padding:0 1rem}.hero-content h1{font-size:1.5rem;letter-spacing:1px}.projects-container{padding:1.5rem .5rem}.projects-filters{margin-bottom:2rem;padding:1rem}.category-btn{font-size:.8rem;padding:8px 16px}.project-card,.project-card.skeleton{height:480px}.project-content,.project-content-skeleton{padding:1rem}}.iot-cctv-main{background:#fff;min-height:100vh}.cctv-grid,.iot-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:4rem}@media (min-width:640px){.cctv-grid,.iot-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.cctv-grid,.iot-grid{grid-template-columns:repeat(4,1fr)}}.cctv-card,.iot-card{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:all .3s ease}.cctv-card:hover,.iot-card:hover{box-shadow:0 10px 15px #00000026;transform:translateY(-2px)}.cctv-card-image,.iot-card-image{height:12rem;object-fit:cover;width:100%}.cctv-card-content,.iot-card-content{padding:1rem}.cctv-card-content h3,.iot-card-content h3{color:#113f63;font-size:.875rem;font-weight:700;margin-bottom:.5rem}.cctv-card-content p,.iot-card-content p{color:#6b7280;font-size:.75rem;line-height:1.4;margin-bottom:1rem}@media (min-width:1024px){.advantage-item{align-items:flex-start;flex-direction:row}.advantage-item:nth-child(2){flex-direction:row-reverse}}.read-more-btn{align-items:center;align-self:flex-start;background:none;border:none;color:#15c1ff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:700;gap:.5rem;transition:color .3s ease}.read-more-btn:hover{color:#0ea5e9;text-decoration:underline}.partners-grid{grid-template-columns:repeat(3,1fr)}@media (min-width:768px){.partners-grid{grid-template-columns:repeat(5,1fr)}}.partner-logo{align-items:center;display:flex;justify-content:center;padding:1rem;transition:transform .3s ease}.partner-logo:hover{transform:scale(1.05)}.partner-logo img{filter:grayscale(100%) opacity(.7);max-height:3.75rem;max-width:7.5rem;transition:all .3s ease}.partner-logo:hover img{filter:grayscale(0) opacity(1)}.cctv-card,.iot-card,.project-card{animation:fadeIn .5s ease forwards}@media print{.modal-overlay,.partners-section,.tab-navigation,.video-section{display:none}}@media (prefers-reduced-motion:reduce){.cctv-card,.iot-card,.learn-more-btn,.partner-logo img,.project-card,.step-button,.view-details-btn{animation:none;transition:none}}.solar-main{background:#fff;min-height:100vh}.hero-banner{height:18rem;overflow:hidden}@media (min-width:768px){.hero-banner{height:24rem}}.hero-overlay{background:#0000004d}.hero-content{padding:0 1rem}.hero-content h1{font-size:1.875rem;margin-bottom:.5rem;text-shadow:2px 2px 4px #00000080}@media (min-width:768px){.hero-content h1{font-size:2.5rem}}.hero-content p{color:#fff;max-width:32rem;text-shadow:1px 1px 2px #00000080}.tab-navigation{border-bottom:2px solid #e5e7eb;justify-content:space-between}.tab-btn{font-size:.875rem}.tab-btn.active{color:#15c1ff}.tab-content{margin:0 auto;max-width:72rem}@media (min-width:768px){.section-title{font-size:1.875rem}}.solar-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:4rem}@media (min-width:640px){.solar-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.solar-grid{grid-template-columns:repeat(4,1fr)}}.solar-card{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:all .3s ease}.solar-card:hover{box-shadow:0 10px 15px #00000026;transform:translateY(-2px)}.solar-card-image{height:12rem;object-fit:cover;width:100%}.solar-card-content{padding:1rem}.solar-card-content h3{color:#113f63;font-size:.875rem;font-weight:700;margin-bottom:.5rem}.solar-card-content p{color:#6b7280;font-size:.75rem;line-height:1.4;margin-bottom:1rem}.learn-more-btn{font-size:.75rem}.learn-more-btn:hover{color:#0ea5e9}.advantages-section{padding:2rem 0}@media (min-width:1024px){.advantage-item{align-items:flex-start;flex-direction:row}.advantage-item:nth-child(2),.advantage-item:nth-child(4){flex-direction:row-reverse}}.advantage-text{display:flex;flex-direction:column}.advantage-text p{color:#374151;margin-bottom:1.5rem;text-align:justify}.advantage-text strong{color:#15c1ff;font-weight:600}.advantage-image{box-shadow:0 4px 6px #0000001a}.advantage-image img{height:16rem}@media (min-width:1024px){.advantage-image img{height:20rem}}.benefits-grid{grid-template-columns:1fr}@media (min-width:768px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}.benefit-card{transition:all .3s ease}.benefit-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.benefit-icon{background:#15c1ff}.benefit-icon span{color:#fff;font-size:1.125rem;font-weight:700}.benefit-card h3{color:#15c1ff;font-size:1rem;font-weight:700;text-transform:uppercase}.benefit-card p{margin:0}.process-content{text-align:center}.process-description{line-height:1.6}.process-timeline{gap:2rem;padding:2rem 0}.process-timeline:before{background:#e6f6fd}.step-button{max-width:20rem}.step-button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.process-step.active .step-button{background:#e6f6fd}.step-icon{flex-shrink:0;height:2.5rem;object-fit:contain}.step-title{color:#374151;line-height:1.3}.timeline-dot{background:#15c1ff;border:3px solid #fff;box-shadow:0 0 0 2px #15c1ff;height:1rem;top:50%;transform:translate(-50%,-50%);width:1rem}.step-detail{box-shadow:0 4px 8px #0000001a;margin-left:auto;margin-right:auto;max-width:48rem;overflow:hidden}@media (min-width:768px){.step-detail{flex-direction:row}}.step-detail-content{flex:1 1;padding:1.5rem}.step-detail h3{color:#15c1ff;font-size:1rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.step-detail p{color:#374151;font-size:.875rem;line-height:1.6;margin:0;text-align:left}.step-detail-image{height:12rem}@media (min-width:768px){.step-detail-image{height:auto;min-height:12rem;width:16rem}}.projects-grid{grid-template-columns:1fr}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.project-card:hover{box-shadow:0 10px 15px #00000026;transform:translateY(-2px)}.project-content h3{color:#374151}.project-content p{line-height:1.4}.tech-tag{background:#e6f6fd}.tech-tag.extra{background:#f3f4f6}.view-details-btn:hover{text-decoration:underline}.video-container{box-shadow:0 4px 8px #0000001a;max-width:32rem}.video-iframe{border:none;left:0;top:0}.modal-close{font-size:1.25rem;z-index:10}.modal-body h2{color:#374151;font-size:1.25rem;margin-bottom:1rem}@media (max-width:640px){.tab-navigation{margin-bottom:2rem}.tab-btn{font-size:.75rem;padding:.75rem 1rem}.section-title{font-size:1.25rem;margin-bottom:2rem}.hero-content p{font-size:.875rem}.process-timeline{gap:1rem}.process-timeline:before{display:none}.step-wrapper{justify-content:center!important;padding:0!important}.step-button{flex-direction:column;gap:.5rem;max-width:none;padding:.75rem;text-align:center}.step-title{font-size:.75rem}.timeline-dot{display:none}.advantage-item{gap:1.5rem}.advantage-text h3{font-size:1.125rem;text-align:center}.advantage-text p{font-size:.875rem;text-align:left}.advantage-image img{height:12rem}.video-container{border-radius:0;margin:0 -1rem}}.benefit-card,.project-card,.solar-card{animation:fadeIn .5s ease forwards}@media (prefers-reduced-motion:reduce){.benefit-card,.learn-more-btn,.project-card,.solar-card,.step-button,.view-details-btn{transform:none!important;transition:none!important}}.loading-spinner{animation:pulseLoad 1.5s ease-in-out infinite}@keyframes pulseLoad{0%,to{opacity:1}50%{opacity:.5}}.arch-main{background-color:#fff;min-height:100vh}.arch-intro-content{color:#374151;margin:0 auto;max-width:96rem;padding:0 1rem}.arch-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(1,1fr);margin-bottom:4rem}.arch-card{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;transition:box-shadow .3s ease}.arch-card:hover{box-shadow:0 10px 15px -3px #0000001a}.arch-card-image{height:12rem;object-fit:cover;width:100%}.arch-card-content{padding:1rem}.arch-card-content h3{color:#0f4068;font-weight:700;line-height:1.4;margin-bottom:.5rem}.arch-card-content .subtitle{font-size:.875rem;font-weight:400}.arch-card-content p{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:1rem}@media (min-width:768px){.hero-banner{height:24rem}.hero-content h1{font-size:3rem}.arch-grid,.benefits-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.partners-grid{grid-template-columns:repeat(4,1fr)}.advantage-item{flex-direction:row}.advantage-item:nth-child(2n){flex-direction:row-reverse}.step-detail{align-items:center;flex-direction:row}.step-detail-image{flex-shrink:0;width:14rem}}@media (min-width:1024px){.arch-grid{grid-template-columns:repeat(4,1fr)}.projects-grid{grid-template-columns:repeat(3,1fr)}.advantage-image{height:20rem}.step-wrapper.left{justify-content:flex-end;padding-right:2rem}.step-wrapper.right{justify-content:flex-start;padding-left:2rem}}.arch-card,.benefit-card,.project-card{animation:fadeIn .6s ease forwards}@media (prefers-contrast:high){.arch-card,.benefit-card,.project-card{border:2px solid #000}}.landscape-main{background-color:#fff;min-height:100vh}.hero-banner{height:24rem}.hero-overlay{background-color:#0000004d}.hero-content h1{color:#15c1ff;font-size:2.25rem}.hero-content p{font-weight:500}.tab-navigation{border-bottom:1px solid #e5e7eb;display:flex;margin:0 auto 3rem;max-width:64rem;overflow-x:auto}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#15c1ff;cursor:pointer;font-weight:600;padding:1rem 1.5rem;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{color:#0ea5e9}.tab-btn.active{border-bottom-color:#15c1ff}.tab-content{padding:0 1rem}.landscape-intro-content{color:#374151;margin:0 auto;max-width:96rem;padding:0 1rem}.section-title{font-size:1.875rem;margin-bottom:3rem;text-align:center}.landscape-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(1,1fr);margin-bottom:4rem}.landscape-card{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;transition:box-shadow .3s ease}.landscape-card:hover{box-shadow:0 10px 15px -3px #0000001a}.landscape-card-image{height:12rem;object-fit:cover;width:100%}.landscape-card-content{padding:1rem}.landscape-card-content h3{color:#0f4068;font-weight:700;line-height:1.4;margin-bottom:.5rem}.landscape-card-content .subtitle{font-size:.875rem;font-weight:400}.landscape-card-content p{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:1rem}.learn-more-btn{background:none;border:none;color:#15c1ff;cursor:pointer;font-size:.875rem;font-weight:600;transition:color .3s ease}.learn-more-btn:hover{text-decoration:underline}.advantages-section{border-radius:.5rem;margin:4rem 0;padding:3rem 1rem}.advantages-content{display:flex;flex-direction:column;gap:3rem}.advantage-item{align-items:center;display:flex;flex-direction:column;gap:2rem}.advantage-text{flex:1 1;text-align:left}.advantage-text h3{color:#15c1ff;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.advantage-text p{color:#000;font-size:.875rem;line-height:1.6}.advantage-image{border-radius:.5rem;flex:1 1;height:16rem;overflow:hidden;position:relative;width:100%}.advantage-image img{height:100%;object-fit:cover;width:100%}.benefits-content{color:#374151;margin:0 auto;max-width:64rem}.benefits-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(1,1fr)}.benefit-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.benefit-header{margin-bottom:1rem}.benefit-header,.benefit-icon{align-items:center;display:flex}.benefit-icon{background-color:#15c1ff;border-radius:50%;font-size:1.5rem;height:3rem;justify-content:center;margin-right:1rem;width:3rem}.benefit-header h3{color:#15c1ff;font-size:1rem;font-weight:700;text-transform:uppercase}.benefit-card p{color:#374151;font-size:.875rem;line-height:1.5}.process-content{color:#374151;margin:0 auto;max-width:64rem}.process-description{color:#6b7280;margin-bottom:2rem;text-align:center}.process-timeline{align-items:center;display:flex;flex-direction:column;padding:0 1rem;position:relative}.process-timeline:before{background-color:#e6f6fd;bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px;z-index:0}.process-step{flex-direction:column;margin-bottom:2rem;z-index:1}.process-step,.step-wrapper{align-items:center;display:flex;position:relative;width:100%}.step-wrapper{justify-content:center}.step-wrapper.left{justify-content:flex-end;padding-right:2rem}.step-wrapper.right{justify-content:flex-start;padding-left:2rem}.step-button{align-items:center;background:#fff;border:2px solid #e6f6fd;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;gap:.75rem;min-width:220px;padding:1rem 1.5rem;text-align:left;transition:all .3s ease}.step-button:hover{border-color:#15c1ff}.process-step.active .step-button{background-color:#e6f6fd;border-color:#15c1ff;color:#15c1ff}.step-icon{height:auto;width:2.5rem}.step-title{font-size:.875rem;font-weight:600}.timeline-dot{align-items:center;background:#fff;border:2px solid #15c1ff;border-radius:50%;display:flex;height:1.5rem;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:1.5rem;z-index:2}.timeline-dot:after{background:#15c1ff;border-radius:50%;content:"";height:.75rem;width:.75rem}.step-detail{background:#fff;border:2px solid #15c1ff;border-radius:.5rem;display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem;max-width:32rem;padding:1.5rem;width:100%}.step-detail-content h3{color:#15c1ff;font-size:1rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase}.step-detail-content p{color:#374151;font-size:.875rem;line-height:1.5}.step-detail-image{height:10rem;position:relative;width:100%}.step-detail-image img{border-radius:.5rem;height:100%;object-fit:cover;width:100%}.projects-content{color:#374151;margin:0 auto;max-width:96rem;padding:0 1rem}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(1,1fr);margin-bottom:3rem}.project-card{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;position:relative;transition:box-shadow .3s ease}.project-card:hover{box-shadow:0 10px 15px -3px #0000001a}.project-image{height:12rem;object-fit:cover;width:100%}.featured-badge{background-color:#15c1ff;border-radius:.25rem;font-size:.75rem;font-weight:500;padding:.25rem .5rem;right:.5rem;top:.5rem}.project-content{padding:1rem}.project-content h3{-webkit-line-clamp:2;color:#111827;font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.project-content h3,.project-content p{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.project-content p{-webkit-line-clamp:3;color:#6b7280;font-size:.875rem;line-height:1.3;margin-bottom:.75rem}.project-tech{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem}.tech-tag{background-color:#e6f6fd;border-radius:9999px;color:#15c1ff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.tech-tag.extra{background-color:#f3f4f6;color:#6b7280}.project-footer{align-items:center;display:flex;justify-content:space-between}.project-status{color:#6b7280;font-size:.75rem}.view-details-btn{background:none;border:none;color:#15c1ff;cursor:pointer;font-size:.875rem;font-weight:500;transition:color .3s ease}.view-details-btn:hover{color:#0ea5e9}.video-section{margin:3rem 0;text-align:center}.video-title{color:#15c1ff;font-size:1.125rem;font-weight:700;margin-bottom:1.5rem;text-transform:uppercase}.video-container{background:#000;border-radius:.5rem;margin:0 auto;max-width:48rem;overflow:hidden}.video-player{aspect-ratio:16/9;position:relative;width:100%}.video-iframe{border-radius:.5rem;height:100%;inset:0;position:absolute;width:100%}.partners-section{margin:3rem 0;text-align:center}.partners-title{color:#15c1ff;font-size:1.125rem;font-weight:700;margin-bottom:1.5rem;text-transform:uppercase}.partners-grid{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);justify-items:center}.partner-logo img{height:60px;object-fit:contain;width:120px}.modal-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal-content{border-radius:.5rem;max-height:90vh;max-width:32rem;width:100%}.modal-close{background:#00000080;color:#fff;height:2rem;position:absolute;right:1rem;top:1rem;width:2rem;z-index:1}.modal-image{height:12rem;object-fit:cover;width:100%}.modal-body{padding:1.5rem}.modal-body h2{color:#111827;font-weight:700;margin-bottom:.75rem}.modal-body p{color:#6b7280}.modal-tech{display:flex;flex-wrap:wrap;gap:.5rem}@media (min-width:768px){.hero-banner{height:24rem}.hero-content h1{font-size:3rem}.benefits-grid,.landscape-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.partners-grid{grid-template-columns:repeat(4,1fr)}.advantage-item{flex-direction:row}.advantage-item:nth-child(2n){flex-direction:row-reverse}.step-detail{align-items:center;flex-direction:row}.step-detail-image{flex-shrink:0;width:14rem}}@media (min-width:1024px){.landscape-grid{grid-template-columns:repeat(4,1fr)}.advantage-image{height:20rem}.step-wrapper.left{justify-content:flex-end;padding-right:2rem}.step-wrapper.right{justify-content:flex-start;padding-left:2rem}}@media (min-width:1280px){.tab-content{padding:0 2rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.benefit-card,.landscape-card,.project-card{animation:fadeIn .6s ease forwards}@media print{.modal-overlay,.tab-navigation,.video-section{display:none}}@media (prefers-contrast:high){.benefit-card,.landscape-card,.project-card{border:2px solid #000}}.api-status{border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.api-status.error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.loading-projects{align-items:center;display:flex;justify-content:center;padding:3rem 0}.loading-spinner{animation:pulse 1.5s ease-in-out infinite;color:#15c1ff;font-size:1.125rem;font-weight:500}.project-info{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.project-info p{margin:.5rem 0}.project-info p,.project-stats{color:#6b7280;font-size:.875rem}.project-stats{margin-top:.5rem}.news-main{background-color:#f9fafb}.hero-banner{height:20rem;position:relative;width:100%}.hero-image{height:100%;object-fit:cover;width:100%}.hero-overlay{background-color:#0006;inset:0}.hero-content{inset:0;position:absolute}.hero-content h1{font-size:2.5rem;font-weight:700}.hero-content p{font-size:1.125rem;margin:0 auto;max-width:48rem;text-shadow:0 2px 4px #0000004d}.news-container{margin:0 auto;max-width:87.5rem;padding:3rem 1rem}.news-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.main-content{display:flex;flex-direction:column;gap:3rem}.news-section{background:none}.section-title{border-bottom:2px solid #15c1ff;color:#15c1ff;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem;text-transform:uppercase}.featured-card{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.featured-content{display:flex;flex-direction:column}.featured-image{height:16rem;width:100%}.featured-image img{height:100%;object-fit:cover;width:100%}.featured-text{padding:1.5rem}.featured-meta{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.category-badge{border-radius:.25rem;padding:.25rem .5rem}.featured-text h3{color:#111827;font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:.75rem}.featured-text p{color:#6b7280;line-height:1.6;margin-bottom:1rem}.read-more{align-items:center;color:#15c1ff;display:inline-flex;font-weight:500;text-decoration:none;transition:color .3s ease}.read-more:hover{color:#0ea5e9}.recruitment-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:24px}.recruitment-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:all .3s ease}.recruitment-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.recruitment-image{height:180px;overflow:hidden;position:relative}.recruitment-image img{background-color:#f3f4f6;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.recruitment-image img[src="/images"]{background-color:#e5e7eb;opacity:.8}.recruitment-card:hover .recruitment-image img{transform:scale(1.05)}.department-badge{background:#2563ebe6;right:12px}.department-badge,.featured-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;font-size:12px;padding:4px 12px;position:absolute;top:12px}.featured-badge{animation:featuredPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d;color:#fff;font-weight:600;left:12px}@keyframes featuredPulse{0%,to{box-shadow:0 2px 8px #f59e0b4d;transform:scale(1)}50%{box-shadow:0 4px 12px #f59e0b80;transform:scale(1.05)}}.recruitment-content{padding:20px}.recruitment-content h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;font-size:18px;font-weight:700;line-height:1.4;margin-bottom:16px;overflow:hidden}.recruitment-details{margin-bottom:20px}.detail-row{font-size:14px;margin-bottom:8px}.detail-row:last-child{margin-bottom:0}.detail-row span:first-child{color:#6b7280;flex-shrink:0;font-weight:500;margin-right:12px}.detail-row span:last-child{color:#1f2937;font-weight:600;text-align:right}.salary{color:#059669!important;font-size:15px!important;font-weight:700!important}.remote-badge{background:#dcfce7!important;border-radius:12px!important;color:#166534!important;font-size:12px!important;font-weight:600!important;padding:2px 8px!important}.recruitment-actions{display:flex;flex-wrap:wrap;gap:12px}.apply-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;min-width:140px;padding:12px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.apply-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #2563eb4d;color:#fff;transform:translateY(-1px)}.view-details{background:#0000;border:2px solid #2563eb;border-radius:8px;color:#2563eb;flex:1 1;font-size:14px;font-weight:600;min-width:120px;padding:12px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.view-details:hover{background:#2563eb;color:#fff;transform:translateY(-1px)}.recruitment-footer{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px;text-align:center}.view-all-jobs{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;box-shadow:0 4px 12px #f59e0b4d;color:#fff;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.view-all-jobs:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 16px #f59e0b66;color:#fff;transform:translateY(-2px)}.error-badge{background:#fef2f2;border-radius:6px;color:#dc2626;font-size:12px;font-weight:600;margin-left:12px;padding:4px 8px}.latest-item-loading{animation:pulse 1.5s ease-in-out infinite;background:#f3f4f6;border-radius:8px;height:60px;margin-bottom:12px}.latest-item-loading:last-child{margin-bottom:0}.no-content{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;padding:40px 20px;text-align:center}.no-content p{font-size:16px;margin-bottom:16px}.api-status{border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:14px;font-weight:600;padding:12px 16px;top:20px}.api-status.loading{background:#3b82f6}.api-status.error{background:#ef4444}@media (max-width:768px){.recruitment-grid{gap:16px;grid-template-columns:1fr}.recruitment-actions{flex-direction:column}.apply-btn,.view-details{flex:none;min-width:auto}.detail-row{align-items:flex-start;flex-direction:column;gap:4px}.detail-row span:last-child{text-align:left}.api-status{margin-bottom:16px;position:relative;right:auto;text-align:center;top:auto}}@media (max-width:480px){.recruitment-content{padding:16px}.recruitment-content h3{font-size:16px}.recruitment-image{height:160px}}.news-grid-3{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.news-card{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;text-decoration:none;transition:box-shadow .3s ease}.news-card:hover{box-shadow:0 10px 15px -3px #0000001a}.news-image{height:10rem;position:relative}.news-content{padding:1rem}.news-date{color:#6b7280;font-size:.75rem}.news-content h3{color:#111827;font-size:.875rem;font-weight:600;line-height:1.4;margin-top:.25rem;transition:color .3s ease}.news-card:hover .news-content h3{color:#15c1ff}.video-card{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.video-thumbnail{aspect-ratio:16/9;position:relative}.video-thumbnail img{height:100%;object-fit:cover;width:100%}.play-button{inset:0;position:absolute}.play-button,.play-button button{align-items:center;display:flex;justify-content:center}.play-button button{background-color:#15c1ffcc;border:none;border-radius:50%;cursor:pointer;height:5rem;transition:background-color .3s ease;width:5rem}.play-button:hover button{background-color:#15c1ff}.play-icon{border-bottom:12px solid #0000;border-left:20px solid #fff;border-top:12px solid #0000;height:0;margin-left:.25rem;width:0}.video-content{padding:1rem}.video-content h3{color:#111827;font-weight:700;margin-bottom:.5rem}.video-content p{color:#6b7280;font-size:.875rem;line-height:1.5}.sidebar{display:flex;flex-direction:column;gap:2rem}.sidebar-title{border-bottom:1px solid #e5e7eb;color:#15c1ff;font-size:1.125rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem;text-transform:uppercase}.latest-news{display:flex;flex-direction:column;gap:1rem}.latest-item{border-bottom:1px solid #f3f4f6;padding-bottom:.75rem}.latest-item:last-child{border-bottom:none}.latest-title{color:#111827;display:block;font-size:.875rem;font-weight:500;line-height:1.4;margin-bottom:.5rem;text-decoration:none;transition:color .3s ease}.latest-title:hover{color:#15c1ff}.latest-meta{color:#6b7280;display:flex;font-size:.75rem;justify-content:space-between}.ai-card{background:linear-gradient(135deg,#f3e8ff,#e0f2fe)!important}.ai-content{text-align:center}.ai-icon{align-items:center;background-color:#15c1ff;border-radius:50%;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:4rem;justify-content:center;margin:0 auto 1rem;width:4rem}.ai-content h4{color:#111827;font-weight:700;margin-bottom:.5rem}.ai-content p{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:1rem}.ai-btn{background-color:#15c1ff;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-weight:500;padding:.5rem;transition:background-color .3s ease;width:100%}.ai-btn:hover{background-color:#0ea5e9}.banner-image{height:10rem;margin:-1.5rem -1.5rem 1rem;position:relative}.banner-image img{height:100%;object-fit:cover;width:100%}.banner-content{text-align:center}.banner-content h4{color:#111827;font-weight:700;margin-bottom:.5rem}.banner-content p{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:.75rem}.contact-btn{background-color:#10b981;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-weight:500;padding:.5rem;transition:background-color .3s ease;width:100%}.contact-btn:hover{background-color:#059669}@media (min-width:768px){.hero-banner{height:24rem}.hero-content h1{font-size:3rem}.featured-content{flex-direction:row}.featured-image{height:auto;width:50%}.featured-text{width:50%}.recruitment-grid{grid-template-columns:repeat(2,1fr)}.news-grid-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.news-grid{grid-template-columns:3fr 1fr}.hero-content h1{font-size:3.75rem}}@media (min-width:1280px){.news-container{padding:3rem 2rem}}.bg-gray-200{background-color:#e5e7eb}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.rounded-lg{border-radius:.5rem}.h-64{height:16rem}.h-40{height:10rem}@media print{.hero-banner,.sidebar{display:none}.news-grid{grid-template-columns:1fr}}@media (prefers-contrast:high){.featured-card,.news-card,.recruitment-card,.sidebar-card{border:2px solid #000}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.error-message{background:linear-gradient(135deg,#fee2e2,#fca5a5);border:1px solid #f87171;font-weight:500;margin:1rem 0}.error-message p{margin:.25rem 0}.error-message p:first-child{font-size:1.1rem;font-weight:600}.error-message p:last-child{color:#7f1d1d;font-size:.9rem}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.api-status{border-radius:.25rem;font-size:.875rem;font-weight:500;padding:.5rem 1rem;position:fixed;right:20px;top:70px;transition:all .3s ease;z-index:1000}.api-status.success{background-color:#10b981;color:#fff}.api-status.error{background-color:#ef4444;color:#fff}.api-status.loading{background-color:#f59e0b;color:#fff}.news-detail-main{background-color:#f9fafb;min-height:100vh;padding-top:6rem}.news-detail-container{margin:0 auto;max-width:87.5rem;padding:2rem 1rem}.breadcrumb{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:2rem}.breadcrumb a{color:#15c1ff}.breadcrumb a:hover{color:#0ea5e9}.breadcrumb span:not(:last-child){color:#d1d5db}.breadcrumb span:last-child{color:#374151;font-weight:500;max-width:30rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-detail-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.news-article{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.article-header{border-bottom:1px solid #f3f4f6;padding:2rem 2rem 1rem}.article-meta{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.category-badge{background-color:#15c1ff;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .75rem;text-transform:uppercase}.article-date{color:#6b7280;font-size:.875rem}.article-title{color:#111827;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.article-info{align-items:center;display:flex;flex-wrap:wrap;font-size:.875rem;gap:1rem;justify-content:space-between}.author-info{color:#6b7280}.author-info strong{color:#374151}.article-stats{color:#6b7280}.article-image{height:20rem;width:100%}.article-image img{height:100%;object-fit:cover;width:100%}.article-content{padding:2rem}.article-excerpt{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #15c1ff;border-radius:.25rem;margin-bottom:2rem;padding:1rem 1.5rem}.article-excerpt p{color:#374151;font-size:1.125rem;line-height:1.6;margin:0}.article-body{color:#374151;font-size:1rem;line-height:1.8}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{color:#111827;font-weight:700;line-height:1.4;margin:2rem 0 1rem}.article-body h1{font-size:2rem}.article-body h2{font-size:1.75rem}.article-body h3{font-size:1.5rem}.article-body h4{font-size:1.25rem}.article-body h5{font-size:1.125rem}.article-body h6{font-size:1rem}.article-body p{margin-bottom:1.5rem}.article-body ol,.article-body ul{margin:1.5rem 0;padding-left:2rem}.article-body li{margin-bottom:.5rem}.article-body ul li{list-style-type:disc}.article-body ol li{list-style-type:decimal}.article-body blockquote{background:#f8fafc;border-left:4px solid #15c1ff;color:#4b5563;font-style:italic;margin:2rem 0;padding:1rem 1.5rem}.article-body img{border-radius:.5rem;height:auto;margin:1.5rem 0;max-width:100%}.article-body a{color:#15c1ff;text-decoration:underline;transition:color .3s ease}.article-body a:hover{color:#0ea5e9}.article-footer{background:#f9fafb;border-top:1px solid #f3f4f6;padding:2rem}.social-share{margin-bottom:2rem}.social-share h3{color:#374151;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.share-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.share-btn{border:none;border-radius:.25rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.share-btn.facebook{background-color:#1877f2;color:#fff}.share-btn.facebook:hover{background-color:#166fe5}.share-btn.twitter{background-color:#1da1f2;color:#fff}.share-btn.twitter:hover{background-color:#1a91da}.share-btn.linkedin{background-color:#0a66c2;color:#fff}.share-btn.linkedin:hover{background-color:#095cab}.share-btn.copy-link{background-color:#6b7280;color:#fff}.share-btn.copy-link:hover{background-color:#4b5563}.article-tags{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:.875rem;gap:.5rem}.tag{background-color:#e5e7eb;border-radius:.25rem;color:#374151;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.news-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem}.sidebar-card h3{border-bottom:1px solid #e5e7eb;color:#15c1ff;font-size:1.125rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem;text-transform:uppercase}.back-btn{align-items:center;background-color:#15c1ff;border:none;border-radius:.5rem;display:inline-flex;gap:.5rem;justify-content:center;text-decoration:none;width:100%}.back-btn:hover{background-color:#0ea5e9;transform:translateY(-1px)}.related-news{display:flex;flex-direction:column;gap:1rem}.related-item{border:1px solid #f3f4f6;border-radius:.5rem;display:flex;gap:1rem;padding:1rem;text-decoration:none;transition:all .3s ease}.related-item:hover{background-color:#f9fafb;border-color:#15c1ff;transform:translateY(-1px)}.related-image{border-radius:.25rem;flex-shrink:0;height:4rem;overflow:hidden;width:4rem}.related-image img{height:100%;object-fit:cover;width:100%}.related-content{flex:1 1;min-width:0}.related-content h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#374151;display:-webkit-box;font-size:.875rem;font-weight:600;line-height:1.4;margin-bottom:.25rem;overflow:hidden}.related-item:hover .related-content h4{color:#15c1ff}.related-date{color:#6b7280;font-size:.75rem}.cta-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;text-align:center}.cta-card h3{border:none!important;margin-bottom:.5rem!important}.cta-card p{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:1rem}.cta-btn{background-color:#10b981;border-radius:.5rem;color:#fff;display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.cta-btn:hover{background-color:#059669;transform:translateY(-1px)}.loading-skeleton{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;padding:2rem}.skeleton-header,.skeleton-image,.skeleton-line,.skeleton-meta{animation:pulse 1.5s ease-in-out infinite;background-color:#e5e7eb;border-radius:.25rem}.skeleton-header{height:3rem;margin-bottom:1rem}.skeleton-meta{height:1rem;margin-bottom:2rem;width:60%}.skeleton-image{height:20rem;margin-bottom:2rem}.skeleton-content{display:flex;flex-direction:column;gap:1rem}.skeleton-line.short{width:75%}.error-message{background:#fff;box-shadow:0 4px 6px -1px #0000001a;padding:3rem 2rem}.error-message h2{color:#dc2626;font-size:1.5rem;margin-bottom:1rem}.error-message p{color:#6b7280;margin-bottom:2rem}@media (min-width:768px){.news-detail-container{padding:3rem 2rem}.article-title{font-size:2.5rem}.article-image{height:24rem}.share-buttons{justify-content:flex-start}.related-item{padding:.75rem}.related-image{height:5rem;width:5rem}}@media (min-width:1024px){.news-detail-grid{gap:3rem;grid-template-columns:2fr 1fr}.article-title{font-size:3rem}.article-header{padding:3rem 3rem 1.5rem}.article-content,.article-footer{padding:2rem 3rem}}@media (min-width:1280px){.news-detail-container{padding:4rem 2rem}}@media print{.breadcrumb,.news-sidebar,.social-share{display:none}.news-detail-grid{grid-template-columns:1fr}.article-content,.article-footer,.article-header{padding:1rem}}@media (prefers-contrast:high){.news-article,.related-item,.sidebar-card{border:2px solid #000}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.back-btn:hover,.cta-btn:hover,.related-item:hover{transform:none}}.contact-main{background-color:#f9fafb;min-height:100vh}.contact-hero{background-color:#fff;padding:6rem 0;text-align:center}.contact-hero-content{margin:0 auto;max-width:72rem;padding:0 1rem}.contact-hero h1{color:#15c1ff;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.hero-subtitle{color:#6b7280;font-size:1.125rem;margin-bottom:1rem}.hero-description{color:#6b7280;font-size:1rem;line-height:1.6;margin:0 auto;max-width:48rem}.contact-info-section{background-color:#f9fafb;padding:3rem 0}.contact-container{margin:0 auto;max-width:87.5rem;padding:0 1rem}.contact-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.contact-info-card{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;transition:box-shadow .3s ease}.contact-info-card:hover{box-shadow:0 10px 15px -3px #0000001a}.contact-card-header{padding:1.5rem;text-align:center}.contact-card-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.contact-card-green{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.contact-card-purple{background:linear-gradient(135deg,#f3e8ff,#e9d5ff)}.contact-card-orange{background:linear-gradient(135deg,#fed7aa,#fdba74)}.contact-icon{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;display:flex;justify-content:center;margin:0 auto 1rem}.contact-icon span{font-size:1.5rem}.contact-card-header h3{color:#111827;font-size:1.125rem;font-weight:700}.contact-card-content{padding:1.5rem;text-align:center}.contact-card-content p{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.contact-card-content p:last-child{margin-bottom:0}.contact-form-section{background-color:#fff;padding:4rem 0}.contact-form-header{margin-bottom:3rem;text-align:center}.section-label{color:#15c1ff;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.contact-form-header h2{color:#111827;font-size:2rem;font-weight:700;margin:.5rem 0 1.5rem}.contact-form-header p{color:#6b7280;line-height:1.6;margin:0 auto;max-width:48rem}.contact-form-grid{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr}.form-container{order:2}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-input,.form-textarea{border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#15c1ff;box-shadow:0 0 0 3px #15c1ff1a;outline:none}.form-textarea{min-height:150px;resize:vertical}.submit-btn{background-color:#15c1ff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;font-size:1.125rem;padding:1rem 2rem;width:100%}.submit-btn:hover:not(.submitting){background-color:#0ea5e9;box-shadow:0 10px 15px -3px #0000001a}.submit-btn.submitting{background-color:#9ca3af;cursor:not-allowed}.loading-content{align-items:center;display:flex;gap:.5rem;justify-content:center}.spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:1.25rem;width:1.25rem}.status-message{align-items:flex-start;border-radius:.5rem;display:flex;gap:.5rem;margin-top:1rem;padding:1rem}.status-message.success{background-color:#f0fdf4;border:1px solid #d4edda}.status-message.success span{color:#059669}.status-message.success p{color:#065f46;font-weight:500}.status-message.error{background-color:#fef2f2;border:1px solid #fecaca}.status-message.error span{color:#dc2626}.status-message.error p{color:#991b1b;font-weight:500}.error-help{color:#dc2626!important;font-size:.875rem!important;margin-top:.5rem!important}.illustration-container{display:flex;justify-content:center;order:1}.contact-illustration{height:auto;max-width:100%;width:25rem}.contact-map-section{background-color:#f9fafb;padding:4rem 0}.map-header{margin-bottom:3rem;text-align:center}.map-header h2{color:#111827;font-size:1.875rem;font-weight:700;margin-bottom:1rem}.map-header p{color:#6b7280}.map-container{background:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;overflow:hidden}.map-iframe{display:block;width:100%}@media (min-width:768px){.contact-hero h1{font-size:3rem}.contact-info-grid,.form-row{grid-template-columns:repeat(2,1fr)}.contact-form-header h2{font-size:2.5rem}}@media (min-width:1024px){.contact-hero h1{font-size:3.75rem}.contact-info-grid{grid-template-columns:repeat(4,1fr)}.contact-form-grid{grid-template-columns:1fr 1fr}.form-container{order:1}.illustration-container{order:2}}@media (min-width:1280px){.contact-container{padding:0 2rem}}@media print{.contact-map-section,.illustration-container{display:none}}@media (prefers-contrast:high){.contact-info-card,.form-input,.form-textarea,.map-container{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}*{transition:none!important}}.jobs-main{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.jobs-hero{align-items:center;display:flex;height:40vh;justify-content:center;min-height:300px;overflow:hidden;position:relative}.jobs-hero .hero-image{object-fit:cover;z-index:1}.hero-overlay,.jobs-hero .hero-image{height:100%;left:0;position:absolute;top:0;width:100%}.hero-overlay{z-index:2}.hero-content{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;max-width:800px;padding:0 2rem;position:relative;text-align:center;z-index:3}.hero-content h1{font-size:3rem;font-weight:800;letter-spacing:2px;margin-bottom:1rem;text-shadow:0 2px 4px #0000004d;text-transform:uppercase}.hero-content p{font-size:1.2rem;line-height:1.6;margin-bottom:0;opacity:.95}.jobs-container{margin:0 auto;max-width:1400px;padding:3rem 2rem}.jobs-filters{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 20px #00000014;margin-bottom:3rem;padding:2rem}.filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem}.search-box{flex:1 1;min-width:300px;position:relative}.search-input{background:#f8fafc;border-radius:25px;font-size:1rem;padding:12px 45px 12px 15px}.search-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-icon{color:#6b7280;font-size:1.2rem;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.filter-box,.sort-box{min-width:200px}.filter-select,.sort-select{background:#f8fafc;border:2px solid #e2e8f0;border-radius:25px;cursor:pointer;font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.filter-select:focus,.sort-select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.departments-row{display:flex;flex-wrap:wrap;gap:1rem}.department-btn{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:25px;color:#4b5563;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.department-btn:hover{box-shadow:0 4px 15px #2563eb33;color:#2563eb}.department-btn.active,.department-btn:hover{border-color:#2563eb;transform:translateY(-2px)}.department-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #2563eb4d;color:#fff}.department-btn .count{background:#fff3;border-radius:12px;font-size:.8rem;padding:2px 8px}.department-btn.active .count{background:#ffffff4d}.error-message{background:#fef2f2;border-radius:10px;margin-bottom:2rem;padding:1rem}.jobs-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:3rem}.job-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.job-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-4px)}.job-image{height:200px;overflow:hidden;position:relative}.job-image img{background-color:#f3f4f6;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.job-card:hover .job-image img{transform:scale(1.05)}.job-badges{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;left:12px;position:absolute;right:12px;top:12px}.job-header{flex:1 1;margin-bottom:1.5rem;padding:1.5rem}.job-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:1rem;position:relative}.department-badge{background:linear-gradient(135deg,#2563eb,#1d4ed8);letter-spacing:.3px;text-transform:uppercase}.department-badge,.remote-badge{border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;padding:4px 8px}.remote-badge{background:linear-gradient(135deg,#059669,#047857)}.job-title{color:#1e293b;font-size:1.4rem;font-weight:700;line-height:1.3;margin-bottom:.5rem}.job-summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.6}.job-details{margin-bottom:1.5rem;padding:0 1.5rem}.detail-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:.5rem 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#6b7280}.detail-value{color:#1f2937}.detail-value.deadline{color:#dc2626}.remote-tag{background:#dcfce7;border-radius:10px;color:#166534;font-size:.7rem;font-weight:600;margin-left:6px;padding:2px 6px}.job-actions{display:flex;gap:.75rem;padding:1.5rem}.job-btn{align-items:center;border:2px solid;border-radius:25px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.job-btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;color:#fff}.job-btn.primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 20px #2563eb4d;transform:translateY(-2px)}.job-btn.secondary{background:#0000;border-color:#2563eb;color:#2563eb}.job-btn.secondary:hover{background:#2563eb;box-shadow:0 6px 20px #2563eb4d;color:#fff;transform:translateY(-2px)}.job-card.skeleton{display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.job-content-skeleton,.job-header-skeleton{margin-bottom:1.5rem}.skeleton-line{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:5px;height:1rem;margin-bottom:1rem}.skeleton-line.short{width:60%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.no-jobs{align-items:center;display:flex;grid-column:1/-1;justify-content:center;min-height:300px}.no-jobs-content{background:#fff;border:2px dashed #e2e8f0;border-radius:15px;box-shadow:0 4px 20px #00000014;padding:3rem;text-align:center}.no-jobs-content i{color:#94a3b8;font-size:3rem;margin-bottom:1rem}.no-jobs-content h3{color:#64748b;font-size:1.5rem;margin-bottom:1rem}.no-jobs-content p{color:#94a3b8;margin-bottom:2rem}.reset-filters-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.reset-filters-btn:hover{box-shadow:0 6px 20px #2563eb4d;transform:translateY(-2px)}.jobs-stats{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 20px #00000014;color:#64748b;padding:2rem;text-align:center}@media (max-width:1200px){.jobs-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.jobs-container{padding:2rem 1rem}.jobs-filters{padding:1.5rem}.filters-row{flex-direction:column;gap:1rem}.filter-box,.search-box,.sort-box{min-width:100%}.departments-row{justify-content:center}.jobs-grid{gap:1.5rem;grid-template-columns:1fr}.job-actions{flex-direction:column}.job-card{padding:1.5rem}}@media (max-width:480px){.jobs-hero{height:30vh;min-height:250px}.hero-content{padding:0 1rem}.hero-content h1{font-size:1.5rem;letter-spacing:1px}.jobs-container{padding:1.5rem .5rem}.jobs-filters{margin-bottom:2rem;padding:1rem}.department-btn{font-size:.8rem;padding:8px 16px}.job-card{padding:1rem}.job-title{font-size:1.2rem}.job-btn{font-size:.8rem;padding:10px 16px}}.job-detail-main{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;padding-top:100px;position:relative;z-index:0}.breadcrumb{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 0}.breadcrumb-container{align-items:center;display:flex;font-size:.9rem;gap:.5rem;margin:0 auto;max-width:1400px;padding:0 2rem}.breadcrumb a{color:#2563eb;text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:#1d4ed8}.breadcrumb-separator{color:#94a3b8}.breadcrumb-current{color:#64748b;font-weight:500}.job-detail-container{margin:0 auto;max-width:1400px;padding:3rem 2rem}.job-detail-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 350px}.job-detail-main-content{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 20px #00000014;padding:3rem}.job-detail-header{border-bottom:2px solid #f1f5f9;margin-bottom:3rem;padding-bottom:2rem}.job-detail-image{border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem;overflow:hidden}.job-detail-image img{background-color:#f3f4f6;height:300px;object-fit:cover;transition:transform .3s ease;width:100%}.job-detail-image:hover img{transform:scale(1.02)}.job-header-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.job-detail-title{color:#1e293b;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.job-header-meta{color:#64748b;display:flex;flex-wrap:wrap;gap:2rem}.meta-item{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.meta-item i{color:#2563eb;width:16px}.job-section{margin-bottom:3rem}.job-section h2{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}.job-description,.job-summary{color:#475569;font-size:1rem;line-height:1.8}.job-description p,.job-summary p{margin-bottom:1rem}.job-benefits,.job-requirements{list-style:none;padding:0}.job-benefits li,.job-requirements li{border-bottom:1px solid #f1f5f9;color:#475569;line-height:1.6;padding:.75rem 0 .75rem 2rem;position:relative}.job-requirements li:before{color:#059669;content:"✓";font-weight:700;left:0;position:absolute}.job-benefits li:before{content:"🎁";left:0;position:absolute}.job-benefits li:last-child,.job-requirements li:last-child{border-bottom:none}.contact-info{display:flex;flex-direction:column;gap:1rem}.contact-item{align-items:center;border-radius:10px;display:flex;gap:1rem;padding:1rem}.contact-item i{color:#2563eb;text-align:center;width:20px}.contact-item a{color:#2563eb;font-weight:500;text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:#1d4ed8;text-decoration:underline}.job-detail-sidebar{display:flex;flex-direction:column;gap:2rem;position:relative;z-index:1}.deadline-alert{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 20px #00000014;display:flex;gap:1rem;padding:1.5rem}.deadline-alert.urgent{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b}.deadline-alert.expired{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#dc2626}.deadline-icon{font-size:1.5rem;margin-top:.25rem}.deadline-content{flex:1 1}.deadline-label{color:#64748b;font-size:.9rem;margin-bottom:.25rem}.deadline-date{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.deadline-status{font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.deadline-alert.urgent .deadline-status{color:#f59e0b}.deadline-alert.expired .deadline-status{color:#dc2626}.job-details-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 20px #00000014;padding:2rem}.job-details-card h3{align-items:center;color:#1e293b;display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}.detail-grid{display:flex;flex-direction:column;gap:1rem}.detail-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:.75rem 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#64748b;font-size:.9rem;font-weight:500}.detail-value{color:#1e293b;font-size:.9rem;font-weight:600;text-align:right}.detail-value.salary{color:#059669;font-weight:700}.application-actions{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:1rem;padding:2rem;position:relative;z-index:2}.apply-btn,.save-job-btn,.share-job-btn{align-items:center;background-clip:padding-box;border:2px solid;border-radius:25px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease;width:100%;z-index:3}.apply-btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;color:#fff}.apply-btn.primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 20px #2563eb4d;transform:translateY(-2px)}.save-job-btn.secondary,.share-job-btn.secondary{background:#0000;border-color:#2563eb;color:#2563eb}.save-job-btn.secondary:hover,.share-job-btn.secondary:hover{background:#2563eb;box-shadow:0 6px 20px #2563eb4d;color:#fff;transform:translateY(-2px)}.application-modal{align-items:center;display:flex;justify-content:center;position:fixed;z-index:9999}.application-modal,.modal-overlay{height:100%;left:0;top:0;width:100%}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080}.modal-content{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0003;max-height:80vh;max-width:500px;overflow-y:auto;position:relative;width:90%;z-index:10000}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.modal-header h3{color:#1e293b;font-size:1.3rem;font-weight:700;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.modal-close:hover{background:#f1f5f9;color:#64748b}.modal-body{padding:2rem}.modal-body p{color:#64748b;line-height:1.6;margin-bottom:1rem}.email-link{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:25px;color:#fff;display:inline-block;font-weight:600;margin-top:1rem;padding:12px 24px;text-decoration:none;transition:all .3s ease}.email-link:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 20px #2563eb4d;transform:translateY(-2px)}.share-menu{align-items:center;display:flex;justify-content:center;position:fixed;z-index:9998}.share-menu,.share-menu-overlay{height:100%;left:0;top:0;width:100%}.share-menu-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:absolute}.share-menu-content{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0003;max-width:400px;padding:2rem;position:relative;width:90%;z-index:9999}.share-menu-content h3{color:#1e293b;font-size:1.3rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.share-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.share-options button{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;cursor:pointer;font-weight:500;padding:12px 16px;transition:all .3s ease}.share-options button:hover{background:#2563eb;border-color:#2563eb;color:#fff}.application-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.form-group label{color:#1e293b}.form-group input,.form-group select,.form-group textarea{background:#f8fafc;font-size:.9rem;padding:12px 15px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.6}.form-group small{color:#64748b;font-size:.8rem}.form-group input[type=file]{background:#fff;padding:8px}.form-notice{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;border-radius:10px;margin:1rem 0;padding:1rem}.notice-content{align-items:flex-start;display:flex;gap:.75rem}.notice-content i{color:#2563eb;flex-shrink:0;font-size:1.1rem;margin-top:.1rem}.notice-content p{color:#1e40af;font-size:.9rem;line-height:1.5;margin:0 0 .5rem}.notice-content p:last-child{margin-bottom:0}.notice-content strong{font-weight:600}.form-actions{margin-top:1rem}.cancel-btn,.submit-btn{align-items:center;border:2px solid;border-radius:25px;display:flex;flex:1 1;font-size:.9rem;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.cancel-btn{background:#0000;border-color:#e2e8f0;color:#64748b}.cancel-btn:hover:not(:disabled){background:#f1f5f9;border-color:#64748b}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.submit-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 20px #2563eb4d}.submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.submit-btn .fa-spinner{animation:spin 1s linear infinite}.alternative-contact{border-top:1px solid #e2e8f0;padding-top:1.5rem;text-align:center}.alternative-contact p{color:#64748b;font-size:.9rem;margin-bottom:1rem}.expired-notice{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;padding:1.5rem;text-align:center}.expired-notice i{display:block;font-size:1.5rem;margin-bottom:.5rem}.expired-notice p{font-weight:500;margin:0}.similar-jobs{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 20px #00000014;padding:2rem}.similar-jobs h3{align-items:center;color:#1e293b;display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}.similar-jobs-loading{display:flex;flex-direction:column;gap:1rem}.similar-job-skeleton{border:1px solid #f1f5f9;border-radius:10px;padding:1rem}.similar-job-skeleton .skeleton-line{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:5px;height:1rem;margin-bottom:.5rem}.similar-job-skeleton .skeleton-line.short{width:60%}.similar-jobs-list{display:flex;flex-direction:column;gap:1rem}.similar-job-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:inherit;display:block;padding:1.5rem;text-decoration:none;transition:all .3s ease}.similar-job-item:hover{background:#fff;border-color:#2563eb;box-shadow:0 8px 25px #2563eb26;color:inherit;text-decoration:none;transform:translateY(-2px)}.similar-job-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.similar-job-title{color:#1e293b;flex:1 1;font-size:1rem;font-weight:600;line-height:1.3;margin:0}.similar-job-badges{display:flex;gap:.25rem;margin-left:.5rem}.featured-mini,.remote-mini{background:#2563eb1a;border-radius:4px;color:#2563eb;font-size:.7rem;padding:2px 4px}.featured-mini{background:#ffd70033;color:#d97706}.similar-job-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.job-department,.job-location{align-items:center;color:#64748b;display:flex;font-size:.8rem;gap:.25rem}.job-department{background:#2563eb1a;border-radius:12px;color:#2563eb;font-weight:500;padding:2px 8px}.similar-job-salary{color:#059669;font-size:.9rem;font-weight:600}.no-similar-jobs{color:#94a3b8;padding:2rem;text-align:center}.no-similar-jobs p{font-style:italic}.view-all-link,.view-all-similar{color:#2563eb;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s ease}.view-all-link:hover,.view-all-similar:hover{color:#1d4ed8;text-decoration:underline}.coming-soon{color:#94a3b8;font-style:italic;padding:2rem;text-align:center}.error-state,.loading-state,.not-found-state{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem;text-align:center}.error-icon,.loading-spinner,.not-found-icon{font-size:3rem;margin-bottom:1rem}.loading-spinner{animation:spin 2s linear infinite}.error-state h2,.not-found-state h2{color:#1e293b;font-size:1.5rem;margin-bottom:1rem}.error-state p,.not-found-state p{color:#64748b;margin-bottom:2rem;max-width:400px}.error-actions{display:flex;flex-wrap:wrap;gap:1rem}.back-to-jobs-btn,.retry-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.back-to-jobs-btn:hover,.retry-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 20px #2563eb4d;transform:translateY(-2px)}@media (max-width:1200px){.job-detail-grid{gap:2rem;grid-template-columns:1fr 300px}}@media (max-width:968px){.job-detail-main{padding-top:80px}.job-detail-grid{gap:2rem;grid-template-columns:1fr}.job-detail-sidebar{order:-1}.job-detail-main-content{padding:2rem}.job-detail-title{font-size:2rem}.job-header-meta{gap:1rem}}@media (max-width:768px){.job-detail-main{padding-top:80px}.job-detail-container{padding:2rem 1rem}.job-detail-main-content{padding:2rem 1.5rem}.job-detail-image img{height:200px}.job-detail-title{font-size:1.8rem}.job-header-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.application-actions,.job-details-card,.similar-jobs{padding:1.5rem}.modal-content{width:95%}.modal-body,.modal-header{padding:1.5rem}.share-menu-content{padding:1.5rem;width:95%}.share-options{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}@media (max-width:480px){.job-detail-main{padding-top:70px}.job-detail-container{padding:1.5rem 1rem}.job-detail-main-content{padding:1.5rem}.job-detail-image img{height:180px}.job-detail-title{font-size:1.5rem}.job-section h2{font-size:1.2rem}.error-actions{align-items:center;flex-direction:column}.back-to-jobs-btn,.retry-btn{max-width:250px;width:100%}.share-menu-content{padding:1rem}.share-menu-content h3{font-size:1.1rem}.application-form{gap:1rem}.form-group input,.form-group select,.form-group textarea{padding:10px 12px}.form-notice{margin:.75rem 0;padding:.75rem}.notice-content{gap:.5rem}.notice-content p{font-size:.8rem}.modal-header h3{font-size:1.1rem}}.apply-btn:not(:disabled),.save-job-btn:not(:disabled),.share-job-btn:not(:disabled){pointer-events:auto;z-index:10}.apply-btn:disabled,.save-job-btn:disabled,.share-job-btn:disabled{cursor:not-allowed;opacity:.6}.job-detail-sidebar>*{position:relative}.application-actions button{isolation:isolate}.similar-jobs-note{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;border-radius:8px;color:#64748b;font-size:.85rem;margin-bottom:1rem;padding:.75rem;text-align:center}.similar-job-item.same-department{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#2563eb;box-shadow:0 2px 8px #2563eb26}.similar-job-item.same-department:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#1d4ed8;box-shadow:0 4px 15px #2563eb40}.same-dept-badge{border-radius:12px;font-size:.65rem;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.job-department.highlight-dept,.same-dept-badge{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:600}.job-department.highlight-dept{box-shadow:0 2px 8px #2563eb4d}.similarity-indicator{border-top:1px solid #e2e8f0;margin-top:.75rem;padding-top:.75rem}.similarity-score{background:#0596691a;border-radius:12px;color:#059669;font-size:.75rem;padding:4px 8px}.similarity-score,.view-dept-jobs{display:inline-block;font-weight:600}.view-dept-jobs{background:#2563eb1a;border-radius:15px;color:#2563eb;font-size:.9rem;margin-bottom:.5rem;padding:6px 12px;text-decoration:none;transition:color .3s ease}.view-dept-jobs:hover{background:#2563eb33;color:#1d4ed8;text-decoration:none}.similar-jobs-footer{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem;padding-top:1rem;text-align:center}.no-similar-jobs p{color:#64748b;margin-bottom:1rem}.no-similar-jobs .view-dept-jobs{margin-bottom:.75rem}@media (max-width:768px){.similar-jobs-note{font-size:.8rem;padding:.5rem}.same-dept-badge{font-size:.6rem;padding:2px 6px}.similarity-score{font-size:.7rem;padding:3px 6px}.view-dept-jobs{font-size:.8rem;padding:5px 10px}.similar-jobs-footer{flex-direction:column;gap:.75rem}}@media (max-width:480px){.similar-jobs-note{font-size:.75rem;padding:.5rem;text-align:left}.similar-job-badges{align-items:flex-start;flex-direction:column;gap:.25rem}.same-dept-badge{font-size:.55rem;padding:2px 5px}.similarity-indicator{margin-top:.5rem;padding-top:.5rem}.similarity-score{font-size:.65rem;padding:2px 5px}}.admin-layout{background-color:#f8fafc;display:flex;min-height:100vh}.admin-sidebar{background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:1000}.admin-sidebar.open{transform:translateX(0)}.sidebar-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.sidebar-header h2{color:#15c1ff;font-size:1.25rem;font-weight:700;margin:0}.sidebar-toggle{background:none;border:none;border-radius:.375rem;color:#64748b;cursor:pointer;font-size:1.25rem;padding:.5rem;transition:all .2s}.sidebar-toggle:hover{background-color:#f1f5f9;color:#334155}.mobile-only{display:none}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.nav-item{align-items:center;border-left:3px solid #0000;color:#64748b;display:flex;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.nav-item:hover{background-color:#f8fafc;color:#334155}.nav-item.active{background-color:#eff6ff;border-left-color:#15c1ff;color:#15c1ff}.nav-icon{font-size:1.125rem;margin-right:.75rem}.nav-title{font-weight:500}.sidebar-footer{border-top:1px solid #e2e8f0;padding:1rem}.user-info{background-color:#f8fafc;border-radius:.5rem;margin-bottom:1rem;padding:.75rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#15c1ff,#0ea5e9);border-radius:50%;color:#fff;font-weight:600;height:2.5rem;justify-content:center;margin-right:.75rem;width:2.5rem}.user-details{flex:1 1}.user-name{color:#1e293b;font-size:.875rem;font-weight:600}.user-role{color:#64748b;font-size:.75rem}.logout-btn{background:#ef4444;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:500;padding:.75rem;transition:background-color .2s;width:100%}.logout-btn:hover{background:#dc2626}.admin-main{display:flex;flex:1 1;flex-direction:column;margin-left:0}.admin-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;padding:1rem 1.5rem}.header-title h1{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.header-actions{margin-left:auto}.view-site-btn{background:#15c1ff;border-radius:.375rem;color:#fff;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.view-site-btn:hover{background:#0ea5e9}.admin-content{flex:1 1;overflow-y:auto;padding:1.5rem}.admin-loading{align-items:center;color:#64748b;display:flex;font-size:1.125rem;justify-content:center;min-height:100vh}.sidebar-overlay{background:#00000080;display:none;inset:0;position:fixed;z-index:999}@media (min-width:768px){.admin-sidebar{position:static;transform:none;transition:none}.admin-main{margin-left:280px}.sidebar-toggle{display:none}.mobile-only{display:none!important}}@media (max-width:767px){.admin-main{margin-left:0}.mobile-only,.sidebar-overlay{display:block}.admin-header{padding:1rem}.header-title h1{font-size:1.25rem}.admin-content{padding:1rem}}@media (max-width:480px){.sidebar-header{padding:1rem}.nav-item{padding:.5rem 1rem}.admin-content{padding:.75rem}}.admin-login{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-container{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;padding:2.5rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:#15c1ff;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.login-header h2{color:#6b7280;font-size:1rem;font-weight:500}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{gap:.5rem}.form-group input{border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;padding:.75rem;transition:border-color .3s ease}.form-group input:focus{border-color:#15c1ff;box-shadow:0 0 0 3px #15c1ff1a;outline:none}.login-btn{background:linear-gradient(135deg,#15c1ff,#0ea5e9);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.875rem;transition:all .3s ease}.login-btn:hover:not(:disabled){box-shadow:0 10px 15px -3px #15c1ff4d;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-size:.875rem;padding:.75rem;text-align:center}.login-footer{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1rem;text-align:center}.login-footer p{background:#f9fafb;border-radius:.25rem;color:#6b7280;font-family:monospace;font-size:.75rem;padding:.5rem}@media (max-width:480px){.login-container{margin:1rem;padding:1.5rem}.login-header h1{font-size:1.5rem}}.admin-dashboard{padding:0}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 .5rem}.dashboard-header p{color:#64748b;margin:0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{border-radius:.75rem;overflow:hidden;position:relative;transition:all .2s}.stat-card:hover{box-shadow:0 8px 25px #0000001a}.stat-card:before{content:"";height:100%;left:0;position:absolute;top:0;width:4px}.stat-card.blue:before{background:#3b82f6}.stat-card.green:before{background:#10b981}.stat-card.purple:before{background:#8b5cf6}.stat-card.orange:before{background:#f59e0b}.stat-icon{background:#f8fafc;border-radius:.75rem;height:4rem;width:4rem}.stat-content h3{color:#1e293b;font-size:1.875rem;font-weight:700;margin:0 0 .25rem}.stat-content p{color:#64748b;font-size:.875rem;font-weight:500;margin:0 0 .5rem}.stat-trend{background:#dcfce7;border-radius:.375rem;color:#10b981;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.dashboard-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.dashboard-section{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden}.section-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.section-header h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.view-all-btn{color:#15c1ff;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.view-all-btn:hover{color:#0ea5e9}.recent-items{max-height:300px;overflow-y:auto}.recent-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:background-color .2s}.recent-item:hover{background:#f8fafc}.recent-item:last-child{border-bottom:none}.item-info{flex:1 1}.item-info h4{color:#1e293b;font-size:.875rem;font-weight:600;line-height:1.4;margin:0 0 .25rem}.item-info p{color:#64748b;font-size:.75rem;line-height:1.4;margin:0 0 .5rem}.item-meta{align-items:center;display:flex;gap:.75rem}.status{border-radius:.375rem;font-size:.625rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.status.completed,.status.published{background:#dcfce7;color:#166534}.status.in-progress{background:#fef3c7;color:#92400e}.status.draft,.status.planned{background:#e5e7eb;color:#374151}.category,.date{background:#f1f5f9;border-radius:.375rem;color:#64748b;font-size:.625rem;padding:.25rem .5rem}.item-actions{display:flex;gap:.5rem}.edit-btn,.view-btn{background:none;border:none;border-radius:.25rem;cursor:pointer;font-size:1rem;padding:.25rem;transition:background-color .2s}.view-btn:hover{background:#eff6ff}.empty-state{color:#64748b;padding:2rem}.quick-actions{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.quick-actions h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;gap:1rem;padding:1rem;text-decoration:none;transition:all .2s}.action-card:hover{background:#15c1ff;box-shadow:0 4px 12px #15c1ff4d;color:#fff;transform:translateY(-1px)}.action-icon{align-items:center;background:#fff;border-radius:.5rem;display:flex;flex-shrink:0;font-size:1.5rem;height:3rem;justify-content:center;width:3rem}.action-card:hover .action-icon{background:#fff3}.action-text h3{color:#1e293b;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.action-card:hover .action-text h3{color:#fff}.action-text p{color:#64748b;font-size:.75rem;margin:0}.action-card:hover .action-text p{color:#fffc}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}@media (max-width:768px){.actions-grid,.dashboard-content,.stats-grid{grid-template-columns:1fr}.recent-item{align-items:flex-start;flex-direction:column;gap:.75rem}.item-actions{align-self:flex-end}}.admin-projects{padding:0}.projects-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.header-content h1{color:#1e293b}.create-btn{background:linear-gradient(135deg,#15c1ff,#0ea5e9)}.create-btn:hover{box-shadow:0 8px 25px #15c1ff4d}.projects-filters{border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem}.filter-group{flex:1 1}.search-input{border:2px solid #e5e7eb;border-radius:.5rem;padding:.75rem;transition:border-color .2s}.search-input:focus{border-color:#15c1ff;box-shadow:0 0 0 3px #15c1ff1a}.filter-select{border:2px solid #e5e7eb;border-radius:.5rem;padding:.75rem;transition:border-color .2s}.filter-select:focus{border-color:#15c1ff;box-shadow:0 0 0 3px #15c1ff1a}.projects-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:1.5rem;overflow:hidden}.projects-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#374151;font-size:.875rem}.projects-table td{border-bottom:1px solid #f1f5f9;vertical-align:top}.projects-table tbody tr:hover{background:#f8fafc}.projects-table tbody tr:last-child td{border-bottom:none}.project-image{align-items:center;background:#f1f5f9;border-radius:.5rem;display:flex;justify-content:center;overflow:hidden}.project-image img{height:100%;object-fit:cover;width:100%}.project-title h4{color:#1e293b;font-size:.875rem;font-weight:600;line-height:1.4;margin:0 0 .25rem}.project-title p{color:#64748b;font-size:.75rem;line-height:1.4;margin:0}.category-badge,.priority-badge,.status-badge{border-radius:.375rem;font-size:.625rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase;white-space:nowrap}.category-badge{background:#eff6ff;color:#1e40af}.status-badge.planning{background:#e5e7eb;color:#374151}.status-badge.in-progress{background:#fef3c7;color:#92400e}.status-badge.completed{background:#dcfce7;color:#166534}.status-badge.on-hold{background:#fee2e2;color:#dc2626}.priority-badge.low{background:#f3f4f6;color:#6b7280}.priority-badge.medium{background:#fef3c7;color:#d97706}.priority-badge.high{background:#fed7d7;color:#e53e3e}.priority-badge.urgent{background:#fce7f3;color:#be185d}.progress-container{min-width:100px}.progress-bar{background:#e5e7eb}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:4px}.progress-text{color:#64748b}.date,.view-count{color:#64748b;font-size:.75rem;white-space:nowrap}.view-count{background:#f1f5f9;border-radius:.375rem;padding:.25rem .5rem}.delete-btn,.edit-btn{border-radius:.375rem;transition:background-color .2s}.loading-state{gap:1rem}.empty-content p{color:#64748b;font-size:1rem}.create-link{color:#15c1ff}.create-link:hover{color:#0ea5e9}.pagination{border-radius:.75rem;padding:1rem}.page-btn{border-radius:.375rem;color:#64748b;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.page-btn:hover:not(:disabled){background:#15c1ff;border-color:#15c1ff}.page-info{color:#64748b;font-size:.875rem}@media (max-width:768px){.projects-header{align-items:flex-start}.projects-filters,.projects-header{flex-direction:column}.filter-group{min-width:auto}.projects-table-container{overflow-x:auto}.projects-table{min-width:800px}.action-buttons{flex-direction:column}}.stats-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;padding:1rem}.stat-item{align-items:center;display:flex;flex-direction:column;min-width:80px}.stat-number{font-size:1.5rem}.stat-label{font-size:.85rem;opacity:.9}.bulk-actions{background:#f8f9fa;border:1px solid #dee2e6;padding:1rem}.bulk-info{color:#495057}.bulk-clear-btn,.bulk-delete-btn{border-radius:4px;font-size:.875rem;transition:all .2s}.bulk-delete-btn{background:#dc3545}.bulk-delete-btn:hover{background:#c82333}.bulk-clear-btn{background:#6c757d}.bulk-clear-btn:hover{background:#5a6268}.projects-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:100%}.projects-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:1rem;text-align:left}.projects-table td{border-bottom:1px solid #dee2e6;padding:1rem;vertical-align:middle}.projects-table tr.selected{background:#e3f2fd}.projects-table tr:hover{background:#f8f9fa}.priority-badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.priority-badge.low{background:#d4edda;color:#155724}.priority-badge.medium{background:#fff3cd;color:#856404}.priority-badge.high{background:#f8d7da;color:#721c24}.priority-badge.urgent{animation:pulse 2s infinite;background:#721c24;color:#fff}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.featured-btn{font-size:1.2rem;transition:all .2s}.featured-btn:hover{background:#f8f9fa;transform:scale(1.1)}.featured-btn.featured{color:#ffc107;text-shadow:0 0 4px #ffc10780}.progress-container{align-items:center;display:flex;gap:.5rem;max-width:120px;width:100%}.progress-container.clickable{border-radius:4px;cursor:pointer;padding:.25rem;transition:background .2s}.progress-container.clickable:hover{background:#f8f9fa}.progress-bar{background:#e9ecef;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#28a745,#20c997);height:100%;transition:width .3s ease}.progress-text{color:#495057;font-size:.75rem;font-weight:500;min-width:35px;text-align:right}.client-info{color:#6c757d;display:block;font-size:.75rem;margin-top:.25rem}.action-buttons{gap:.25rem}.delete-btn,.duplicate-btn,.edit-btn{border:none;border-radius:4px;cursor:pointer;font-size:.875rem;min-width:32px;padding:.375rem;text-align:center;text-decoration:none;transition:all .2s}.edit-btn{background:#007bff;color:#fff}.edit-btn:hover{background:#0056b3;color:#fff}.duplicate-btn{background:#17a2b8;color:#fff}.duplicate-btn:hover{background:#138496}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover{background:#c82333}.status-badge.draft{background:#6c757d;color:#fff}.status-badge.published{background:#28a745;color:#fff}.status-badge.archived{background:#ffc107;color:#212529}.status-badge.planning{background:#17a2b8;color:#fff}.status-badge.in-progress{background:#fd7e14;color:#fff}.status-badge.completed{background:#28a745;color:#fff}.status-badge.on-hold{background:#dc3545;color:#fff}.projects-filters{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:1rem}.filter-group{min-width:200px}.filter-select{cursor:pointer}.filter-select,.search-input{border:1px solid #ced4da;border-radius:4px;padding:.5rem}.search-input{min-width:250px}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.empty-state,.loading-state{color:#6c757d}.create-link{background:#007bff;border-radius:4px;padding:.5rem 1rem;transition:background .2s}.create-link:hover{background:#0056b3;color:#fff;text-decoration:none}@media (max-width:768px){.stats-summary{flex-wrap:wrap}.bulk-actions{gap:1rem}.bulk-actions,.projects-filters{flex-direction:column}.filter-group{min-width:auto}.projects-table{font-size:.875rem}.projects-table td,.projects-table th{padding:.5rem}.action-buttons{flex-direction:column}}.admin-project-form{background:#f8fafc;margin:0 auto;max-width:1000px;min-height:100vh;padding:2rem}.form-header{background:linear-gradient(135deg,#15c1ff,#1e40af);border-radius:12px;box-shadow:0 4px 20px #15c1ff33;color:#fff}.header-content h1{align-items:center;display:flex;font-size:1.8rem;gap:.5rem;margin:0}.header-content p{font-size:1rem;margin:.5rem 0 0;opacity:.9}.back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.back-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.project-form{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.form-section{border-bottom:1px solid #e5e7eb;padding:2rem}.form-section:last-of-type{border-bottom:none}.form-section h3{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;font-size:1.3rem;gap:.5rem;padding-bottom:.5rem}.form-row{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:1fr;margin-bottom:1.5rem}.form-row:last-child{margin-bottom:0}@media (min-width:768px){.form-row{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-row.three-cols{grid-template-columns:repeat(3,1fr)}.form-row.two-cols{grid-template-columns:repeat(2,1fr)}}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e7eb;font-size:1rem;padding:.875rem}.form-group textarea{min-height:100px}.checkbox-group{align-items:center;flex-direction:row}.checkbox-label{font-weight:500;gap:.5rem;margin:0}.checkbox-label input[type=checkbox]{height:1.2rem;margin:0;width:1.2rem}.file-input{background:#f8f9fa;border:2px dashed #ced4da;border-radius:8px;cursor:pointer;margin:.5rem 0;padding:.5rem;transition:all .2s}.file-input:hover{background:#e3f2fd;border-color:#007bff}.file-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff40;outline:none}.current-image{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:1rem 0;padding:1rem}.current-image p{color:#495057;font-weight:500;margin-bottom:.5rem}.current-image img{border:1px solid #dee2e6;border-radius:4px;height:auto;max-height:200px;max-width:300px;object-fit:cover;width:auto}.image-preview{background:#f8fff9;border:2px solid #28a745;margin:1rem 0;padding:1rem}.image-preview p{color:#155724;font-weight:500;margin-bottom:.5rem}.image-preview img{border:1px solid #28a745;border-radius:4px;height:auto;max-height:200px;max-width:300px;width:auto}.remove-image-btn{background:#dc3545;border-radius:4px;font-size:.75rem;padding:.25rem .5rem;right:.5rem;top:.5rem;transition:background .2s}.remove-image-btn:hover{background:#c82333}.form-actions{background:#f9fafb;border-top:1px solid #e5e7eb}.form-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .3s ease}.cancel-btn{background:#6b7280;color:#fff}.cancel-btn:hover:not(:disabled){background:#4b5563;transform:translateY(-2px)}.submit-btn{background:linear-gradient(135deg,#15c1ff,#1e40af);box-shadow:0 4px 15px #15c1ff4d}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #15c1ff66;transform:translateY(-2px)}.form-actions button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.loading-state{padding:4rem 2rem}@media (max-width:768px){.admin-project-form{padding:1rem}.form-header{flex-direction:column;gap:1rem;text-align:center}.form-actions,.form-section{padding:1.5rem 1rem}.form-actions{flex-direction:column-reverse}.form-actions button{justify-content:center;width:100%}.current-image img,.image-preview img{max-height:150px;max-width:100%}.remove-image-btn{display:block;margin-top:.5rem;position:static;width:auto}}.form-group label[for=title]:after{color:#ef4444;content:" *";font-weight:700}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#15c1ff;box-shadow:0 0 0 3px #15c1ff1a}input[type=number][name=progress]{background:linear-gradient(90deg,#15c1ff 0,#15c1ff 0,#f3f4f6 0,#f3f4f6);background:linear-gradient(to right,#15c1ff 0,#15c1ff var(--progress,0),#f3f4f6 var(--progress,0),#f3f4f6 100%)}input[type=number][name=budget]:before{content:"₫ "}input[type=date]{position:relative}input[type=date]::-webkit-calendar-picker-indicator{background:#0000;bottom:0;color:#0000;cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}.form-group input:invalid:not(:placeholder-shown),.form-group textarea:invalid:not(:placeholder-shown){border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group input:valid:not(:placeholder-shown),.form-group textarea:valid:not(:placeholder-shown){border-color:#10b981}.form-section{animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-hint{display:block;font-style:italic}.character-counter,.form-hint{color:#6c757d;font-size:.75rem;margin-top:.25rem}.character-counter{text-align:right}.character-counter.warning{color:#fd7e14}.character-counter.danger{color:#dc3545}.current-gallery,.gallery-preview{border-radius:8px;margin:1rem 0;padding:1rem}.gallery-preview{background:#f8fff9;border:2px solid #28a745}.current-gallery{background:#f8f9fa;border:1px solid #dee2e6}.current-gallery p,.gallery-preview p{font-weight:500;margin-bottom:1rem}.gallery-preview p{color:#155724}.current-gallery p{color:#495057}.gallery-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:.5rem}.gallery-item{aspect-ratio:1;background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;overflow:hidden;position:relative}.gallery-item.current{border-color:#6c757d}.gallery-item img{display:block;height:100%;object-fit:cover;width:100%}.remove-gallery-btn{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:background .2s;width:24px}.remove-gallery-btn:hover{background:#dc3545}@media (max-width:768px){.gallery-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.remove-gallery-btn{font-size:8px;height:20px;width:20px}}.admin-news{background:linear-gradient(135deg,#f8fafc,#e2e8f0);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.news-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.header-content p{margin:0 0 1.5rem}.create-btn{align-items:center;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;display:flex;gap:.5rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.create-btn:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.stats-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:1rem}.stat-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem;text-align:center}.stat-number{color:#3b82f6;display:block;margin-bottom:.5rem}.news-filters{grid-gap:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:2rem;padding:1.5rem}.filter-group{gap:.5rem}.filter-select,.search-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;padding:.75rem 1rem;transition:all .3s ease}.filter-select:focus,.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.bulk-actions{background:#fef3c7;border:1px solid #fbbf24}.bulk-info{color:#92400e;font-weight:500}.bulk-buttons{display:flex;gap:.5rem}.bulk-clear-btn,.bulk-delete-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.bulk-delete-btn{background:#ef4444;color:#fff}.bulk-delete-btn:hover{background:#dc2626}.bulk-clear-btn{background:#6b7280;color:#fff}.bulk-clear-btn:hover{background:#4b5563}.news-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.news-table{border-collapse:collapse;width:100%}.news-table th{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #e2e8f0;color:#374151;font-size:.875rem;font-weight:600;padding:1rem;text-align:left}.news-table td{border-bottom:1px solid #f1f5f9;padding:1rem;vertical-align:top}.news-table tr{transition:all .3s ease}.news-table tr:hover{background:#f8fafc}.news-table tr.selected{background:#eff6ff}.news-image{border:2px solid #e2e8f0;border-radius:8px;height:60px;overflow:hidden;width:60px}.news-image img{height:100%;object-fit:cover;width:100%}.no-image{align-items:center;background:#f1f5f9;color:#9ca3af;display:flex;font-size:1.5rem;height:100%;justify-content:center;width:100%}.news-title h4{color:#1f2937;font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 .5rem}.news-title p{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.category-badge,.status-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.category-badge{background:#e0f2fe;border:1px solid #bae6fd;color:#0369a1}.status-badge.published{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.status-badge.draft{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.status-badge.archived{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.author{color:#374151;font-weight:500}.featured-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.25rem;padding:.25rem;transition:all .3s ease}.featured-btn:hover{background:#f3f4f6}.featured-btn.featured{color:#fbbf24}.featured-btn:not(.featured){color:#d1d5db}.views{color:#6b7280;font-weight:500}.delete-btn,.edit-btn{align-items:center;border-radius:6px;display:flex;height:32px;justify-content:center;text-decoration:none;transition:all .3s ease;width:32px}.edit-btn{background:#f3f4f6;color:#374151}.edit-btn:hover{background:#e5e7eb;color:#111827}.delete-btn{background:#fef2f2;color:#ef4444}.delete-btn:hover{color:#dc2626}.empty-state{padding:3rem 2rem}.empty-content p{font-size:1.125rem;margin:0 0 1rem}.create-link{color:#3b82f6;font-weight:500}.create-link:hover{text-decoration:underline}.loading-state{padding:3rem 2rem}.pagination{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:2rem}.page-btn,.pagination{border:1px solid #e2e8f0}.page-btn{background:#f8fafc;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.page-btn:hover:not(:disabled){background:#3b82f6;border-color:#3b82f6;color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#374151;font-weight:500;padding:0 1rem}@media (max-width:1200px){.news-filters{gap:1rem;grid-template-columns:1fr 1fr}.stats-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-news{padding:1rem}.news-header{align-items:stretch;flex-direction:column;gap:1rem}.news-filters,.stats-summary{grid-template-columns:1fr}.news-table-container{overflow-x:auto}.news-table{min-width:800px}.bulk-actions{align-items:stretch;flex-direction:column;gap:1rem}.bulk-buttons{justify-content:center}.pagination{flex-direction:column;gap:.5rem}}@media (max-width:480px){.header-content h1{font-size:2rem}.stat-number{font-size:1.5rem}.news-table td,.news-table th{padding:.5rem}.news-image{height:40px;width:40px}.news-title h4{font-size:.875rem}.news-title p{font-size:.75rem}}.admin-news-form{background:linear-gradient(135deg,#f8fafc,#e2e8f0);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.news-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #00000014;overflow:hidden}.image-upload-section{display:flex;flex-direction:column;gap:1rem}.image-preview{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;overflow:hidden}.image-preview img{display:block;height:200px;object-fit:cover;width:100%}.remove-image-btn{background:#000000b3;border-radius:6px;font-size:.875rem;padding:.5rem;right:8px;top:8px}.remove-image-btn:hover{background:#000000e6}.image-upload-placeholder{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;display:flex;flex-direction:column;height:200px;justify-content:center}.upload-icon{font-size:3rem;margin-bottom:.5rem}.upload-btn{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.upload-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.seo-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.seo-title{color:#1a0dab;font-size:1.125rem;font-weight:500;line-height:1.3;margin-bottom:.25rem;text-decoration:underline}.seo-url{color:#006621;font-size:.875rem;margin-bottom:.5rem}.seo-description{color:#545454;font-size:.875rem;line-height:1.4}@media (max-width:1024px){.form-grid{grid-template-columns:1fr}.form-column:first-child{border-bottom:1px solid #e2e8f0;border-right:none}}@media (max-width:768px){.admin-news-form{padding:1rem}.form-header{flex-direction:column;gap:1rem}.header-content h1{font-size:2rem}.form-column{padding:1.5rem}.form-actions{flex-direction:column;gap:.75rem}.form-actions .cancel-btn,.submit-btn{justify-content:center;width:100%}}@media (max-width:480px){.header-content h1{font-size:1.75rem}.form-column{padding:1rem}.form-section h3{font-size:1.125rem}.image-preview img,.image-upload-placeholder{height:150px}.upload-icon{font-size:2rem}}.admin-jobs{background:linear-gradient(135deg,#f8fafc,#e2e8f0);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.jobs-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.header-actions .create-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .3s ease}.header-actions .create-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #00000014;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:12px;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.stat-content{flex:1 1}.stat-number{color:#1a202c;font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#64748b;font-size:.875rem;font-weight:500}.filters-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #00000014;margin-bottom:1.5rem;padding:1.5rem}.filters-grid{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:2fr repeat(3,1fr)}.filter-group{display:flex;flex-direction:column}.search-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.bulk-actions{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000000f;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem 1.5rem}.selected-count{color:#3b82f6;font-weight:600}.bulk-controls{align-items:center;display:flex;gap:1rem}.bulk-select{border:1px solid #d1d5db;border-radius:6px}.bulk-apply-btn,.bulk-select{font-size:.875rem;padding:.5rem 1rem}.bulk-apply-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;transition:all .3s ease}.bulk-apply-btn:hover:not(:disabled){background:#2563eb}.bulk-apply-btn:disabled{cursor:not-allowed;opacity:.5}.jobs-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #00000014;margin-bottom:1.5rem;overflow:hidden}.jobs-table{border-collapse:collapse;width:100%}.jobs-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#374151;font-weight:600;text-align:left}.jobs-table td,.jobs-table th{font-size:.875rem;padding:1rem}.jobs-table td{border-bottom:1px solid #f1f5f9}.jobs-table tbody tr:hover{background:#f8fafc}.job-title{display:flex;flex-direction:column;gap:.25rem}.job-title strong{color:#1a202c;font-weight:600}.job-summary{color:#64748b;line-height:1.4;max-width:300px}.status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .75rem;text-transform:uppercase}.status-success{background:#dcfce7;color:#166534}.status-warning{background:#fef3c7;color:#92400e}.status-info{background:#dbeafe;color:#1e40af}.status-danger{background:#fee2e2;color:#dc2626}.status-secondary{background:#f1f5f9;color:#64748b}.action-buttons{align-items:center}.delete-btn,.edit-btn,.toggle-btn{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;padding:.5rem;transition:all .3s ease}.edit-btn:hover{background:#f0f9ff;transform:scale(1.1)}.toggle-btn:hover{background:#f7fee7;transform:scale(1.1)}.toggle-btn.paused:hover{background:#fef3c7}.delete-btn:hover{background:#fef2f2;transform:scale(1.1)}.empty-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:#374151;margin:0 0 .5rem}.empty-state p{color:#6b7280;margin:0 0 1.5rem}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;padding:1.5rem}.pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#6b7280;font-size:.875rem}.job-image-cell{align-items:center;display:flex;justify-content:center;padding:.5rem}.job-thumbnail{background:#f8fafc;border-radius:6px;object-fit:cover}.job-no-image,.job-thumbnail{border:1px solid #e2e8f0;height:40px;width:50px}.job-no-image{align-items:center;background:#f1f5f9;border-radius:6px;color:#94a3b8;display:flex;font-size:1.2rem;justify-content:center}.job-title-cell{min-width:250px}.job-title{color:#1f2937;font-weight:600;line-height:1.4;margin-bottom:.25rem}.job-summary{color:#6b7280;font-size:.8rem;line-height:1.3;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jobs-table tbody tr.selected{background:#3b82f614}.jobs-table tbody tr.selected .job-thumbnail{border-color:#3b82f6}@media (max-width:1024px){.filters-grid{gap:1rem;grid-template-columns:1fr}.jobs-table-container{overflow-x:auto}.jobs-table{min-width:800px}}@media (max-width:768px){.admin-jobs{padding:1rem}.jobs-header{flex-direction:column;gap:1rem}.header-content h1{font-size:2rem}.stats-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.stat-card{padding:1rem}.stat-icon{font-size:2rem;height:50px;width:50px}.stat-number{font-size:1.5rem}.bulk-actions{align-items:stretch;flex-direction:column;gap:1rem}.bulk-controls{justify-content:space-between}.job-no-image,.job-thumbnail{height:32px;width:40px}.job-title-cell{min-width:200px}.job-summary{max-width:200px}}@media (max-width:480px){.header-content h1{font-size:1.75rem}.stats-grid{grid-template-columns:1fr}.filters-section{padding:1rem}.jobs-table td,.jobs-table th{padding:.75rem .5rem}.job-summary{max-width:200px}.action-buttons{flex-direction:column;gap:.25rem}}.admin-job-form{background:linear-gradient(135deg,#f8fafc,#e2e8f0);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.form-header{align-items:flex-start;gap:2rem;margin-bottom:2rem}.header-content h1{color:#1a202c;font-size:2.5rem}.header-content p{color:#64748b;font-size:1.1rem}.header-actions .cancel-btn{align-items:center;background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .3s ease}.header-actions .cancel-btn:hover{background:#4b5563}.job-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #00000014;overflow:hidden}.form-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:2fr 1fr}.form-column{padding:2rem}.form-column:first-child{border-right:1px solid #e2e8f0}.form-section{margin-bottom:2.5rem}.form-section:last-child{margin-bottom:0}.form-section h3{border-bottom:2px solid #e2e8f0;color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.75rem}.form-group label{font-size:.875rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:.875rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{font-family:inherit;line-height:1.5;min-height:80px;resize:vertical}.form-group small{font-size:.75rem;margin-top:.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.checkbox-group{display:flex;flex-direction:column;gap:.5rem}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding-left:0;position:relative}.checkbox-label input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.checkmark{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:4px;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .3s ease;width:20px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#3b82f6;border-color:#3b82f6}.checkbox-label input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:14px;font-weight:700}.label-text{color:#374151;font-weight:500}.image-upload-container{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:8px;padding:1rem;text-align:center;transition:all .3s ease}.image-upload-container:hover{background:#f1f5f9;border-color:#cbd5e1}.image-preview{display:inline-block;margin-bottom:1rem;position:relative}.preview-image{border:2px solid #e2e8f0;border-radius:8px;display:block;max-height:150px;max-width:200px;object-fit:cover}.remove-image-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .3s ease;width:24px}.remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.file-input-wrapper{display:inline-block}.file-input{display:none}.file-input-label{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.file-input-label:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.file-input-label:active{transform:translateY(0)}.job-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem}.preview-title{color:#1a202c;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.preview-info{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.preview-department,.preview-location,.preview-type{background:#e2e8f0;border-radius:6px;color:#374151;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.preview-summary{color:#64748b;font-size:.875rem;line-height:1.4;margin-bottom:1rem}.preview-salary{color:#059669;font-size:.875rem;font-weight:600}.form-actions{background:#f8fafc;border-top:1px solid #e2e8f0;padding:2rem}.form-actions .cancel-btn{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.875rem 1.5rem;transition:all .3s ease}.form-actions .cancel-btn:hover:not(:disabled){background:#4b5563}.submit-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.form-actions .cancel-btn:disabled,.submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.loading-state{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center}@media (max-width:1024px){.form-grid{grid-template-columns:1fr}.form-column:first-child{border-bottom:1px solid #e2e8f0;border-right:none}.form-row{grid-template-columns:1fr}}@media (max-width:768px){.admin-job-form{padding:1rem}.form-header{flex-direction:column;gap:1rem}.header-content h1{font-size:2rem}.form-column{padding:1.5rem}.preview-info{flex-direction:column;gap:.5rem}.form-actions{flex-direction:column;gap:.75rem}.form-actions .cancel-btn,.submit-btn{justify-content:center;width:100%}}@media (max-width:480px){.header-content h1{font-size:1.75rem}.form-column{padding:1rem}.form-section h3,.preview-title{font-size:1.125rem}.form-row{gap:.75rem}}.admin-categories{margin:0 auto;max-width:1200px;padding:2rem}.categories-header{align-items:flex-start;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.header-content h1{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 .5rem}.header-content p{color:#6b7280;margin:0}.create-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:.5rem;box-shadow:0 2px 4px #3b82f64d;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.create-btn:hover{box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.form-modal{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.form-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.form-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;font-size:1.2rem;padding:.25rem;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#374151}.category-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{border:2px solid #e5e7eb;border-radius:.5rem;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group small{color:#6b7280;display:block;font-size:.875rem;margin-top:.25rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-btn,.submit-btn{border:none;border-radius:.5rem;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.cancel-btn{background:#f3f4f6;color:#374151}.cancel-btn:hover{background:#e5e7eb}.submit-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b9814d;color:#fff}.submit-btn:hover{box-shadow:0 4px 8px #10b98166;transform:translateY(-1px)}.categories-table-container{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.categories-table{border-collapse:collapse;width:100%}.categories-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:1rem;text-align:left}.categories-table td{border-bottom:1px solid #f3f4f6;padding:1rem;vertical-align:middle}.categories-table tr:last-child td{border-bottom:none}.categories-table tr:hover{background:#f8fafc}.categories-table code{background:#f1f5f9;border-radius:.25rem;color:#475569;font-family:Courier New,monospace;font-size:.875rem;padding:.25rem .5rem}.description{color:#6b7280;display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date{color:#6b7280;font-size:.875rem}.action-buttons{display:flex;gap:.5rem}.delete-btn,.edit-btn{background:none;border:none;border-radius:.25rem;cursor:pointer;font-size:1rem;padding:.5rem;transition:all .2s}.edit-btn:hover{background:#fef3c7}.delete-btn:hover{background:#fee2e2}.loading-state{color:#6b7280;padding:3rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;font-size:2rem;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state{padding:3rem;text-align:center}.empty-content p{color:#6b7280;font-size:1.1rem;margin-bottom:1rem}.create-link{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.create-link:hover{box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}@media (max-width:768px){.admin-categories{padding:1rem}.categories-header{align-items:stretch;flex-direction:column;gap:1rem}.form-modal{margin:1rem;width:95%}.categories-table{font-size:.875rem}.categories-table td,.categories-table th{padding:.75rem .5rem}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}
/*# sourceMappingURL=main.9fa11716.css.map*/