:root{font-family:Inter,Segoe UI,sans-serif;color:#213c40;background:#f5f9f7;--green:#00685b}*{box-sizing:border-box}body{margin:0}header{max-width:1200px;margin:auto;padding:26px 30px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;gap:13px;align-items:center;font-size:35px;color:var(--green);text-decoration:none;font-weight:800}.brand span{font-size:20px}.badge{font-size:10px;letter-spacing:1px;border:1px solid #bfdad1;padding:8px 12px;border-radius:20px;color:#4f7469}main{max-width:1200px;margin:20px auto 60px;padding:0 30px}.customer{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.intro{padding:42px 0}.intro>p:first-child{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:700}h1{font-size:48px;letter-spacing:-2px;line-height:1.13;font-weight:650;margin:24px 0}p{line-height:1.65}.intro>p{max-width:390px;color:#617570}.features{display:flex;flex-direction:column;gap:13px;margin:35px 0;font-size:14px}.note{font-size:12px;color:#657c76;line-height:1.7;max-width:360px;border-left:3px solid #c6e3d7;padding-left:16px}.chat{background:#fff;border:1px solid #d5e6df;box-shadow:0 15px 50px #163d2610;border-radius:22px;overflow:hidden}.chat-head{display:flex;gap:12px;align-items:center;background:var(--green);color:white;padding:22px}.chat-head small{display:block;margin-top:5px;color:#cce5dc;font-size:12px}.avatar{width:44px;height:44px;display:grid;place-items:center;background:#ffffff20;border-radius:50%;font-size:23px;font-weight:800}.filters{display:flex;gap:10px;padding:16px 20px;border-bottom:1px solid #e1ede7}.filters label{flex:1;font-size:11px;color:#4e7064}.filters input,.filters select{width:100%;border:1px solid #cbded5;border-radius:8px;padding:8px;background:#fff;color:#314e40;margin-top:5px}#messages{height:310px;overflow-y:auto;padding:20px;background:#eaf3ed;display:flex;flex-direction:column;gap:14px}.bubble{max-width:90%;padding:13px 16px;border-radius:14px;white-space:pre-wrap;font-size:14px;line-height:1.5;background:white;box-shadow:0 2px 5px #214b2310}.bubble.user{align-self:flex-end;background:#c3efda}.bubble.system{font-size:12px;background:#fff8df;color:#75612e}#choices{padding:12px 20px;display:flex;flex-direction:column;gap:7px;max-height:210px;overflow-y:auto}button{cursor:pointer;background:var(--green);color:white;border:0;border-radius:9px;padding:12px 15px;font:inherit;font-size:13px}button:disabled{opacity:.5;cursor:wait}#choices button,.secondary{background:#f0f9f5;color:var(--green);border:1px solid #b7dacc;text-align:left}#form{display:flex;gap:9px;padding:15px 20px 6px}#message{min-width:0;flex:1;border:1px solid #bfd4c8;border-radius:9px;padding:12px;font:inherit;font-size:14px}.privacy,#connection{font-size:10px;color:#6c8178;margin:10px 20px 16px;line-height:1.6}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#payment{padding:18px 20px;border-top:1px solid #d7e7de;background:#fafdfb}h2{font-size:17px}#payment p,#payment label{font-size:12px}#timer{font-weight:bold;color:#866223}#channels{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:11px}#channels>div{border:1px solid #d7e7de;border-radius:8px;padding:9px;overflow-wrap:anywhere}#channels strong{display:block;margin-bottom:4px}#receipt{width:100%;margin:10px 0}#payment button{margin:4px 2px}.warning{color:#926d2d}.staff{max-width:1200px}.staff-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:20px}.staff-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.card{background:#fff;border:1px solid #d9e6df;padding:20px;border-radius:16px;margin-bottom:14px}.card p{font-size:13px;margin:8px 0}.card button{margin-right:6px}.card .receipt-image{max-width:100%;max-height:340px;display:block;margin-top:15px;border:1px solid #ddd}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid #dbe6e0;border-top:1px solid #dbe6e0;background:white}.calendar>div{border-bottom:1px solid #dbe6e0;border-right:1px solid #dbe6e0;min-height:90px;padding:5px;font-size:12px;overflow:hidden}.calendar>.weekday{min-height:26px;background:#eff6f2;text-align:center}.event{display:block;background:#00b69c;color:white;font-size:10px;line-height:1.4;padding:4px;border-radius:3px;margin-top:4px;overflow-wrap:anywhere}.muted{background:#fafcfb;color:#a0ada7}.card .status{display:inline-block;padding:4px 8px;border-radius:10px;background:#edf6f0;font-size:11px}.staff h1{font-size:32px}.staff .note{max-width:none;margin-bottom:18px}@media(max-width:850px){header{padding:18px}.customer,.staff-columns{grid-template-columns:1fr;gap:15px}main{padding:0 16px;margin-top:0}.intro{padding:15px 4px}.intro h1{font-size:35px;margin:16px 0}.features{flex-direction:row;flex-wrap:wrap;gap:12px;margin:18px 0}.note{max-width:none}.chat{margin-bottom:20px}#messages{height:300px}.badge{max-width:180px;text-align:center;font-size:9px}.calendar>div{min-height:90px;font-size:10px}.event{font-size:9px}}@media(prefers-reduced-motion:no-preference){button:hover{filter:brightness(.94)}}