*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f4f4ed;color:#19382f;font:16px/1.65 system-ui,-apple-system,'Segoe UI',sans-serif}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:12px;padding:11px 20px;font-weight:650;background:#1a5745;color:#fff}button:hover{filter:brightness(.94)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d37d38;outline-offset:4px}header{min-height:94px;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dadfd2;background:#fafaf5;gap:16px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;direction:ltr;font-size:23px;letter-spacing:-.7px}.brand-icon{background:#1b483b;color:#d5e6a9;border-radius:13px;padding:2px 13px;font-size:32px}.brand strong{font-weight:400;color:#6d7d65}.header-actions{display:flex;align-items:center;gap:12px}.pilot{font-size:12px;color:#637261;background:#eceddf;border-radius:20px;padding:5px 12px}.quiet{background:transparent;color:#315147;padding:7px 12px;border:1px solid #cbd6c7}main{max-width:1220px;margin:42px auto;padding:0 28px;min-height:65vh}h1{font-size:clamp(28px,4vw,43px);line-height:1.3;letter-spacing:-1px;margin:8px 0 12px}h2{font-size:20px;margin:0 0 16px}p{color:#647466}small,.muted{color:#6d7c6c}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1px;color:#688258}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.date{color:#6a7b64;font-size:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.stat,.panel{background:#fffef8;border:1px solid #dde2d3;border-radius:18px;padding:22px}.stat strong{font-size:32px;display:block;line-height:1.3}.stat span{font-size:13px;color:#6f7f6d}.stat:first-child{background:#e7edcf}.workspace{display:grid;grid-template-columns:290px 1fr;gap:24px;align-items:start}.create{position:sticky;top:24px}.create input{width:100%;margin:9px 0 16px}.create button{width:100%}label{display:block;font-size:14px;font-weight:650}input{background:#fff;border:1px solid #c6d2c0;border-radius:11px;padding:12px 14px;color:#19382f;min-width:0}.hint{font-size:13px;line-height:1.8}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tab{background:#e8ecdf;color:#4d6552;border:1px solid transparent;padding:7px 17px;border-radius:30px}.tab.active{background:#193f34;color:white}.orders{display:grid;gap:12px}.order{background:#fffef9;border:1px solid #dbe1d1;border-radius:16px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.order-number{font-size:25px;font-weight:750;overflow-wrap:anywhere}.order-meta{font-size:12px;color:#73806b}.order-actions{display:flex;flex-wrap:wrap;gap:8px}.order-actions button{font-size:13px;padding:8px 13px}.badge{display:inline-block;font-size:12px;border-radius:20px;padding:2px 10px;background:#edf0e2;color:#526449}.badge.ready{background:#dceec3;color:#2b622e}.badge.cancelled{background:#f1e5de;color:#80503a}.empty{text-align:center;padding:60px 20px;background:#eeefe5;border:1px dashed #c6d1b7;border-radius:18px}.empty-symbol{font-size:40px;color:#7b9367}.auth{max-width:460px;margin:65px auto}.auth input,.auth button{width:100%;margin:7px 0 18px}.auth h1{font-size:30px}.auth a{color:#265c48}.customer{max-width:560px;margin:45px auto;text-align:center}.customer .panel{padding:40px 28px}.big-number{font-size:clamp(65px,15vw,110px);font-weight:750;line-height:1.1;margin:28px 0;overflow-wrap:anywhere}.status-icon{width:76px;height:76px;border-radius:50%;background:#e8eddb;display:grid;place-items:center;font-size:34px;margin:auto}.customer.ready .panel{border-color:#a6bd7c;background:#f6fae9}.customer.ready .status-icon{background:#d8e8b1}.customer button{margin:8px}.connection{font-size:12px;color:#75826e;margin:20px 0}.error{color:#a23728;background:#fff0eb;border:1px solid #ecc5b9;padding:10px 14px;border-radius:10px}.notice{background:#e9eedd;padding:14px 18px;border-radius:12px;font-size:13px;color:#4f654a;margin-top:20px}dialog{border:1px solid #cbd8bc;border-radius:22px;padding:24px;max-width:430px;width:90%;background:#fffef8;color:#19382f}dialog::backdrop{background:#102d246b}#ticket-detail{text-align:center}#ticket-detail img{width:100%;max-width:300px;display:block;margin:auto}#ticket-detail a{overflow-wrap:anywhere;color:#2f664b;font-size:13px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#173f33;color:#fff;border-radius:14px;max-width:90%;z-index:20}footer{text-align:center;padding:24px;font-size:12px;color:#7a8671}footer span{padding:0 10px}[hidden]{display:none!important}@media(max-width:800px){header{padding:16px 20px}.pilot{display:none}main{padding:0 18px;margin:28px auto}.workspace{grid-template-columns:1fr}.create{position:static}.stats{grid-template-columns:repeat(2,1fr)}.order{align-items:start;flex-direction:column}.intro{align-items:start}.date{display:none}.stat{padding:16px}.brand{font-size:19px}}

.sound-box{margin:24px 0 12px;padding:20px 16px;border:2px solid #d18b48;border-radius:16px;background:#fff2de}.sound-box p{margin:8px 0}.sound-box button{width:100%;margin:8px 0}.sound-box.sound-enabled{border-color:#8eac65;background:#edf4df}.sound-box #sound-state{font-size:14px;color:#604b30}.sound-box.sound-enabled #sound-state{color:#375d36}