*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--font-heading:"Playfair Display", serif;--color-white:#fff;--color-black:#000;--color-gray-50:#181818;--color-gray-100:#1f1f1f;--color-gray-200:#2a2a2a;--color-gray-300:#333;--color-gray-400:#666;--color-gray-500:#888;--color-gray-600:#aaa;--color-gray-700:#ccc;--color-gray-800:#e0e0e0;--color-gray-900:#f5f5f5;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 16px #0006;--shadow-lg:0 16px 32px #00000080;--shadow-xl:0 24px 48px #0009;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--transition-fast:.15s ease;--transition-base:.3s ease;--max-width:1280px}body.theme-catering{--color-primary:#ff6b00;--color-primary-dark:#e05d00;--color-primary-light:#ffb380;--color-secondary:#000;--color-surface:#181818;--color-bg:#000;--color-text:#fff;--color-text-muted:#888;--color-accent:#ff6b00}body.theme-agri{--color-primary:#16a34a;--color-primary-dark:#15803d;--color-primary-light:#86efac;--color-secondary:#080c14;--color-surface:#111520;--color-bg:#080c14;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-accent:#65a30d}body{--color-primary:#ff6b00;--color-primary-dark:#e05d00;--color-primary-light:#ffb380;--color-secondary:#000;--color-surface:#181818;--color-bg:#000;--color-text:#fff;--color-text-muted:#888;--color-accent:#ff6b00;font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;transition:background-color .3s,color .3s}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}.navbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-gray-200);color:#fff;z-index:1000;background:#000000e6;align-items:center;height:80px;padding:0;display:flex;position:sticky;top:0}.navbar-content{justify-content:space-between;align-items:center;height:100%;display:flex}.logo{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;text-decoration:none;color:#fff!important}.logo span{color:var(--color-primary)}.nav-center{align-items:center;gap:1.5rem;display:flex}.area-switcher{gap:.4rem;display:flex}.area-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:999px;padding:.35rem .9rem;font-size:.9rem;transition:all .2s}.area-btn.active{background:var(--color-primary);border-color:var(--color-primary)}.area-links{gap:.5rem;display:flex}.nav-link{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.35rem .8rem;font-size:.9rem;transition:background .2s}.nav-link:hover{background:#ffffff1a}.nav-link.active{background:var(--color-primary)}.nav-right{align-items:center;gap:.8rem;display:flex}.user-menu{cursor:pointer;border-radius:999px;align-items:center;gap:.3rem;padding:.35rem .5rem;transition:background .2s;display:flex;position:relative}.user-menu:hover{background:#ffffff1a}.user-email{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.85rem;overflow:hidden}.badge-admin{background:var(--color-accent);color:#000;border-radius:999px;margin-left:.25rem;padding:.15rem .4rem;font-size:.65rem}.user-dropdown{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);z-index:1001;min-width:200px;box-shadow:var(--shadow-lg);padding:.5rem 0;position:absolute;top:100%;right:0}.user-dropdown button{text-align:left;width:100%;color:var(--color-text);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:.9rem;display:block}.user-dropdown button:hover{background:var(--color-gray-100)}.user-dropdown hr{border-color:var(--color-gray-200);margin:.25rem 0}.auth-buttons{align-items:center;gap:.5rem;display:flex}.menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;display:none}.menu-overlay{z-index:999;background:#00000080;position:fixed;inset:0}.nav-panel{background:var(--color-secondary);width:280px;height:100vh;box-shadow:var(--shadow-xl);flex-direction:column;align-items:stretch;gap:1rem;padding:2rem 1.5rem;position:fixed;top:0;right:0;overflow-y:auto}.general-links,.auth-links{flex-direction:column;gap:.5rem;display:flex}.footer{background:var(--color-secondary);color:#fff;border-top:1px solid var(--color-gray-200);margin-top:4rem;padding:2rem 0}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:var(--color-primary-light);text-decoration:none}.footer-links a:hover{color:#fff}.page-title{font-family:var(--font-heading);text-align:center;margin-bottom:2rem;font-size:2.5rem}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.card{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:border-color .2s,transform .2s;overflow:hidden}.card:hover{border-color:var(--color-primary);transform:translateY(-6px)}.auth-card{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);flex-direction:column;gap:1.25rem;padding:2rem;display:flex}.field{flex-direction:column;gap:.4rem;display:flex}.field span{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-black);color:var(--color-text);padding:.9rem 1rem;font-family:inherit;transition:border-color .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-primary);outline:none}.field small{color:var(--color-text-muted);font-size:.75rem}.error-msg{color:#ef4444;font-size:.85rem}.auth-switch{text-align:center;color:var(--color-text-muted);font-size:.9rem}.auth-switch a{color:var(--color-primary);font-weight:600}.btn-primary{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 2rem;font-weight:700;transition:background-color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 12px #ff6b004d}.btn-primary:hover{background-color:var(--color-primary-dark);box-shadow:0 6px 16px #ff6b0080}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-outline{border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:inline-flex}.btn-lg{padding:.9rem 2rem;font-size:1rem}.news-grid,.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;display:grid}.dash-card{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);text-align:center;padding:1.5rem;transition:transform .2s,border-color .2s}.dash-card:hover{border-color:var(--color-primary);transform:translateY(-4px)}.dash-card h3{margin:.75rem 0 .5rem}.dash-card p{color:var(--color-text-muted);margin-bottom:1rem}.news-card-image{background:var(--color-gray-100);width:100%;height:180px;overflow:hidden}.news-card-image img,.news-card-image video{object-fit:cover;width:100%;height:100%;transition:transform .3s}.news-card:hover .news-card-image img,.news-card:hover .news-card-image video{transform:scale(1.05)}.news-card-placeholder{width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.news-card-body{padding:1.25rem}.news-card-date{color:var(--color-text-muted);align-items:center;gap:.25rem;margin-bottom:.75rem;font-size:.85rem;display:flex}.news-card-title{font-family:var(--font-heading);margin-bottom:.5rem;font-size:1.2rem}.news-card-excerpt{color:var(--color-text-muted);margin-bottom:1rem;font-size:.95rem}.news-card-link{align-items:center;gap:.25rem;font-weight:500;display:inline-flex}.portfolio-card-media{background:var(--color-gray-100);height:220px;position:relative;overflow:hidden}.portfolio-card-media img,.portfolio-card-media video{object-fit:cover;width:100%;height:100%}.portfolio-card-category{background:var(--color-primary);color:#fff;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:.75rem;left:.75rem}.portfolio-card-caption{padding:1rem}.portfolio-card-caption h4{font-family:var(--font-heading);margin-bottom:.5rem;font-size:1.1rem}.portfolio-card-caption p{color:var(--color-text-muted);font-size:.9rem}.service-card{text-align:center;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.service-icon{font-size:2rem}.service-card h3{font-family:var(--font-heading);font-size:1.25rem}.service-card p{color:var(--color-text-muted)}.service-card-price{color:var(--color-primary);font-size:1.5rem;font-weight:700}.service-card .btn-primary{margin-top:auto}.back-link{color:var(--color-primary);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-weight:500;display:inline-flex}.news-detail-image{border-radius:var(--radius-lg);background:var(--color-gray-100);width:100%;max-height:400px;margin-bottom:2rem;overflow:hidden}.news-detail-image img,.news-detail-image video{object-fit:cover;width:100%;max-height:400px}.news-detail-header{margin-bottom:2rem}.news-detail-date{color:var(--color-text-muted);align-items:center;gap:.35rem;font-size:.9rem;display:flex}.news-detail-area{background:var(--color-primary);color:#fff;border-radius:999px;margin-top:.5rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.news-detail-content{font-size:1.1rem;line-height:1.8}.news-detail-content p{margin-bottom:1.25rem}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);width:100%;min-width:700px;overflow:hidden}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--color-gray-200);padding:1rem}.admin-table th{background:var(--color-gray-100);color:var(--color-text-muted);text-transform:uppercase;font-size:.85rem;font-weight:600}.admin-table tr:hover td{background:var(--color-gray-100)}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto}.modal-close{cursor:pointer;color:var(--color-text);background:0 0;border:none;font-size:1.5rem;position:absolute;top:.5rem;right:.8rem}.hero{text-align:center;background:linear-gradient(135deg, var(--color-secondary), var(--color-bg));padding:6rem 0}.hero-badge{background:var(--color-surface);border:1px solid var(--color-primary);color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;border-radius:999px;margin-bottom:1rem;padding:.4rem 1rem;font-size:.75rem;font-weight:700;display:inline-block}.hero h1{font-family:var(--font-heading);margin-bottom:1rem;font-size:3rem;font-weight:800}.text-primary{color:var(--color-primary)}.hero-subtitle{opacity:.9;margin-bottom:2rem;font-size:1.25rem}.star-rating{cursor:pointer;gap:.25rem;font-size:1.8rem;display:flex}.hero-slideshow{height:70vh;min-height:400px;position:relative;overflow:hidden}.hero-slideshow .carousel-root,.hero-slideshow .carousel,.hero-slideshow .carousel .slider-wrapper,.hero-slideshow .carousel .slider,.hero-slideshow .carousel .slide,.hero-slideshow .carousel .slide>div{height:100%!important}.hero-slideshow .carousel .slide img{object-fit:cover;width:100%;height:100%}.hero-overlay{text-align:center;color:#fff;z-index:10;width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-overlay h1{font-family:var(--font-heading);text-shadow:2px 2px 8px #000000b3;margin-bottom:1rem;font-size:3rem}.hero-subtitle{text-shadow:1px 1px 4px #000000b3;margin-bottom:2rem;font-size:1.25rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.home-section{padding:4rem 0}.home-section h2{font-family:var(--font-heading);text-align:center;margin-bottom:2rem;font-size:2rem}.see-all{text-align:center;margin-top:2rem}.ops-menu{position:relative}.ops-trigger{cursor:pointer;background:#ffffff0d;border-radius:999px;align-items:center;gap:.3rem;padding:.35rem .6rem;font-size:.85rem;display:flex}.ops-dropdown{min-width:220px;max-height:400px;overflow-y:auto}.ops-links-mobile{flex-direction:column;gap:.3rem;margin-top:.5rem;display:flex}.ops-title{text-transform:uppercase;opacity:.7;font-size:.8rem;font-weight:600}@media (width<=768px){.navbar{height:auto;padding:.5rem 0}.navbar-content{flex-wrap:nowrap;align-items:center;gap:.5rem}.nav-center{display:none}.menu-toggle{display:block}.user-menu .user-email{display:none}.hero h1{font-size:2rem}.hero-actions{flex-direction:column;gap:.8rem}.hero-slideshow{height:60vh}}@media (width<=640px){.news-grid,.portfolio-grid,.services-grid,.dashboard-grid{grid-template-columns:1fr}}.hero-landing{align-items:center;min-height:90vh;display:flex;position:relative;overflow:hidden}.hero-landing-bg{object-fit:cover;opacity:.25;width:100%;height:100%;position:absolute;inset:0}.hero-landing-overlay{background:linear-gradient(#000000b3,#0000004d);position:absolute;inset:0}.hero-landing-content{z-index:10;position:relative}.hero-landing-grid{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.hero-landing-text h1{font-family:var(--font-heading);margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.hero-landing-subtitle{color:var(--color-text-muted);max-width:500px;margin-bottom:2rem;font-size:1.1rem}.hero-diff-card{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:2rem;position:relative}.hero-diff-badge{background:var(--color-primary);color:#fff;text-transform:uppercase;border-radius:999px;padding:.3rem .8rem;font-size:.75rem;font-weight:700;position:absolute;top:-.75rem;right:1rem}.hero-diff-card h3{font-family:var(--font-heading);margin-bottom:1.5rem;font-size:1.5rem}.hero-diff-card ul{flex-direction:column;gap:1rem;padding:0;list-style:none;display:flex}.hero-diff-card li{color:var(--color-text-muted);align-items:flex-start;gap:.75rem;font-size:.9rem;display:flex}.hero-diff-card li strong{color:#fff;margin-bottom:.25rem;display:block}.hero-diff-card li:before{content:"✓";color:var(--color-primary);flex-shrink:0;margin-top:.25rem;font-weight:700}.budget-banner{background:var(--color-surface);border-top:1px solid var(--color-gray-200);border-bottom:1px solid var(--color-gray-200);padding:3rem 0}.budget-banner-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.budget-banner h3{font-family:var(--font-heading);margin-bottom:.5rem;font-size:2rem}.section-header{text-align:center;max-width:700px;margin:0 auto 3rem}.section-tag{color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:inline-block}.section-header h2{font-family:var(--font-heading);margin-bottom:.5rem;font-size:2.5rem}.section-header p{color:var(--color-text-muted)}@media (width<=768px){.hero-landing-grid{grid-template-columns:1fr}.hero-diff-card{margin-top:2rem}.budget-banner-content{text-align:center;flex-direction:column}}.service-card-modern{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1.5rem;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.service-card-modern:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.service-card-icon{margin-bottom:.25rem;font-size:3rem;line-height:1}.service-card-title{font-family:var(--font-heading);color:var(--color-text);font-size:1.3rem;font-weight:700}.service-card-desc{color:var(--color-text-muted);font-size:.9rem;line-height:1.5}.service-card-price{color:var(--color-primary);margin-top:.5rem;font-size:1.5rem;font-weight:700}.service-card-btn{justify-content:center;width:100%;margin-top:auto}.card-bg{border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);background-position:50%;background-size:cover;align-items:flex-end;height:280px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.card-bg:hover{border-color:var(--color-primary);transform:translateY(-4px)}.card-bg-overlay{z-index:1;background:linear-gradient(#0000001a,#000000d9);position:absolute;inset:0}.card-bg-content{z-index:2;flex-direction:column;gap:.5rem;width:100%;padding:1.5rem;display:flex;position:relative}.card-bg-title{font-family:var(--font-heading);color:#fff;font-size:1.3rem;font-weight:700}.card-bg-desc{color:#fffc;font-size:.9rem}.card-bg-price{color:var(--color-primary);font-size:1.4rem;font-weight:700}.card-bg-date{color:#ffffffe6;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.card-bg-category{background:var(--color-primary);color:#fff;border-radius:999px;align-self:flex-start;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.card-bg-video-badge{color:#fff;background:#0009;border-radius:999px;align-self:flex-start;padding:.25rem .75rem;font-size:.75rem}.btn-sm{padding:.4rem .8rem;font-size:.85rem}.services-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;display:grid}body.theme-light{--color-bg:#f8fafc;--color-surface:#fff;--color-text:#1e293b;--color-text-muted:#64748b;--color-secondary:#fff;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1}