:root{--teal:#087e8b;--cyan:#19b6b2;--navy:#12334a;--ink:#183247;--muted:#6b7f8e;--bg:#f3f8fa;--line:#dce8ed;--white:#fff;--orange:#ffb45b;--red:#c94747;--green:#168b65}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);line-height:1.55}.topbar{background:#fff;border-bottom:1px solid var(--line);padding:10px max(4vw,20px);display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy);font-weight:800}.brand img{width:135px;height:68px;object-fit:contain}.brand span{font-size:12px;color:var(--teal);border-left:1px solid var(--line);padding-left:12px}nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}nav a{color:var(--navy);text-decoration:none;font-weight:650;font-size:14px}.nav-cta,.btn{background:var(--teal);color:#fff!important;border:0;border-radius:10px;padding:11px 16px;text-decoration:none;display:inline-block;font-weight:750;cursor:pointer}.container{max-width:1200px;margin:30px auto;padding:0 22px;min-height:65vh}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:14px 0 26px}.page-heading small{letter-spacing:2px;color:var(--teal);font-weight:800;font-size:11px}.page-heading h1{font-size:clamp(27px,4vw,38px);line-height:1.1;margin:6px 0;color:var(--navy)}.role-pill{background:#e1f5f3;border-radius:99px;padding:9px 14px;color:var(--teal);font-size:13px;font-weight:800}.hero{border-radius:24px;padding:clamp(28px,5vw,58px);background:linear-gradient(125deg,#073d55,#087e8b 55%,#21b9b1);color:white;display:grid;grid-template-columns:1.2fr .8fr;gap:25px;align-items:center;overflow:hidden}.hero h2{font-size:clamp(34px,5vw,55px);line-height:1.05;margin:10px 0 16px}.hero p{font-size:17px;max-width:600px;color:#e7ffff}.hero .btn{background:#fff;color:var(--teal)!important;margin:8px 8px 0 0}.hero-logo{background:#fff;border-radius:20px;padding:15px;display:flex;align-items:center;justify-content:center;min-height:190px}.hero-logo img{width:100%;max-width:360px}.section-title{margin:34px 0 15px;font-size:23px;color:var(--navy)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.panel,.stat{background:white;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 7px 24px #12334a08}.card h3,.panel h2{margin-top:0;color:var(--navy)}.card .emoji{font-size:30px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:20px 0}.stat small{color:var(--muted);display:block}.stat strong{font-size:28px;color:var(--teal)}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.menu-card{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink);min-width:0;transition:.15s}.menu-card:hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 8px 20px #087e8b12}.menu-card b,.menu-card small{display:block}.menu-card small{color:var(--muted);font-size:12px;margin-top:3px}.menu-icon{display:grid;place-items:center;background:#e3f7f5;color:var(--teal);width:42px;height:42px;flex:0 0 42px;border-radius:12px;font-size:20px}.arrow{margin-left:auto;color:var(--teal)}form{display:block}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{margin-bottom:14px}.field label{display:block;font-weight:750;font-size:13px;margin-bottom:6px}.field input,.field select,.field textarea,input,select,textarea{max-width:100%}.field input,.field select,.field textarea,.control{width:100%;padding:12px 13px;border:1px solid #ccdde4;border-radius:10px;background:#fff;font:inherit;color:var(--ink)}.field textarea{min-height:105px;resize:vertical}.btn.secondary{background:#e5f5f4;color:var(--teal)!important}.btn.danger{background:var(--red)}.btn.small{padding:7px 10px;font-size:12px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:top}th{background:#eff8f8;color:#305363;font-size:12px;text-transform:uppercase;letter-spacing:.5px}tr:last-child td{border-bottom:0}.badge{display:inline-block;border-radius:99px;background:#e5f5f4;color:var(--teal);padding:4px 9px;font-size:11px;font-weight:800}.badge.pending{background:#fff0d8;color:#946000}.badge.cancelled{background:#fde7e7;color:#a53232}.alert{padding:13px 16px;border-radius:10px;margin:0 0 18px;background:#e3f7f0;color:#176449}.alert.error{background:#fde9e9;color:#a42e2e}.alert.warning{background:#fff2d9;color:#855600}.footer{padding:28px 20px;text-align:center;color:var(--muted);font-size:12px;border-top:1px solid var(--line);background:#fff}.empty{padding:28px;text-align:center;color:var(--muted)}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form select{padding:8px;border:1px solid var(--line);border-radius:8px}.auth-wrap{max-width:520px;margin:35px auto}.auth-wrap .panel{padding:28px}.hero-stat{font-size:13px;color:#e5ffff}.slide-preview{border-radius:12px;background:linear-gradient(120deg,#0b6173,#24bcb2);padding:20px;color:white}.message{border:1px solid var(--line);background:white;padding:14px;border-radius:12px;margin-bottom:10px}.message small{color:var(--muted)}.sound-toggle{position:fixed;bottom:15px;right:15px;border:0;border-radius:50px;background:var(--navy);color:#fff;padding:12px 16px;z-index:9;cursor:pointer;box-shadow:0 5px 20px #0002}@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-logo{min-height:120px}.grid,.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:flex-start;flex-direction:column}.brand img{width:110px;height:52px}}@media(max-width:550px){.grid,.grid.two,.menu-grid,.form-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.container{padding:0 14px;margin-top:20px}.brand span{display:none}.stats{gap:8px}.stat{padding:14px}.stat strong{font-size:23px}}