*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:#1a1a2e;-webkit-font-smoothing:antialiased;background:#fff;font-family:Segoe UI,Arial,Helvetica,sans-serif;line-height:1.5}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}ul,ol{list-style:none}:root{--orange:#e65c00;--orange-dark:#c44e00;--navy:#1a1a2e;--navy-mid:#16213e;--navy-light:#0f3460;--white:#fff;--bg:#f8f9fa;--muted:#666;--border:#e0e0e0;--light-nav:#fff;--light-nav-border:#e8e8e8;--green:#10b981;--blue:#3b82f6;--yellow:#f59e0b;--purple:#8b5cf6;--red:#ef4444;--shadow:0 2px 12px #00000012;--shadow-lg:0 8px 32px #0000001f;--radius:12px;--radius-lg:16px;--radius-xl:20px}.container{max-width:1200px;margin:0 auto;padding:0 24px}.container-sm{max-width:800px;margin:0 auto;padding:0 24px}.section{padding:80px 24px}.section-white{background:#fff}.section-gray{background:var(--bg)}.text-center{text-align:center}.grid-2{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-gap{align-items:center;gap:16px;display:flex}.flex-wrap{flex-wrap:wrap}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mt-40{margin-top:40px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.mb-48{margin-bottom:48px}.section-title{color:var(--navy);margin-bottom:12px;font-size:2.2rem;font-weight:700;line-height:1.2}.section-subtitle{color:var(--muted);margin-bottom:48px;font-size:1.05rem;line-height:1.7}.page-title{color:var(--navy);margin-bottom:20px;font-size:3rem;font-weight:800;line-height:1.15}.page-subtitle{color:#555;font-size:1.1rem;line-height:1.8}.label{color:#333;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.btn{border:none;border-radius:8px;padding:12px 28px;font-size:15px;font-weight:600;line-height:1;transition:all .2s;display:inline-block}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:var(--orange-dark);transform:translateY(-1px)}.btn-white{color:var(--orange);background:#fff}.btn-white:hover{background:#f0f0f0}.btn-outline-white{color:var(--navy);border:2px solid var(--navy);background:0 0}.btn-outline-white:hover{background:var(--navy);color:#fff}.btn-outline{color:var(--orange);border:2px solid var(--orange);background:0 0}.btn-outline:hover,.btn-navy{background:var(--orange);color:#fff}.btn-navy:hover{background:var(--orange-dark)}.btn-sm{padding:7px 14px;font-size:13px}.btn-lg{padding:14px 32px;font-size:15px}.btn-full{text-align:center;width:100%;display:block}.btn-blue{background:var(--blue);color:#fff}.btn-red{background:var(--red);color:#fff}.btn-gray{color:#555;background:#f0f2f5;border:none}.btn-gray:hover{background:#e0e2e5}.btn:disabled{opacity:.6;cursor:not-allowed}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;padding:28px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-flat{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;padding:28px}.card-dark{border-radius:var(--radius-xl);color:var(--navy);box-shadow:var(--shadow);background:linear-gradient(135deg,#fff5f0,#fff8f4);border:1px solid #e65c0026;padding:40px}.stat-card{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;padding:24px}.stat-card-value{color:var(--navy);font-size:1.9rem;font-weight:800}.stat-card-label{color:var(--muted);margin-bottom:8px;font-size:13px}.stat-card-change{margin-top:8px;font-size:13px;font-weight:600}.stat-card-change.up{color:var(--green)}.stat-card-change.warn{color:var(--yellow)}.navbar{border-bottom:1px solid var(--border);z-index:100;background:#fff;position:sticky;top:0;box-shadow:0 2px 8px #0000000f}.navbar-inner{justify-content:space-between;align-items:center;max-width:1400px;height:60px;margin:0 auto;padding:0 40px;display:flex}.navbar-logo{align-items:center;gap:10px;display:flex}.navbar-logo-icon{background:var(--orange);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:flex}.navbar-logo-text{color:var(--navy);font-size:18px;font-weight:700}.navbar-logo-img{width:42px;height:42px}.navbar-logo-text span{color:var(--orange)}.navbar-links{align-items:center;gap:24px;display:flex}.navbar-link{color:#555;font-size:16px;font-weight:500;transition:color .2s}.navbar-link:hover{color:var(--orange)}.navbar-link-cta{background:#e65c00;border-radius:8px;align-items:center;padding:8px 18px;font-size:14px;font-weight:700;transition:background .2s,transform .15s;display:inline-flex;color:#fff!important}.navbar-link-cta:hover{background:#c94f00;transform:translateY(-1px);color:#fff!important}.navbar-link-outline{border:1.5px solid #e65c00;border-radius:8px;align-items:center;padding:8px 18px;font-size:14px;font-weight:700;transition:background .2s,color .2s,transform .15s;display:inline-flex;color:#e65c00!important}.navbar-link-outline:hover{background:#e65c00;transform:translateY(-1px);color:#fff!important}.navbar-actions{align-items:center;gap:12px;display:flex}.navbar-btn-login{color:#555;border:1px solid var(--border);border-radius:6px;padding:7px 16px;font-size:14px;font-weight:500;transition:all .2s}.navbar-btn-login:hover{border-color:var(--orange);color:var(--orange)}.navbar-btn-signup{background:var(--orange);color:#fff;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:background .2s}.navbar-btn-signup:hover{background:var(--orange-dark)}.navbar-btn-dashboard{background:var(--orange);color:#fff;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500}.navbar-btn-logout{border:1px solid var(--border);color:#555;background:0 0;border-radius:6px;padding:7px 14px;font-size:14px}.navbar-hamburger{border:1.5px solid var(--border);color:var(--navy);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:none}.navbar-mobile{border-top:3px solid var(--orange);background:#fff;flex-direction:column;gap:0;padding:6px 0 18px;display:flex;box-shadow:0 8px 32px #0000001f}.navbar-mobile a{color:var(--navy);letter-spacing:.2px;border-bottom:1px solid #f5f5f5;padding:15px 20px;font-size:15px;font-weight:600;transition:background .2s,color .2s,padding-left .2s;display:block}.navbar-mobile a:last-child{border-bottom:none}.navbar-mobile a:hover,.navbar-mobile a:active{color:var(--orange);background:#fff3eb;padding-left:28px}.hero{background:linear-gradient(135deg,#fff5f0 0%,#fff 50%,#f0f4ff 100%);align-items:center;min-height:88vh;padding:80px 48px;display:flex}.hero-inner{width:100%}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.hero-badge{background:#e65c001a;border:1px solid #e65c004d;border-radius:100px;margin-bottom:20px;padding:6px 16px;display:inline-block}.hero-badge span{color:var(--orange);font-size:13px;font-weight:600}.hero-title{color:var(--navy);margin-bottom:20px;font-size:2.6rem;font-weight:800;line-height:1.2}.hero-title span{color:var(--orange)}.hero-desc{color:#555;max-width:440px;margin-bottom:32px;font-size:1rem;line-height:1.8}.hero-btns{flex-wrap:wrap;gap:16px;display:flex}.hero-stats{grid-template-columns:1fr 1fr;gap:26px;display:grid}.hero-stat{border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:190px;padding:42px 32px;display:flex;position:relative;overflow:hidden}.hero-stat-value{color:var(--orange);font-size:2.9rem;font-weight:800}.hero-stat-label{color:#666;margin-top:7px;font-size:16px}.hero-stat-img{background-position:50%;background-repeat:no-repeat;background-size:cover}.hero-stat-img .hero-stat-overlay{border-radius:inherit;background:#0000001f;position:absolute;inset:0}.hero-stat-img .hero-stat-value{color:#fff;text-shadow:0 2px 8px #000000b3;position:relative}.hero-stat-img .hero-stat-label{color:#f0f0f0;text-shadow:0 1px 4px #000000b3;position:relative}.page-hero{text-align:center;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#fff5f0,#fff);padding:80px 24px}.feature-icon{margin-bottom:16px;font-size:36px}.feature-title{color:var(--navy);margin-bottom:10px;font-size:1.05rem;font-weight:700}.feature-desc{color:var(--muted);font-size:14px;line-height:1.7}.hub-hq{text-align:center;margin-bottom:24px}.hub-hq-icon{background:var(--orange);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 12px;font-size:32px;display:flex}.hub-hq-name{font-size:18px;font-weight:700}.hub-hq-sub{color:var(--muted);font-size:13px}.hub-campuses{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.hub-campus{text-align:center;color:#555;background:#e65c0014;border:1px solid #e65c0026;border-radius:10px;padding:12px;font-size:12px}.hub-bullet{align-items:center;gap:12px;margin-bottom:12px;display:flex}.hub-dot{background:var(--orange);border-radius:50%;flex-shrink:0;width:8px;height:8px}.hub-bullet span{color:#444;font-size:15px}.ki-row1{grid-template-columns:1fr 1fr}.ki-row2{grid-template-columns:1fr 1fr 1fr}.hub-layout{grid-template-columns:340px 1fr;align-items:center;gap:48px}.hub-groups-row1{grid-template-columns:repeat(4,1fr);gap:10px}.hub-groups-row2{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.tender-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:28px}.proj-year{color:var(--orange);margin-bottom:8px;font-size:13px;font-weight:600}.proj-revenue{color:var(--navy);margin-bottom:4px;font-size:1.8rem;font-weight:800}.proj-contracts{color:var(--muted);margin-bottom:12px;font-size:14px}.proj-focus{color:#888;font-size:13px}.cta-section{background:var(--orange);text-align:center;padding:64px 24px}.cta-title{color:#fff;margin-bottom:16px;font-size:2.2rem;font-weight:800}.cta-desc{color:#ffffffd9;margin-bottom:36px;font-size:1.05rem}.cta-btns{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.footer{border-top:1px solid var(--border);color:#555;background:#f8f9fa;padding:48px 24px 24px}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px;display:grid}.footer-logo{align-items:center;gap:10px;margin-bottom:16px;display:flex}.footer-logo-icon{background:var(--orange);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:flex}.footer-logo-name{color:var(--navy);font-size:17px;font-weight:700}.footer-desc{color:#666;font-size:14px;line-height:1.7}.footer-email{margin-top:12px;font-size:13px}.footer-heading{color:var(--navy);margin-bottom:16px;font-size:15px;font-weight:600}.footer-links{flex-direction:column;gap:10px;display:flex}.footer-links a{color:#666;font-size:14px;transition:color .2s}.footer-links a:hover{color:var(--orange)}.footer-cert{color:#666;margin-bottom:8px;font-size:14px}.footer-bottom{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;display:flex}.footer-bottom p{font-size:13px}.auth-page{background:linear-gradient(135deg,var(--navy),var(--navy-light));justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-box{border-radius:var(--radius-xl);background:#fff;width:100%;max-width:440px;padding:48px 40px;box-shadow:0 20px 60px #0000004d}.auth-box-lg{max-width:500px}.auth-logo{text-align:center;margin-bottom:32px}.auth-logo-icon{background:var(--orange);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;font-size:24px;font-weight:800;display:flex}.auth-title{color:var(--navy);margin-bottom:6px;font-size:1.8rem;font-weight:800}.auth-sub{color:#888;font-size:14px}.auth-error{color:#c00;background:#fff5f5;border:1px solid #fcc;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.form-row{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.form-group{margin-bottom:16px}.form-group-last{margin-bottom:24px}.form-input{border:1.5px solid var(--border);background:#fff;border-radius:8px;width:100%;padding:12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px #e65c001a}.form-select{border:1.5px solid var(--border);background:#fff;border-radius:8px;width:100%;padding:12px 14px;font-size:14px}.form-select:focus{border-color:var(--orange);outline:none}.auth-footer-text{text-align:center;color:#666;margin-top:24px;font-size:14px}.auth-footer-text a{color:var(--orange);font-weight:600}.auth-back{text-align:center;color:#888;margin-top:12px;font-size:14px}.about-why{background:linear-gradient(135deg,var(--bg),#e9ecef);border-radius:var(--radius-xl);padding:40px}.about-why-title{color:var(--navy);margin-bottom:24px;font-size:1.3rem;font-weight:700}.about-why-item{gap:16px;margin-bottom:16px;display:flex}.about-why-num{color:var(--orange);min-width:32px;font-size:1.1rem;font-weight:800}.about-why-text{color:#444;font-size:14px;line-height:1.6}.service-icon{margin-bottom:16px;font-size:40px}.service-title{color:var(--navy);margin-bottom:4px;font-size:1.15rem;font-weight:700}.service-subtitle{color:var(--orange);margin-bottom:16px;font-size:13px;font-weight:600}.service-list li{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.service-check{color:var(--orange);flex-shrink:0;margin-top:2px;font-weight:700}.service-list-text{color:#555;font-size:14px;line-height:1.6}.contact-info-item{gap:16px;margin-bottom:24px;display:flex}.contact-icon{flex-shrink:0;font-size:24px}.contact-label{color:var(--navy);margin-bottom:2px;font-weight:600}.contact-value{color:var(--muted);font-size:14px}.contact-tender-box{border-radius:var(--radius-lg);background:#fff5f0;border:1px solid #e65c0033;margin-top:32px;padding:24px}.contact-tender-title{color:var(--navy);margin-bottom:12px;font-weight:700}.contact-tender-desc{color:#555;font-size:14px;line-height:1.7}.contact-success{text-align:center;padding:40px 0}.contact-success-icon{margin-bottom:16px;font-size:48px}.contact-success-title{color:var(--navy);margin-bottom:8px;font-size:1.2rem;font-weight:700}.contact-success-sub{color:var(--muted);font-size:14px}.form-textarea{border:1.5px solid var(--border);resize:vertical;border-radius:8px;width:100%;padding:12px 14px;font-size:14px;transition:border-color .2s}.form-textarea:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px #e65c001a}.admin-layout{background:#f0f2f5;min-height:100vh;display:flex}.admin-sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;flex-shrink:0;transition:width .3s;display:flex}.admin-sidebar-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:20px 16px;display:flex}.admin-sidebar-logo{background:var(--orange);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:flex}.admin-sidebar-title{color:var(--navy);white-space:nowrap;font-size:14px;font-weight:700}.admin-nav{flex:1;padding:16px 8px}.admin-nav-link{color:#555;border-radius:8px;align-items:center;gap:12px;margin-bottom:4px;padding:10px 12px;font-size:14px;transition:background .2s,color .2s;display:flex}.admin-nav-link:hover{color:var(--orange);background:#fff5f0}.admin-nav-icon{flex-shrink:0;font-size:18px}.admin-nav-label{white-space:nowrap}.admin-sidebar-footer{border-top:1px solid var(--border);padding:16px 8px}.admin-logout-btn{color:#555;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:14px;display:flex}.admin-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.admin-topbar{background:#fff;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;box-shadow:0 1px 4px #00000012}.admin-toggle{color:#555;cursor:pointer;background:0 0;border:none;font-size:20px}.admin-topbar-user{align-items:center;gap:12px;display:flex}.admin-topbar-institute{color:#666;font-size:14px}.admin-avatar{background:var(--orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:flex}.admin-content{flex:1;padding:28px;overflow-y:auto}.admin-page-title{color:var(--navy);margin-bottom:8px;font-size:1.8rem;font-weight:800}.admin-page-sub{color:var(--muted);margin-bottom:28px;font-size:14px}.admin-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.table-wrap{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;overflow:hidden}table{border-collapse:collapse;width:100%}thead tr{background:var(--bg)}th{text-align:left;color:#555;padding:12px 16px;font-size:13px;font-weight:600}td{border-top:1px solid #f0f0f0;padding:12px 16px;font-size:14px}.td-name{color:var(--navy);font-weight:600}.td-muted{color:var(--muted);font-size:13px}.empty-row{text-align:center;color:#aaa;padding:40px;font-size:14px}.badge{text-transform:capitalize;border-radius:100px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-gray{color:#555;background:#f0f2f5}.badge-green{color:#166534;background:#dcfce7}.badge-yellow{color:#854d0e;background:#fef9c3}.badge-red{color:#991b1b;background:#fce7e7}.badge-blue{color:#1e40af;background:#dbeafe}.dot-green{color:#16a34a;font-size:10px}.dot-red{color:#dc2626;font-size:10px}.filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.filter-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.filter-btn-active{background:var(--orange);color:#fff}.filter-btn-inactive{color:#555;background:#f0f2f5}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-xl);background:#fff;width:100%;max-width:540px;max-height:90vh;padding:36px;overflow-y:auto}.modal-title{color:var(--navy);margin-bottom:24px;font-size:1.3rem;font-weight:700}.modal-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.checkbox-row{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.kpi-card{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;padding:24px}.kpi-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.kpi-label{color:var(--muted);margin-bottom:6px;font-size:13px}.kpi-value{color:var(--navy);font-size:1.9rem;font-weight:800}.kpi-icon{font-size:28px}.kpi-change{margin-top:8px;font-size:13px;font-weight:600}.dashboard-row{grid-template-columns:1.5fr 1fr;gap:20px;margin-top:20px;display:grid}.feedback-item{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;display:flex}.feedback-item:last-child{border-bottom:none;margin-bottom:0}.feedback-name{color:var(--navy);font-size:14px;font-weight:600}.feedback-meta{color:var(--muted);margin-top:2px;font-size:13px}.feedback-comment{color:#444;margin-top:4px;font-size:13px}.stars{gap:2px;display:flex}.star-filled{color:#f59e0b;font-size:14px}.star-empty{color:#ddd;font-size:14px}.iot-item{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.iot-item:last-child{border-bottom:none}.iot-name{color:var(--navy);font-size:13px;font-weight:600}.iot-meta{color:var(--muted);margin-top:2px;font-size:12px}.menu-preview-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.menu-preview-cell{background:var(--bg);border-radius:12px;padding:16px}.menu-preview-meal{color:var(--navy);margin-bottom:2px;font-weight:700}.menu-preview-time{color:var(--muted);margin-bottom:12px;font-size:12px}.menu-preview-item{color:#555;margin-bottom:4px;font-size:13px}.menu-preview-served{color:var(--green);margin-top:10px;font-size:13px;font-weight:600}.warning-banner{background:#fef9c3;border:1px solid #fde047;border-radius:12px;margin-bottom:20px;padding:16px}.warning-title{color:#854d0e;margin-bottom:8px;font-weight:700}.warning-item{color:#854d0e;margin-bottom:4px;font-size:14px}.sensor-card{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;padding:24px}.sensor-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.sensor-name{color:var(--navy);margin-bottom:4px;font-weight:700}.sensor-meta{color:var(--muted);font-size:12px}.sensor-value{margin-bottom:8px;font-size:2.5rem;font-weight:800}.sensor-value.ok{color:var(--green)}.sensor-value.warn{color:var(--yellow)}.progress-bar{background:#f0f2f5;border-radius:4px;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%}.progress-fill.ok{background:var(--green)}.progress-fill.warn{background:var(--yellow)}.sensor-threshold{color:var(--muted);margin-top:8px;font-size:12px}.compliance-section{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;margin-bottom:20px;padding:28px}.compliance-section-title{color:var(--navy);margin-bottom:16px;font-size:1.1rem;font-weight:700}.rating-summary{border-radius:var(--radius-lg);box-shadow:var(--shadow);text-align:center;background:#fff;padding:28px}.rating-big{color:var(--yellow);font-size:3.5rem;font-weight:800}.rating-label{color:var(--muted);margin-bottom:16px;font-size:16px}.rating-stars-lg{justify-content:center;gap:4px;margin-bottom:16px;display:flex}.rating-stars-lg span{font-size:24px}.rating-count{color:var(--muted);font-size:13px}.rating-bar-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.rating-bar-label{min-width:36px;font-size:13px;font-weight:600}.rating-bar-track{background:#f0f2f5;border-radius:4px;flex:1;height:8px;overflow:hidden}.rating-bar-fill{background:var(--yellow);border-radius:4px;height:100%}.rating-bar-count{color:var(--muted);min-width:20px;font-size:13px}.student-nav{border-bottom:1px solid var(--border);background:#fff;box-shadow:0 2px 8px #0000000f}.student-nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:60px;margin:0 auto;padding:0 24px;display:flex}.student-nav-left{align-items:center;gap:32px;display:flex}.student-nav-logo{align-items:center;gap:10px;display:flex}.student-nav-logo-icon{background:var(--orange);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:800;display:flex}.student-nav-logo-text{color:var(--navy);font-size:15px;font-weight:700}.student-nav-link{color:#555;align-items:center;gap:6px;font-size:14px;transition:color .2s;display:flex}.student-nav-link:hover{color:var(--orange)}.student-nav-right{align-items:center;gap:12px;display:flex}.student-name{color:#666;font-size:13px}.student-logout{border:1px solid var(--border);color:#555;background:0 0;border-radius:6px;padding:6px 14px;font-size:13px}.student-page{background:#f0f2f5;flex-direction:column;min-height:100vh;display:flex}.student-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:28px 24px}.greeting-title{color:var(--navy);font-size:1.8rem;font-weight:800}.greeting-sub{color:var(--muted);margin-top:4px;font-size:14px}.quick-action-card{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;border-top-style:solid;border-top-width:4px;padding:20px;transition:transform .2s;display:block}.quick-action-card:hover{transform:translateY(-3px)}.quick-action-icon{margin-bottom:8px;font-size:32px}.quick-action-label{color:var(--navy);margin-bottom:4px;font-size:14px;font-weight:700}.quick-action-desc{color:var(--muted);font-size:12px}.current-meal-banner{color:var(--navy);box-shadow:var(--shadow);background:linear-gradient(135deg,#fff5f0,#fff0e6);border:1px solid #e65c0033;border-radius:20px;padding:28px}.current-meal-sub{color:var(--muted);margin-bottom:6px;font-size:13px}.current-meal-name{color:var(--navy);margin-bottom:8px;font-size:1.6rem;font-weight:800}.current-meal-items{color:#555;font-size:14px}.current-meal-right{text-align:right}.current-meal-emoji{font-size:48px}.current-meal-time{color:var(--muted);margin-top:4px;font-size:14px}.today-menu-cell{border-radius:12px;padding:16px}.today-menu-cell.active{border:2px solid var(--orange);background:#fff5ee}.today-menu-cell.inactive{background:var(--bg);border:2px solid #0000}.today-menu-meal{color:var(--navy);margin-bottom:2px;font-weight:700}.today-menu-time{color:var(--muted);margin-bottom:10px;font-size:11px}.today-menu-item{color:#555;margin-bottom:3px;font-size:12px}.today-menu-kcal{color:var(--orange);margin-top:8px;font-size:12px;font-weight:600}.nutrition-mini{text-align:center}.nutrition-mini-value{color:var(--navy);font-size:1.5rem;font-weight:800}.nutrition-mini-label{color:var(--muted);margin-bottom:8px;font-size:11px}.nutrition-mini-track{background:#f0f2f5;border-radius:3px;height:6px}.nutrition-mini-fill{border-radius:3px;height:100%}.nutrition-mini-pct{margin-top:4px;font-size:11px;font-weight:600}.day-btn{cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.day-btn-active{background:var(--orange);color:#fff}.day-btn-inactive{color:#555;background:#fff}.menu-section{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;padding:24px}.menu-section-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.menu-section-icon{font-size:28px}.menu-section-title{color:var(--navy);font-size:1.05rem;font-weight:700}.menu-section-time{color:var(--muted);font-size:13px}.menu-row{border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.menu-row:last-child{border-bottom:none}.menu-item-name{color:var(--navy);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.menu-item-macros{color:var(--muted);margin-top:2px;font-size:12px}.menu-item-kcal{color:var(--orange);font-size:13px;font-weight:600}.menu-section-total{text-align:right;color:var(--orange);margin-top:12px;font-size:13px;font-weight:700}.menu-empty{color:#aaa;text-align:center;padding:20px 0;font-size:14px}.feedback-page-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.meal-type-btns{gap:8px;display:flex}.meal-type-btn{cursor:pointer;text-transform:capitalize;border:none;border-radius:8px;flex:1;padding:10px 0;font-size:13px;font-weight:600;transition:all .2s}.meal-type-btn-active{background:var(--orange);color:#fff}.meal-type-btn-inactive{color:#555;background:#f0f2f5}.star-btn{cursor:pointer;background:0 0;border:none;font-size:36px;transition:color .1s}.star-hint{color:var(--muted);margin-top:4px;font-size:13px}.success-box{text-align:center;padding:40px 0}.success-icon{margin-bottom:16px;font-size:64px}.success-title{color:var(--navy);margin-bottom:8px;font-size:1.5rem;font-weight:800}.success-sub{color:var(--muted);margin-bottom:24px}.quick-rate-btn{border:1.5px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;padding:10px 14px;transition:border-color .2s;display:flex}.quick-rate-btn:hover{border-color:var(--orange)}.quick-rate-name{color:var(--navy);text-align:left;font-size:14px;font-weight:600}.quick-rate-meta{color:var(--muted);font-size:12px}.quick-rate-arrow{color:var(--orange);font-size:13px;font-weight:600}.tab-bar{gap:8px;margin-bottom:24px;display:flex}.tab-btn{cursor:pointer;box-shadow:var(--shadow);text-transform:capitalize;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.tab-btn-active{background:var(--orange);color:#fff}.tab-btn-inactive{color:#555;background:#fff}.nutrition-card{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;padding:20px}.nutrition-label{color:var(--muted);margin-bottom:8px;font-size:13px}.nutrition-value{color:var(--navy);font-size:1.5rem;font-weight:800}.nutrition-unit{color:var(--muted);font-size:.8rem;font-weight:400}.nutrition-target{color:var(--muted);margin-bottom:10px;font-size:12px}.nutrition-pct{margin-top:6px;font-size:12px;font-weight:600}.meal-breakdown{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;padding:28px}.breakdown-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.breakdown-emoji{font-size:22px}.breakdown-meal{color:var(--navy);font-weight:700}.breakdown-total{color:var(--orange);margin-left:auto;font-size:13px;font-weight:600}.breakdown-item{color:#555;background:var(--bg);border-radius:8px;justify-content:space-between;margin-bottom:6px;padding:6px 12px;font-size:13px;display:flex}.bar-chart{align-items:flex-end;gap:14px;height:200px;margin-bottom:8px;display:flex}.bar-col{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.bar-val{color:var(--muted);font-size:12px;font-weight:600}.bar-fill{border-radius:6px 6px 0 0;width:100%;transition:height .3s}.bar-day{color:var(--muted);font-size:12px;font-weight:600}.weekly-avg-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.weekly-avg-cell{text-align:center;background:var(--bg);border-radius:12px;padding:16px}.weekly-avg-value{font-size:1.4rem;font-weight:800}.weekly-avg-label{color:var(--muted);font-size:12px}.weekly-avg-pct{color:#666;margin-top:4px;font-size:12px}.loading-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-text{color:var(--muted);font-size:18px}.link-orange{color:var(--orange);font-weight:600}.section-link{color:var(--orange);font-size:14px;font-weight:600}.app-screens-section{padding:80px 24px}.app-screens-header{margin-bottom:56px}.app-screens-title{font-size:2.2rem}.app-screen-img-wrap{height:480px;overflow:hidden}.app-screen-info-title{font-size:1.45rem}.app-screen-info-desc{font-size:13.5px}@media (max-width:900px){.grid-2,.hero-grid{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:2.3rem}.hero-desc{max-width:100%}.hero-btns{flex-wrap:wrap}.dashboard-row{grid-template-columns:1fr}.menu-preview-grid{grid-template-columns:repeat(2,1fr)}.feedback-page-grid,.form-row{grid-template-columns:1fr}.hero{padding:60px 32px 56px}.section{padding:64px 24px}}@media (max-width:640px){.navbar-links,.navbar-actions{display:none}.navbar-inner{height:64px;padding:0 16px}.navbar-logo-text{max-width:160px;font-size:15px;line-height:1.2}.navbar-logo-img{width:42px!important;height:42px!important}.navbar-logo{gap:9px}.navbar-hamburger{width:40px;height:40px;display:flex}.navbar-mobile{padding:4px 0 16px}.navbar-mobile a{letter-spacing:.1px;padding:16px 20px;font-size:16px;font-weight:600}.navbar-mobile a:hover,.navbar-mobile a:active{color:var(--orange);background:#fff3eb;padding-left:28px}.grid-3,.grid-4,.grid-auto{grid-template-columns:1fr}.page-title{font-size:1.85rem;line-height:1.2}.section-title{font-size:1.5rem;line-height:1.25}.section-subtitle{margin-bottom:24px;font-size:.9rem;line-height:1.7}.btn{padding:11px 22px;font-size:14px}.btn-lg{text-align:center;width:100%;padding:14px 24px;font-size:15px}.hero-btns{flex-direction:column;gap:12px}.hero{min-height:unset;background:linear-gradient(160deg,#fff5f0 0%,#fff 60%,#f0f4ff 100%);padding:40px 18px 36px}.hero-grid{gap:36px}.hero-badge{margin-bottom:14px;font-size:12px}.hero-title{margin-bottom:14px;font-size:1.85rem;line-height:1.22}.hero-desc{max-width:100%;margin-bottom:24px;font-size:.92rem;line-height:1.75}.hero-stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.hero-stat{border-radius:14px;min-height:110px;padding:20px 10px}.hero-stat-value{font-size:1.75rem}.hero-stat-label{letter-spacing:.1px;margin-top:4px;font-size:11px}.section{padding:48px 18px}.card{border-radius:14px;padding:20px 16px}.card-dark{padding:22px 16px}.feature-icon,.service-icon{margin-bottom:10px;font-size:28px}.feature-title,.service-title{font-size:1rem}.feature-desc{font-size:.875rem;line-height:1.65}.hub-bullet{font-size:.88rem}.hub-campuses{grid-template-columns:repeat(2,1fr);gap:10px}.hub-campus{padding:10px 6px;font-size:11px}.hub-hq-name{font-size:1rem}.hub-spoke-card{padding:16px 14px!important}.hub-spoke-groups{grid-template-columns:1fr 1fr!important;gap:10px!important}.hub-spoke-group{padding:10px!important}.hub-spoke-group-title{font-size:13px!important}.hub-spoke-item{font-size:12px!important}.beyond-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.beyond-card{border-radius:14px!important;padding:16px 12px!important}.beyond-card-title{margin-bottom:5px!important;font-size:12.5px!important;font-weight:700!important}.beyond-card-desc{font-size:11px!important;line-height:1.55!important}.beyond-card svg{width:22px!important;height:22px!important}.app-screens-section{padding:48px 18px!important}.app-screens-header{margin-bottom:28px!important}.app-screens-title{font-size:1.5rem!important}.app-screen-row{overflow:hidden;border-radius:18px!important;grid-template-columns:1fr!important;margin-bottom:18px!important;box-shadow:0 4px 20px #0000001a!important}.app-screen-phone{display:none!important}.app-screen-info{border-top:none!important;border-left:none!important;border-right:none!important;border-radius:18px!important;padding:24px 20px!important}.app-screen-info-title{margin-bottom:8px!important;font-size:1.1rem!important}.app-screen-info-desc{font-size:13.5px!important;line-height:1.75!important}.proj-revenue{font-size:1.5rem}.cta-section{padding:48px 18px}.cta-title{font-size:1.55rem;line-height:1.25}.cta-desc{font-size:.93rem}.cta-btns{flex-direction:column;align-items:stretch;gap:12px}.cta-btns .btn{text-align:center;width:100%;padding:13px 16px;font-size:13.5px}.auth-box{padding:28px 20px}.admin-sidebar{width:200px!important}.admin-sidebar-title,.admin-nav-label{font-size:13px;display:block!important}.admin-nav-link{gap:10px;padding:11px 10px}.admin-nav-icon{font-size:18px}.admin-sidebar-logo{width:32px;height:32px;font-size:14px}.student-nav-left{gap:16px}.weekly-avg-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;gap:24px}.footer{padding:40px 18px 24px}.footer-bottom{text-align:center;flex-direction:column;gap:8px}.ki-row1,.ki-row2{grid-template-columns:1fr!important;gap:16px!important}.ki-header{margin-bottom:28px!important}.ki-num{display:none!important}.hub-layout{grid-template-columns:1fr!important;gap:28px!important}.hub-groups-row1,.hub-groups-row2{grid-template-columns:1fr 1fr!important;gap:8px!important}.tender-grid{grid-template-columns:1fr!important;gap:20px!important}.compliance-download-row{flex-direction:column!important;align-items:flex-start!important;gap:14px!important}.founder-card{padding:28px 20px!important}}@keyframes fadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes pulse-ring{0%{transform:scale(1);box-shadow:0 0 #e65c0066}70%{transform:scale(1.04);box-shadow:0 0 0 12px #e65c0000}to{transform:scale(1);box-shadow:0 0 #e65c0000}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes count-up{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bar-grow{0%{transform-origin:bottom;transform:scaleY(0)}to{transform-origin:bottom;transform:scaleY(1)}}@keyframes progress-fill{0%{width:0%}}@keyframes bounce-in{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.animate-fade-up{animation:.65s cubic-bezier(.22,1,.36,1) both fadeUp}.animate-fade-down{animation:.55s cubic-bezier(.22,1,.36,1) both fadeDown}.animate-fade-in{animation:.6s both fadeIn}.animate-fade-left{animation:.65s cubic-bezier(.22,1,.36,1) both fadeLeft}.animate-fade-right{animation:.65s cubic-bezier(.22,1,.36,1) both fadeRight}.animate-scale-in{animation:.55s cubic-bezier(.22,1,.36,1) both scaleIn}.animate-float{animation:3.5s ease-in-out infinite float}.animate-bounce-in{animation:.6s cubic-bezier(.22,1,.36,1) both bounce-in}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.navbar{animation:.5s cubic-bezier(.22,1,.36,1) both fadeDown}.navbar-logo{animation:.55s cubic-bezier(.22,1,.36,1) .1s both fadeLeft}.navbar-links,.navbar-hamburger{animation:.5s .2s both fadeIn}.hero-badge{animation:.5s cubic-bezier(.22,1,.36,1) .15s both fadeUp}.hero-title{animation:.65s cubic-bezier(.22,1,.36,1) .25s both fadeUp}.hero-desc{animation:.65s cubic-bezier(.22,1,.36,1) .38s both fadeUp}.hero-btns{animation:.65s cubic-bezier(.22,1,.36,1) .5s both fadeUp}.hero-stats{animation:.7s cubic-bezier(.22,1,.36,1) .35s both fadeRight}.hero-stat{transition:transform .3s,box-shadow .3s}.hero-stat:hover{transform:translateY(-6px)scale(1.03);box-shadow:0 16px 40px #00000026}.hero-stat-value{animation:.7s cubic-bezier(.22,1,.36,1) .6s both count-up}.card{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}.card:hover{transform:translateY(-8px);box-shadow:0 20px 48px #0000001f}.feature-icon{transition:transform .35s cubic-bezier(.22,1,.36,1)}.card:hover .feature-icon{transform:scale(1.18)rotate(-5deg)}.hub-spoke-card{transition:box-shadow .3s;animation:.7s cubic-bezier(.22,1,.36,1) .2s both fadeRight}.hub-spoke-card:hover{box-shadow:0 16px 64px #e65c0033!important}.hub-spoke-group{transition:transform .25s,box-shadow .25s}.hub-spoke-group:hover{transform:translateY(-3px);box-shadow:0 8px 24px #e65c0024!important}.hub-hq-icon{animation:2.4s ease-out infinite pulse-ring}.beyond-card{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}.beyond-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 48px #0000001a!important}.beyond-card:hover>div:first-child{transition:transform .35s cubic-bezier(.22,1,.36,1);transform:scale(1.12)rotate(6deg)}.beyond-card>div:first-child{transition:transform .35s cubic-bezier(.22,1,.36,1)}.progress-fill{animation:1.2s cubic-bezier(.22,1,.36,1) .4s both progress-fill}.bar-fill{transform-origin:bottom;animation:.9s cubic-bezier(.22,1,.36,1) both bar-grow}.cta-section{position:relative;overflow:hidden}.cta-title{animation:.6s cubic-bezier(.22,1,.36,1) both fadeUp}.cta-desc{animation:.6s cubic-bezier(.22,1,.36,1) .12s both fadeUp}.cta-btns{animation:.6s cubic-bezier(.22,1,.36,1) .24s both fadeUp}.btn{transition:all .25s cubic-bezier(.22,1,.36,1)!important}.btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px #00000026!important}.btn:active{transform:translateY(0)!important}.admin-nav-link{transition:background .2s,color .2s,transform .2s,padding-left .2s}.admin-nav-link:hover{transform:translate(4px)}.quick-action-card{transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s!important}.quick-action-card:hover{transform:translateY(-6px)scale(1.03)!important;box-shadow:0 12px 32px #0000001f!important}.navbar-mobile{animation:.3s cubic-bezier(.22,1,.36,1) both fadeDown}.navbar-mobile a{transition:background .2s,color .2s,padding-left .2s}.navbar-mobile a:hover{color:var(--orange);background:#fff3eb;padding-left:32px}.navbar-logo:hover .navbar-logo-text{background:linear-gradient(90deg,var(--navy)0%,var(--orange)40%,var(--navy)80%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:1.2s linear forwards shimmer}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.reveal.revealed{opacity:1;transform:translateY(0)}.card.reveal,.beyond-card.reveal,.hub-spoke-group.reveal{transform:translateY(20px)scale(.96)}.card.revealed,.beyond-card.revealed,.hub-spoke-group.revealed{transform:translateY(0)scale(1)}.hub-spoke-card.reveal{opacity:0;transform:translate(40px)}.hub-spoke-card.revealed{opacity:1;transform:translate(0)}.app-screen-row.reveal{opacity:0;transform:translateY(32px)}.app-screen-row.revealed{opacity:1;transform:translateY(0)}.card.delay-100,.beyond-card.delay-100{transition-delay:50ms}.card.delay-200,.beyond-card.delay-200{transition-delay:.12s}.card.delay-300,.beyond-card.delay-300{transition-delay:.19s}.card.delay-400,.beyond-card.delay-400{transition-delay:.26s}.card.delay-500,.beyond-card.delay-500{transition-delay:.33s}.card.delay-600,.beyond-card.delay-600{transition-delay:.4s}@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transition:none!important;transform:none!important}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}