
:root{font-family:Inter,'PingFang SC','Microsoft YaHei',sans-serif;color:#243934;background:#f6f8f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{font:inherit}button,a{cursor:pointer}button{border:0;background:none;color:inherit}a{text-decoration:none}button:disabled{opacity:.5;cursor:wait}h1,h2,h3,p{margin:0}h2{font-size:17px}small{display:block;color:#8a9691;font-size:12px}button{transition:.18s}button:hover{filter:brightness(.95)}.app{display:flex;min-height:100vh}aside{width:242px;background:#fff;border-right:1px solid #e6ece9;padding:32px 22px;position:fixed;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;font-size:25px;font-weight:700;letter-spacing:1px}.logo{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#205c4b;color:white;border-radius:11px}.brand-en{font-size:9px;color:#6a8177;letter-spacing:1.5px;align-self:flex-end;margin-bottom:6px}.workspace{display:flex;align-items:center;gap:10px;padding:19px 0 26px;margin-top:26px;border-bottom:1px solid #edf0ee;font-size:13px}.workspace small{margin-top:5px;font-size:10px}.workspace>svg{margin-left:auto}.square{background:#f2f5f3;border:1px solid #e5ebe7;padding:9px;border-radius:7px}.navlabel{font-size:10px;color:#9aa49f;margin:27px 12px 12px;letter-spacing:1px}nav button{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;margin-bottom:7px;border-radius:8px;color:#75817b;font-size:13px}nav button.active{background:#eaf3ed;color:#235c49;font-weight:600}nav b{margin-left:auto;font-size:10px;background:#cfe3d5;padding:2px 6px;border-radius:4px}.aside-bottom{margin-top:auto;padding-top:30px}.aside-bottom>button{display:flex;gap:12px;font-size:13px;color:#79857e;padding:15px}.help{border:1px solid #e4ebe5;border-radius:9px;padding:14px;font-size:11px;margin:18px 0;color:#517060}.help small{font-size:10px;margin-top:7px}.live-dot{display:inline-block;width:6px;height:6px;background:#6d9f69;border-radius:50%;margin-right:6px}.profile{display:flex;gap:10px;font-size:12px;align-items:center;padding-top:18px;border-top:1px solid #edf0ee}.profile>span,.avatar{background:#ede9dd;padding:9px;border-radius:50%;color:#7f795f}.profile small{font-size:10px;margin-top:4px}main{margin-left:242px;width:calc(100% - 242px)}header{height:79px;border-bottom:1px solid #e6ece8;background:#ffffffb3;display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:12px;color:#929c96}header>div{display:flex;align-items:center;gap:13px}header strong{font-weight:500;color:#526459}.online{font-size:11px;color:#63826e;margin-right:9px}.iconbtn{position:relative;padding:6px}.iconbtn i{position:absolute;background:#d39d60;width:5px;height:5px;border-radius:50%;top:4px;right:7px}.avatar{font-size:11px;padding:8px}.content{max-width:1530px;margin:auto;padding:36px 38px 18px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;color:#88998e;letter-spacing:1.4px;margin-bottom:12px}h1{font-size:28px;font-weight:600;letter-spacing:-.7px}.heading p{color:#91a096;font-size:12px;margin-top:10px}.primary{display:inline-flex;gap:9px;align-items:center;justify-content:center;background:#255e4b;color:white;padding:12px 18px;border-radius:7px;font-size:12px;font-weight:500}.outline{padding:10px 15px;border:1px solid #dce5df;border-radius:7px;background:#fff;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.stat{background:#fff;border:1px solid #e4eae6;border-radius:10px;padding:21px 23px}.stat>div{display:flex;justify-content:space-between;font-size:12px;color:#7c8b81}.stat svg{color:#8da195}.stat strong{display:block;font-size:31px;font-weight:500;margin:13px 0 9px;letter-spacing:-1px}.stat small{font-size:10px}.hero{background:#eaf0e7;min-height:227px;border:1px solid #dfe8db;border-radius:12px;padding:30px 32px;display:flex;justify-content:space-between;overflow:hidden;margin-bottom:28px;position:relative}.hero-tag{font-size:10px;color:#6d826b;letter-spacing:1px}.hero h2{font-size:25px;font-weight:500;margin-top:15px;color:#36543d}.hero p{font-size:12px;color:#84927c;margin-top:12px}.hero button{display:flex;align-items:center;gap:15px;background:white;border:1px solid #d8e2d4;border-radius:6px;padding:10px 14px;font-size:11px;margin-top:22px}.desk-art{position:relative;width:290px;display:flex;align-items:center;justify-content:center}.art-ring{position:absolute;width:230px;height:230px;border:1px solid #d9e4d1;border-radius:50%;box-shadow:0 0 0 30px #e4ecdf,0 0 0 31px #dce7d6}.tablet{position:relative;background:#fcfdfb;width:182px;padding:17px;border:6px solid #56715b;border-radius:15px;transform:rotate(-7deg);text-align:center;box-shadow:12px 14px 0 #cad8c5;color:#52715b}.tablet-dot{display:block;background:#b1bcb0;width:4px;height:4px;border-radius:50%;margin:-9px auto 8px}.tablet svg{margin:auto}.tablet h3{font-size:13px;margin:6px}.tablet small{font-size:7px;letter-spacing:2px}.tablet>div{display:flex;gap:5px;margin-top:14px}.tablet>div span{background:#e6eee1;font-size:8px;padding:8px;border-radius:4px;flex:1}.art-note{position:absolute;bottom:2px;right:-3px;display:flex;align-items:center;gap:7px;background:#fff;padding:10px 13px;border-radius:7px;box-shadow:0 4px 20px #36543d10;font-size:10px}.lower{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:22px}.lower:has(>.table-panel:last-child){grid-template-columns:1fr}.panel{background:#fff;border:1px solid #e4eae6;border-radius:10px;padding:23px}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h2{font-size:15px}.count{font-size:10px;color:#839489;background:#f0f4f1;border-radius:4px;padding:3px 6px;margin-left:5px}.section-title p{font-size:10px;color:#97a198;margin-top:8px}.textbtn{display:inline-flex;align-items:center;gap:5px;color:#517662;font-size:11px;padding:5px}.table-panel{padding:23px 0 0;overflow:hidden}.section-title,.table-tools{padding:0 23px}.table-tools{display:flex;align-items:center;justify-content:space-between;margin:23px 0 16px;gap:8px}.tabs{display:flex;gap:15px}.tabs button{font-size:11px;color:#929e95;padding:8px 0;border-bottom:2px solid transparent;white-space:nowrap}.tabs .chosen{color:#37634a;border-color:#37634a}.search{display:flex;align-items:center;gap:6px;border:1px solid #e4eae5;border-radius:5px;padding:7px 9px;color:#a0aaa3}.search input{border:0;outline:0;width:145px;font-size:10px;background:none}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:11px}th{font-size:10px;color:#8c9a90;font-weight:400;background:#f7f9f7;padding:13px 15px}th:first-child,td:first-child{padding-left:23px}td{padding:16px 15px;border-bottom:1px solid #f0f3f0;color:#73847a}.person{display:flex;gap:10px;align-items:center}.person>span{background:#ecf1e9;color:#69805d;padding:8px 10px;border-radius:50%}.person b{font-size:12px;color:#3a4f41;font-weight:500}.person small{font-size:9px;margin-top:5px}.badge{display:inline-block;border-radius:4px;padding:5px 8px;font-size:10px}.waiting{background:#fff5e5;color:#b78c40}.accepted{background:#e8f0fb;color:#6081ad}.completed{background:#eaf3eb;color:#5a8b66}.booked{background:#f0edf7;color:#9380b3}.empty{text-align:center;padding:48px 20px;color:#92a196}.empty svg{margin:auto;color:#b9c9bb}.empty h3{font-size:14px;margin:14px 0 8px;color:#647b69}.empty p{font-size:11px;margin-bottom:18px}.right-col{display:flex;flex-direction:column;gap:20px}.shortcuts h2{font-size:14px;margin-bottom:15px}.shortcuts>button{display:flex;align-items:center;width:100%;text-align:left;gap:11px;padding:16px 0;border-bottom:1px solid #eff2ed}.shortcuts>button:last-child{border:0;padding-bottom:0}.shortcuts>button>span{padding:10px;background:#f2f5ee;border:1px solid #e8eee4;border-radius:8px;color:#7e9673}.shortcuts b{font-weight:500;font-size:12px}.shortcuts small{font-size:9px;margin-top:6px}.shortcuts>button>svg{margin-left:auto;color:#9cac9e}.notice{border:1px solid #e5e8dd;background:#f1f2e9;border-radius:10px;padding:22px;color:#849174;font-size:10px}.notice h3{font-size:14px;color:#667b56;margin:17px 0 10px;font-weight:500}.notice p{line-height:1.9;font-size:11px}footer{display:flex;justify-content:space-between;margin-top:35px;color:#adb8af;font-size:9px;letter-spacing:.8px}.overlay{position:fixed;inset:0;background:#102c256b;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}.dialog{background:#fff;border-radius:16px;padding:32px;width:530px;max-height:92vh;overflow:auto;position:relative;box-shadow:0 20px 100px #0f332c33}.dialog h2{font-size:23px;margin:7px 0 10px}.dialog>p{font-size:12px;color:#8b9b91;margin-bottom:24px;line-height:1.8}.close{position:absolute;right:16px;top:16px;color:#8c9a92;padding:5px}.toggle{display:flex;background:#f0f4f0;padding:4px;border-radius:8px;margin-bottom:22px}.toggle button{flex:1;padding:10px;font-size:12px;border-radius:6px;color:#7a8e80}.toggle .selected{background:white;color:#2c6149;box-shadow:0 2px 5px #223c1510}.fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.fields label{font-size:11px;color:#607867}.fields input,.checkin input{width:100%;border:1px solid #dce5dd;border-radius:6px;padding:12px 10px;font-size:12px;margin-top:8px;outline:none;color:#344e3d}.fields input:focus{border-color:#4b8665;box-shadow:0 0 0 3px #eaf3eb}.wide{grid-column:1/-1}.consent{font-size:10px;color:#8b9b8c;line-height:1.8;display:flex;align-items:flex-start;gap:6px;margin:20px 0}.consent input{margin-top:3px;accent-color:#255e4b}.full{width:100%;margin-top:8px}.qr{width:270px;display:block;margin:15px auto}.dialog>small{line-height:1.7;margin-top:16px}.soft-box{background:#f3f6f1;padding:18px;font-size:12px;line-height:2;border-radius:8px;margin:20px 0}.timeline>div{display:flex;gap:12px;font-size:12px;padding:12px 0}.timeline span{width:7px;height:7px;border-radius:50%;background:#81a67b;margin-top:6px}.timeline small{font-size:10px;margin-top:6px}.actions{display:flex;gap:10px;margin-top:20px}.error{background:#fff0e8;color:#a55234;padding:14px;border-radius:7px;margin-bottom:18px;font-size:12px;display:flex;justify-content:space-between}.error button{text-decoration:underline}.success{text-align:center}.success-icon{border-radius:50%;background:#e5f2e5;color:#4f8855;width:75px;height:75px;display:grid;place-items:center;margin:10px auto 25px}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.barrow{margin-top:25px;font-size:12px}.barrow strong{float:right}.bar{background:#edf2eb;border-radius:10px;height:9px;margin-top:12px;overflow:hidden}.bar i{display:block;height:100%;background:#779e79}.distribution{display:flex;justify-content:space-between;align-items:center;margin-top:17px;font-size:16px}.big-number{font-size:50px;margin:25px 0}.analytics-grid p,.settings p{font-size:12px;color:#8b9b8f;line-height:2}.settings>div{display:flex;justify-content:space-between;padding:22px 0;border-bottom:1px solid #edf1ed;gap:20px;font-size:12px}.settings p{margin-top:20px}.kiosk main{margin:0;width:100%}.kiosk-wrap{max-width:1050px;margin:auto;padding:10px 20px 45px;text-align:center}.kiosk-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:70px}.kiosk h1{font-size:38px;margin:15px 0}.kiosk-wrap>p{color:#8b9e8f;font-size:15px}.kiosk-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:45px 0 28px}.kiosk-cards button{text-align:left;border:1px solid #dce7da;background:#fff;border-radius:18px;padding:36px;color:#507658}.kiosk-cards h2{font-size:24px;margin:24px 0 10px}.kiosk-cards p{color:#96a18f;font-size:13px}.kiosk-cards button>svg:last-child{display:block;margin-left:auto}.checkin{display:flex;text-align:left;align-items:center;gap:20px;margin-bottom:25px}.checkin h3{font-size:14px}.checkin p{font-size:11px;color:#98a291;margin-top:5px}.checkin input{width:200px;margin:0;margin-left:auto}.kiosk-wrap>small{font-size:11px}@media(min-width:1500px){.content{padding:45px}.hero{min-height:250px}.lower{grid-template-columns:minmax(0,1fr) 290px}}@media(max-width:1200px){aside{width:205px;padding:25px 15px}main{margin-left:205px;width:calc(100% - 205px)}.content{padding:28px 24px}.lower{grid-template-columns:1fr}.right-col{display:grid;grid-template-columns:1fr 1fr}.shortcuts>button{padding:12px 0}.stats{gap:12px}.stat{padding:18px}h1{font-size:25px}.search input{width:130px}}@media(max-width:760px){aside{width:68px;padding:22px 9px}.brand{font-size:0;justify-content:center}.brand-en,.workspace,.navlabel,.aside-bottom{display:none}nav{margin-top:30px}nav button{font-size:0;padding:14px;gap:0}nav b{display:none}main{margin-left:68px;width:calc(100% - 68px)}header{padding:0 18px;height:62px}.online{display:none}.content{padding:25px 16px}.heading{align-items:flex-start}h1{font-size:22px;line-height:1.5}.heading .primary{white-space:nowrap;font-size:10px;padding:10px}.eyebrow{font-size:8px}.stats{grid-template-columns:1fr 1fr}.stat{padding:16px}.stat strong{font-size:27px}.hero{padding:25px}.hero h2{font-size:22px}.desk-art{display:none}.right-col{grid-template-columns:1fr}.table-tools{flex-wrap:wrap}.section-title{gap:8px}.section-title p{line-height:1.7}.table-panel{padding-top:20px}.search{width:100%}.search input{width:100%}.analytics-grid{grid-template-columns:1fr}footer{line-height:1.7;gap:20px}.fields{grid-template-columns:1fr}.wide{grid-column:auto}.dialog{padding:26px}.kiosk h1{font-size:27px}.kiosk-cards{grid-template-columns:1fr}.kiosk-cards button{padding:25px}.kiosk-top{margin-bottom:40px}.kiosk .brand{font-size:22px}.checkin{flex-wrap:wrap}.checkin input{margin:0;width:100%}.settings>div{flex-direction:column;gap:12px}.kiosk .content{padding:20px 8px}}
