@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Outfit:wght@500;600;700&display=swap');
.order-reception{width:100%;max-width:1320px;margin:0 auto;padding:32px}.reception-heading{max-width:1320px;margin-left:auto;margin-right:auto}.reception-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.reception-grid h2{padding-bottom:10px;border-bottom:1px solid var(--line);margin-top:8px}.reception-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:#f7faf8;border:1px solid var(--line);border-radius:10px;padding:16px}.reception-services .check{display:flex;align-items:center;gap:10px;padding:11px 12px;background:#fff;border:1px solid var(--line);border-radius:8px;line-height:1.35}.reception-services .check input{order:3;width:auto;min-width:16px;height:16px;margin:0 0 0 auto;flex:0 0 auto}.reception-services .check b{order:1;white-space:nowrap}.reception-services .check .service-rate{order:2}.service-rate{color:var(--muted);font-size:13px}@media(max-width:1100px){.reception-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.order-reception{padding:20px}.reception-grid,.reception-services{grid-template-columns:1fr}}
.matrix-readonly input,.matrix-readonly textarea{pointer-events:none;border:0;background:transparent;padding:0;color:var(--ink)}.matrix-readonly input[type="checkbox"]{accent-color:#74827c}.matrix-readonly label{gap:3px}
.matrix-editor table{table-layout:fixed;min-width:980px}.matrix-editor th:first-child,.matrix-editor td:first-child{min-width:250px;width:250px}.matrix-editor th,.matrix-editor td{vertical-align:top;padding:14px 10px}.matrix-editor label{font-size:11px;gap:4px;margin-bottom:8px}.matrix-editor input,.matrix-editor textarea{padding:7px 8px;font-size:13px}.matrix-editor textarea{min-height:54px}.matrix-editor input[type="checkbox"]{width:auto;transform:scale(1.05);margin-right:5px}.matrix-editor .check{display:flex;align-items:center;gap:4px}.matrix-editor td label:last-child{margin-bottom:0}.matrix-editor button{margin-top:18px}
.reception-service-table{border:1px solid var(--line);border-radius:10px}.reception-service-table table{min-width:760px}.reception-service-table th,.reception-service-table td{vertical-align:middle;padding:13px 14px}.reception-service-table th:nth-child(1){width:23%}.reception-service-table th:nth-child(2){width:37%}.reception-service-table th:nth-child(3),.reception-service-table th:nth-child(4){width:15%;white-space:nowrap}.reception-service-table th:last-child,.reception-service-table td:last-child{text-align:center;width:10%}.reception-service-table td:nth-child(2){color:var(--muted);font-size:13px}.service-price,.service-duration{font-weight:700;color:var(--ink);white-space:nowrap}.service-price{color:var(--green)}.table-check{display:inline-flex;align-items:center;margin:0}.table-check input{width:18px;height:18px;accent-color:var(--green);cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.payment-method-form{grid-template-columns:1fr 1.3fr 1.8fr auto auto;align-items:end;margin:18px 0}.payment-method-form label{min-width:0}.payment-method-form .check{display:flex;align-items:center;gap:7px;padding-bottom:10px}.payment-method-form .check input{width:18px;height:18px}.payment-methods-table input{min-width:150px}.payment-methods-table td{vertical-align:middle}.payment-methods-table .check{display:flex;justify-content:center;margin:0}.payment-methods-table .check input{width:18px;height:18px}@media(max-width:900px){.payment-method-form{grid-template-columns:1fr 1fr}.payment-method-form button{width:max-content}}
:root{--ink:#14221f;--muted:#64736e;--paper:#f5f7f5;--line:#dbe3df;--green:#0c765b;--mint:#dff5e9;--amber:#f6b44a;--red:#b53636}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:240px;background:#102b24;color:#eaf3ef;padding:29px 18px;display:flex;flex-direction:column}.brand{color:#fff;text-decoration:none;font:600 21px Outfit}.brand b{color:#69d39d}.tenant{font-size:12px;color:#9cbcb0;border-bottom:1px solid #315047;padding-bottom:20px}nav{display:grid;gap:5px;margin-top:12px}nav a,.link{padding:10px 12px;border-radius:8px;color:#dbeae4;text-decoration:none;background:transparent;border:0;text-align:left;font:inherit;cursor:pointer}nav a:hover,.link:hover{background:#23443a}.link{margin-top:auto}main{margin-left:240px;min-height:100vh;padding:38px;max-width:1440px}.auth{margin:0;display:grid;place-items:center;padding:24px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 2px 8px #17382a08}h1,h2,h3{font-family:Outfit;margin:0 0 12px}h1{font-size:28px}h2{font-size:19px}h3{font-size:16px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.heading p{color:var(--muted);margin:0}.primary,.button{background:var(--green);color:#fff;border:0;padding:11px 16px;border-radius:8px;font:700 14px 'DM Sans';cursor:pointer;text-decoration:none;display:inline-block}.primary:hover{background:#075d47}form{display:grid;gap:14px}label{display:grid;gap:6px;font-size:13px;font-weight:700;color:#3f514b}input,select,textarea{width:100%;border:1px solid #bccbc4;border-radius:7px;padding:10px;font:inherit;background:#fff;color:var(--ink)}textarea{min-height:78px;resize:vertical}.login{width:min(420px,100%)}.login h1{font-size:31px}.login p{color:var(--muted);margin:0 0 24px}.login small{color:var(--muted);margin-top:16px}.setup{width:min(740px,100%);margin:auto}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:1/-1}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.metric span{color:var(--muted);display:block;font-size:13px}.metric b{font:700 27px Outfit;display:block;margin-top:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line);font-size:14px}th{font-size:12px;color:var(--muted);text-transform:uppercase}a{color:var(--green)}.row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.row span{color:var(--muted);font-size:14px}.status{font-weight:700;font-size:11px;padding:5px 8px;border-radius:20px;background:#e8ecea;color:#3f514b}.status.en_proceso,.status.recibido,.status.en_cola{background:#deefff;color:#135982}.status.listo,.status.entregado{background:var(--mint);color:#096143}.status.reproceso,.status.pausado,.status.cancelado{background:#ffebd0;color:#8f5500}.filters{display:flex;gap:7px;flex-wrap:wrap;margin:-8px 0 16px}.filters a{background:#e7eeea;text-decoration:none;color:#365148;border-radius:99px;padding:7px 10px;font-size:12px}.check{display:block}.service-list{display:grid;gap:8px}.inline-form{grid-template-columns:1fr 1fr 1fr auto;margin-top:15px}.event{border-left:3px solid #75bfa0;padding:3px 0 3px 12px;margin:13px 0;display:grid}.event span,.event small{font-size:12px;color:var(--muted)}.flash{border-radius:8px;padding:12px 15px;margin-bottom:18px;background:#e2f7eb;color:#075d47}.flash.error{background:#ffe3e3;color:#932626}.tracking{max-width:560px;margin:8vh auto;text-align:center}.tracking .eyebrow{font-size:11px;letter-spacing:1.5px;color:var(--green);font-weight:bold}.plate{font:700 28px Outfit;letter-spacing:3px;background:#f0f3f2;border-radius:8px;padding:10px;margin:20px auto;width:max-content}.progress{height:10px;background:#e8edeb;border-radius:99px;overflow:hidden;margin:25px 0 10px}.progress span{display:block;height:100%;background:var(--green);border-radius:99px}@media(max-width:780px){aside{position:static;width:100%;padding:15px;display:block}.tenant{display:none}nav{display:flex;overflow:auto}.link{margin:0}main{margin:0;padding:20px}.metrics,.grid-two,.form-grid{grid-template-columns:1fr 1fr}.inline-form{grid-template-columns:1fr 1fr}.heading{align-items:flex-start;gap:12px}}@media(max-width:520px){.metrics,.grid-two,.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.heading{display:block}.heading .button{margin-top:10px}.inline-form{grid-template-columns:1fr}}