*{box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#20352a;background:#f4f7f2}body{margin:0;background:radial-gradient(circle at top right,#e5eee3 0,transparent 35%),#f4f7f2}.app{max-width:1450px;margin:auto;padding:22px}header{background:linear-gradient(120deg,#153c2b,#286344);color:#fff;padding:23px 26px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 8px 25px #153c2b20}.brand{display:flex;align-items:center;gap:14px}.brandmark{width:52px;height:52px;border:2px solid #e5c77f;border-radius:15px;display:grid;place-items:center;font-weight:900;font-size:19px;color:#f4d99b;background:#ffffff12}h1{font-size:23px;margin:0;letter-spacing:1px}header small{color:#d6e8d9}.connection{font-size:12px;display:flex;align-items:center;gap:7px;color:#e4efdf}nav{display:flex;gap:9px;margin:20px 0;flex-wrap:wrap}button{font:inherit;cursor:pointer;border:0;border-radius:11px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s ease}button:hover{transform:translateY(-1px);filter:brightness(.97)}nav button{background:#fff;color:#365040;border:1px solid #e0e8df;flex:1;min-width:115px;font-weight:650;box-shadow:0 2px 7px #17351a08}nav button.active{background:#214a35;color:#fff;border-color:#214a35}.panel,.ticket,.stat{background:#fff;border:1px solid #e4eae2;border-radius:17px;padding:20px;box-shadow:0 4px 16px #17351a08}.layout{display:grid;grid-template-columns:1fr 1fr;gap:17px}h2{font-size:19px;margin:0 0 16px;display:flex;align-items:center;gap:9px;color:#214a35}h3{color:#214a35}label{display:block;font-size:13px;font-weight:700;margin:13px 0 7px;color:#405648}input,select,textarea{width:100%;padding:12px 13px;border:1px solid #dce5db;border-radius:11px;background:#fbfdfb;color:#20352a;font:inherit;outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:#43865b;box-shadow:0 0 0 3px #43865b18;background:#fff}textarea{min-height:75px;resize:vertical}.primary,.success{background:linear-gradient(120deg,#214a35,#32724c);color:#fff;font-weight:700}.secondary{background:#eaf1e9;color:#214a35;font-weight:650}.full{width:100%;margin-top:13px}.danger{background:#fff0ee;color:#b43d32}.seg{display:flex;background:#edf2ec;border-radius:12px;padding:5px;gap:4px}.seg button{flex:1;background:transparent}.seg button.chosen{background:#fff;box-shadow:0 2px 7px #00000012;color:#214a35;font-weight:750}.cartrow,.menuline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #edf1ec}.cartrow small,.menuline small{display:block;color:#738078;font-size:12px;margin-top:5px}.qty{display:flex;align-items:center;gap:9px}.qty button{background:#edf2ec;padding:6px 11px;color:#214a35;font-weight:800}.total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e6ebe5;margin-top:15px;padding-top:15px;font-size:17px}.total b{font-size:23px;color:#214a35}.hint,.muted{font-size:12px;color:#748078;line-height:1.6}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.sectionhead h2{margin-bottom:4px}.pill{background:#e9f1e9;color:#214a35;border-radius:30px;padding:7px 12px;font-size:12px;font-weight:700}.tickets{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:15px}.ticket{transition:.2s ease}.ticket:hover{box-shadow:0 8px 22px #17351a12;transform:translateY(-2px)}.tickethead{display:flex;justify-content:space-between;align-items:center;gap:8px}.ticket h3{margin:13px 0 4px}.ticket small{color:#738078}.status{font-size:11px;border-radius:30px;padding:6px 10px;background:#fff0d8;color:#8b5b0a;font-weight:700}.status.preparando{background:#e5efff;color:#245b9a}.status.listo{background:#e2f4e5;color:#226a36}.ticketitem{padding:11px 0;border-bottom:1px solid #edf0ec;display:flex;justify-content:space-between;gap:8px}.ticketitem small{display:block}.ready{color:#26743a;font-weight:700;padding:13px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:17px 0}.stat{border-top:3px solid #43865b}.stat small{display:block;color:#758078;font-weight:600}.stat b{display:block;font-size:25px;margin-top:10px;color:#214a35}.paybuttons{display:flex;gap:9px;margin-top:13px}.paybuttons button{flex:1}.formgrid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:9px}.message{margin:12px 0;background:#e5f4e8;color:#205c31;padding:13px;border-radius:11px;display:flex;justify-content:space-between;align-items:center}.message button{padding:0 7px;background:transparent}footer{color:#78837b;font-size:11px;text-align:center;padding:25px}footer button{font-size:11px;background:transparent;color:#214a35;padding:3px}@media(max-width:720px){.app{padding:10px}header{padding:15px;flex-wrap:wrap}h1{font-size:18px}.layout{grid-template-columns:1fr}.stats,.formgrid{grid-template-columns:1fr 1fr}.formgrid input:first-child{grid-column:span 2}.paybuttons{flex-direction:column}nav button{min-width:95px}}
