:root{--ink:#132238;--muted:#708096;--line:#e5eaf0;--paper:#f6f8fa;--white:#fff;--teal:#087f83;--teal-soft:#e2f2f0;--orange:#e8843a;--shadow:0 16px 50px rgba(30,52,75,.08)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 5vw;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:0}.mark{width:34px;height:34px;background:var(--ink);color:#fff;display:grid;place-items:center;border-radius:9px;font-size:16px}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:500;margin-top:2px}.nav{display:flex;gap:8px}.nav button{border:0;background:transparent;color:var(--muted);padding:10px 15px;border-radius:7px}.nav button.active,.nav button:hover{background:var(--teal-soft);color:var(--teal);font-weight:700}.content{max-width:1180px;margin:0 auto;padding:48px 28px}.eyebrow{color:var(--teal);font-weight:800;font-size:12px;letter-spacing:1.5px;text-transform:uppercase}.heading{font-size:32px;margin:9px 0 8px;letter-spacing:0}.sub{color:var(--muted);margin:0 0 28px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.stat,.panel{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.stat{padding:22px 24px}.stat p{color:var(--muted);margin:0 0 12px;font-size:13px}.stat strong{font-size:31px}.stat em{color:var(--teal);font-style:normal;font-size:13px;margin-left:8px}.panel{padding:24px;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel h2{font-size:17px;margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:560px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-weight:600;background:#fbfcfd}td strong{font-size:14px}.button{border:0;background:var(--ink);color:#fff;padding:11px 16px;border-radius:6px;font-weight:700}.button.alt{background:var(--teal)}.button.ghost{background:#eef3f4;color:var(--teal)}.filters{display:flex;gap:10px;flex-wrap:wrap}.input,.select{border:1px solid var(--line);background:#fff;padding:10px 12px;border-radius:6px;color:var(--ink);min-width:150px}.qr-layout{display:grid;grid-template-columns:1fr 330px;gap:20px}.qr-card{text-align:center;border-left:1px solid var(--line);padding-left:25px}.qr-card img{width:220px;height:220px;display:block;margin:8px auto 14px}.code{font-family:monospace;color:var(--teal);font-size:15px}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#edf5f3,#f8f5ed)}.login-box{width:min(420px,calc(100% - 40px));background:#fff;padding:38px;border-radius:10px;box-shadow:var(--shadow)}.login-box h1{margin:0 0 8px;font-size:25px}.login-box p{color:var(--muted);font-size:13px;line-height:1.8}.login-box label{display:block;font-size:12px;color:var(--muted);margin:20px 0 7px}.login-box .input{width:100%}.login-box .button{width:100%;margin-top:24px}.error{color:#be4b36;font-size:12px;margin-top:13px}.mobile{min-height:100vh;background:#fff}.hero{height:310px;padding:42px 24px;color:#fff;background:linear-gradient(135deg,#17445a,#197b78);position:relative;overflow:hidden}.hero:after{content:'TRAVEL';position:absolute;right:-20px;bottom:14px;font-size:80px;font-weight:900;opacity:.08}.hero h1{font-size:34px;line-height:1.2;margin:12px 0}.hero p{opacity:.82;font-size:15px}.h5-body{padding:24px}.h5-body h2{font-size:20px}.contact{margin-top:25px;background:#f1f6f4;border-radius:8px;padding:20px;text-align:center}.contact img{width:220px;height:220px;background:#fff;padding:8px}.contact p{margin:8px 0 0;color:var(--muted);font-size:13px}.demo-auth{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.demo-auth input{width:100%;margin:8px 0}.notice{padding:11px 13px;background:#fff7eb;color:#94601e;border-radius:6px;font-size:12px;line-height:1.6}@media(max-width:700px){.topbar{padding:0 18px}.nav button{padding:9px 7px;font-size:12px}.content{padding:32px 16px}.heading{font-size:27px}.stats{grid-template-columns:1fr}.qr-layout{grid-template-columns:1fr}.qr-card{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.panel{padding:18px}.hero{height:290px}}