html,body{margin:0;min-height:100%;font-family:IBM Plex Sans,Segoe UI,sans-serif;background:#f4efe6}*{box-sizing:border-box}button,input,select,textarea{font:inherit}.sales-ticket-modal{display:flex;align-items:flex-start;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 24px max(16px,16px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}.sales-ticket-modal__card{max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:auto 0;overflow-y:auto}.sales-ticket-modal__card--checkout .sales-ticket-modal__actions{position:sticky;bottom:-24px;margin-inline:-24px;margin-bottom:-24px;padding:14px 24px 24px;background:linear-gradient(180deg,#fffdfaeb,#fffdfafc 28%,#fffdfa);border-top:1px solid rgba(215,212,203,.95);box-shadow:0 -12px 24px #17342f14}.page-stack{display:flex;flex-direction:column;gap:20px}.panel-grid{display:grid;gap:18px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card,.panel{background:#fffc;border:1px solid rgba(23,52,47,.08);border-radius:24px;box-shadow:0 18px 40px #40351e17;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.metric-card{padding:20px;display:flex;flex-direction:column;gap:8px}.metric-card__label{font-size:.9rem;color:#6b7280}.metric-card__value{font-size:2rem;line-height:1;color:#111827}.metric-card p,.table-row p,.alert p{margin:0;line-height:1.45}.metric-card--success{background:linear-gradient(180deg,#eafff1f2,#ffffffd9)}.metric-card--warning{background:linear-gradient(180deg,#fff9e2f2,#ffffffd9)}.metric-card--danger{background:linear-gradient(180deg,#ffeeebf2,#ffffffd9)}.panel{padding:22px}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel__head h3{margin:0}.panel__accent,.status-chip{border-radius:999px;font-size:.78rem;font-weight:700}.panel__accent{padding:7px 11px;background:#ebe4d0;color:#53411a}.panel__accent--dark{background:#17342f;color:#f7f5ef}.table-list,.alert-stack{display:flex;flex-direction:column;gap:12px}.table-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:15px 16px;border-radius:18px;background:#f9f7f1;border:1px solid #ece3d3}.status-chip{display:inline-flex;justify-content:center;padding:7px 10px;background:#e5e7eb;color:#374151}.status-chip--success,.alert--success{background:#dcfce7;color:#166534}.status-chip--danger,.alert--danger{background:#fee2e2;color:#b91c1c}.status-chip--info{background:#eee6ff;color:#6335ba}.status-chip--recipe{background:#ccfbf1;color:#0f766e}.alert{padding:16px;border-radius:18px;background:#fff6d8;color:#7c5b1d;border:1px solid #f1df9f}.loading-state{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#fff6d8,#fffaf0);color:#7c5b1d;border:1px solid #f1df9f}.loading-state__spinner{width:22px;height:22px;border-radius:999px;border:3px solid rgba(124,91,29,.18);border-top-color:#8a6c2f;animation:loading-spin .85s linear infinite;flex:0 0 22px}.loading-state__label{margin:0;font-weight:700}@keyframes loading-spin{to{transform:rotate(360deg)}}.status-action,.action-inline{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.action-btn{border:0;border-radius:12px;padding:9px 12px;font-weight:700;cursor:pointer;background:#ebe4d0;color:#53411a}.action-btn:disabled{opacity:.6;cursor:wait}.action-btn--loading{display:inline-flex;align-items:center;justify-content:center;gap:7px}.action-btn__spinner{width:15px;height:15px;flex:0 0 15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:loading-spin .75s linear infinite}.appointment-save{display:inline-flex;align-items:center;justify-content:center;gap:8px}.appointment-save__spinner{width:16px;height:16px;flex:0 0 16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:loading-spin .75s linear infinite}.agenda-tabs{display:flex;gap:8px;padding:6px;border:1px solid #eee3cf;border-radius:16px;background:#fff}.agenda-tabs button{flex:1;border:0;border-radius:11px;padding:12px 18px;background:transparent;color:#68736e;font-weight:800}.agenda-tabs button.active{background:#173f35;color:#fff}.agenda-filters{display:grid;grid-template-columns:repeat(2,minmax(140px,.7fr)) repeat(3,minmax(155px,1fr)) minmax(190px,1.2fr) auto;align-items:end;gap:12px;padding:18px 20px;border:1px solid #eee3cf;border-radius:20px;background:#fff}.agenda-filters select{width:100%;box-sizing:border-box;border:1px solid #d7d4cb;border-radius:14px;padding:12px 14px;background:#fffdfa;color:#17342f;font:inherit}.agenda-results-head{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:4px 4px 0}.agenda-results-head h3,.agenda-results-head p,.resources__head p{margin:0}.agenda-results-head p,.resources__head p{margin-top:4px;color:#68736e}.appointment-date{width:min(210px,24vw);display:grid;gap:5px;text-transform:capitalize}.appointment-date span{color:#176438;font-weight:800}.appointment-timing{width:fit-content;padding:5px 8px;border-radius:999px;background:#e5f3e9;color:#176438;font-size:.76rem;font-style:normal;font-weight:900}.appointment-timing--delayed{background:#fff0ed;color:#a43429;animation:appointment-delay-pulse 1.8s ease-in-out infinite}@keyframes appointment-delay-pulse{50%{opacity:.65}}.resources--tab{min-height:360px}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.resources-grid>button{display:flex;align-items:center;gap:12px;width:100%;margin:0;text-align:left}.appointment-confirm{position:fixed;z-index:51;top:50%;left:50%;width:min(460px,100% - 32px);box-sizing:border-box;transform:translate(-50%,-50%);display:grid;gap:16px;padding:24px;border-radius:22px;background:#fcf9f3;box-shadow:0 24px 80px #10201d4d}.appointment-confirm header span{color:#8a6c2f;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.appointment-confirm h3,.appointment-confirm p{margin:4px 0 0}.appointment-confirm__detail{display:grid;gap:5px;padding:16px;border:1px solid #e7ddca;border-radius:15px;background:#fff}.appointment-confirm__detail span,.appointment-confirm__detail small{color:#68736e}.appointment-confirm__detail>div{display:grid;grid-template-columns:minmax(80px,.7fr) minmax(0,1.3fr);gap:12px;align-items:baseline}.appointment-confirm__detail>div strong{min-width:0;overflow-wrap:anywhere}.appointment-confirm__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.appointment-confirm__danger{border-color:#a33!important;background:#a33!important}@media (max-width: 950px){.agenda-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.agenda-filters{grid-template-columns:1fr}.appointment-date{width:100%}}.action-btn--approve{background:#17342f;color:#f7f5ef}.inventory-picker{display:grid;gap:6px}.inventory-picker__trigger{width:100%;border:1px solid #d7d4cb;border-radius:14px;padding:12px 14px;background:#fffdfa;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.inventory-picker__trigger strong{color:#8a6c2f;font-size:.86rem}.inventory-picker__panel{display:grid;gap:10px;padding:12px;border:1px solid rgba(23,52,47,.1);border-radius:18px;background:#fffdf9;box-shadow:0 18px 40px #11182714}.inventory-picker__list{display:grid;gap:8px;max-height:220px;overflow:auto}.inventory-picker__item{display:grid;gap:4px;padding:10px 12px;border-radius:14px;border:1px solid rgba(23,52,47,.08);background:#fff;text-align:left}.inventory-picker__item small,.inventory-picker__empty{color:#6b7280}.inventory-picker__empty{padding:10px 12px}.movement-row{align-items:center}.movement-row__content{min-width:0;flex:1}.movement-row__meta{display:grid;gap:4px;min-width:170px;text-align:right}.movement-row__meta span{color:#6b7280}@media (max-width: 1100px){.metrics-grid,.two-columns{grid-template-columns:1fr 1fr}}@media (max-width: 860px){.sales-ticket-modal{padding-inline:12px}.sales-ticket-modal__card{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:18px}.sales-ticket-modal__card--checkout .sales-ticket-modal__actions{bottom:-18px;margin-inline:-18px;margin-bottom:-18px;padding:12px 18px 18px}.metrics-grid,.two-columns{grid-template-columns:1fr}.table-row{flex-direction:column}.movement-row__meta{text-align:left;min-width:0}}