@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700;800&display=swap";:root{--ink: #102f4a;--mist: #f5f4ef;--aqua: #1f7a8c;--mint: #2ca58d;--rose: #b9375e;--brand-brown: #6f4e37;--brand-brown-dark: #553826;--brand-brown-soft: #b18a6d}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--ink);font-family:Manrope,Segoe UI,sans-serif;background:radial-gradient(circle at 8% 12%,rgba(248,206,218,.62),transparent 36%),radial-gradient(circle at 88% 20%,rgba(178,226,228,.72),transparent 40%),radial-gradient(circle at 80% 78%,rgba(212,235,222,.75),transparent 35%),linear-gradient(165deg,#fffdf9,#f2f7f7 55%,#eef1fa);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.52) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.52) 1px,transparent 1px);background-size:26px 26px;opacity:.38;z-index:0}#root{min-height:100vh;animation:fadeUp .38s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.shell{width:min(1160px,92vw);margin:2rem auto 4rem;position:relative;z-index:1}.dashboard-shell{display:grid;gap:1rem}.system-brand-logo{position:fixed;top:20px;left:24px;width:120px;height:auto;z-index:2;opacity:.92;pointer-events:none}.card{background:linear-gradient(145deg,#ffffffdb,#ffffffa8);border:1px solid rgba(16,38,61,.14);border-radius:20px;padding:1.1rem 1.2rem;box-shadow:0 16px 45px #0b1d3021;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.login-hero{margin-bottom:1rem;max-width:620px}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(320px,.9fr);gap:1.25rem;align-items:center}.shell.login-shell{margin:0 auto}.login-shell:before{content:"";position:fixed;inset:0;background:radial-gradient(1200px 600px at 8% 8%,rgba(251,211,229,.58),transparent 65%),radial-gradient(900px 500px at 94% 14%,rgba(255,229,238,.52),transparent 62%),linear-gradient(130deg,#fff3f9e0,#ffecf5e6);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-2;pointer-events:none}.login-shell:after{content:"";position:fixed;inset:0;background:url(/weyba-ticket-floral1.png) 8% center / contain no-repeat;opacity:.36;z-index:-1;pointer-events:none}.login-hero h1,.topbar h1{font-family:Playfair Display,Georgia,serif;margin:.2rem 0;line-height:1.1;letter-spacing:.3px}.login-hero h1{font-size:clamp(2rem,5vw,3rem);color:#20314a}.login-subtitle{margin:.25rem 0 0;color:#4f6078;font-size:clamp(1rem,1.8vw,1.2rem);letter-spacing:.04em;font-weight:600}.login-card{max-width:420px;width:100%;margin-left:auto;background:linear-gradient(158deg,#ffffffed,#fff8fcdb);border:1px solid rgba(171,130,148,.22);box-shadow:0 22px 48px #31192724}.login-card h2{margin-bottom:.7rem;font-size:1.3rem}.login-card .btn-primary{margin-top:.2rem;background:linear-gradient(135deg,#2d8a88,#1f7a8c)}.password-input-wrap{position:relative;display:block}.password-input-wrap input{width:100%;padding-right:2.4rem}.password-toggle-btn{position:absolute;top:1px;bottom:1px;right:1px;width:2.2rem;border-radius:0 12px 12px 0;border:none;background:transparent;color:#49617a;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.password-toggle-btn svg{width:1rem;height:1rem}.topbar h1{font-size:clamp(1.35rem,3vw,2rem)}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.73rem;font-weight:700;color:#2a6a6d}.soft{margin:.2rem 0 0;color:#3d5268;opacity:.9}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.topbar-brand{display:grid;gap:.2rem}.topbar-meta-row{display:flex;align-items:center}.topbar-system-badge{display:inline-flex;align-items:center;border:1px solid rgba(23,89,98,.24);background:#1c7b8617;color:#1a646a;border-radius:999px;padding:.2rem .56rem;text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;font-weight:800}.topbar-userline{margin:0;display:inline-flex;align-items:center;gap:.4rem;color:#475d72;font-size:.92rem;font-weight:600}.topbar-dot{opacity:.7}.topbar-role-chip{display:inline-flex;align-items:center;border:1px solid rgba(22,67,102,.24);background:#ffffffc7;color:#1d4564;border-radius:999px;padding:.12rem .5rem;font-size:.74rem;font-weight:800;letter-spacing:.02em;text-transform:capitalize}.topbar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;justify-content:flex-end}.topnav{display:flex;gap:.45rem;flex-wrap:wrap}.nav-btn{border:1px solid rgba(22,67,102,.24);background:#ffffffbf;color:#173d5c;border-radius:10px;padding:.42rem .66rem;font-size:.8rem;font-weight:700;cursor:pointer}.nav-btn.active{background:linear-gradient(135deg,#1f7a8c,#2ca58d);color:#fff;border-color:#166270}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.7rem}.section-head h2,.card h2,.card h3,.card h4{margin:0;color:#0e2942}.section-head p{margin:0;color:#2f4860;font-size:.9rem}.section-head-actions{display:flex;align-items:center;gap:.5rem}.form-grid{display:grid;gap:.75rem}label{display:grid;gap:.35rem;color:#16364f;font-weight:600;font-size:.87rem}input,select{border:1px solid rgba(23,56,81,.24);background:#ffffffe0;border-radius:12px;padding:.64rem .7rem;color:#102d47;font:inherit;outline:none;transition:border-color .14s ease,box-shadow .14s ease}input:focus,select:focus{border-color:#1f7a8c;box-shadow:0 0 0 3px #1f7a8c2e}.btn{border:none;border-radius:12px;padding:.62rem .95rem;font-weight:700;cursor:pointer;transition:transform .1s ease,filter .12s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.02)}.btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#1f7a8c,#2ca58d);color:#fff}.btn-outline{background:#ffffffb8;border:1px solid rgba(22,67,102,.28);color:#163d5c}.btn-danger{background:linear-gradient(135deg,#b9375e,#d45d79);color:#fff}.btn.small{font-size:.78rem;padding:.32rem .58rem;border-radius:10px}.msg{margin:0;border-radius:14px;padding:.72rem .9rem;font-weight:600}.msg-error{background:#b9375e1f;color:#7f1d39;border:1px solid rgba(185,55,94,.3)}.msg-success{background:#2ca58d21;color:#1b695d;border:1px solid rgba(44,165,141,.34)}.list-wrap{display:grid;gap:.45rem;max-height:290px;overflow:auto;padding-right:.35rem}.live-ticket-search{margin-bottom:.6rem}.report-payments-search{margin-bottom:.65rem}.list-item-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.42rem;align-items:center}.list-item{width:100%;border:1px solid rgba(17,56,87,.22);border-radius:14px;background:#ffffffd1;padding:.62rem .7rem;color:#153550;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.ticket-view-btn{min-width:64px}.ticket-view-btn svg{width:1rem;height:1rem}.static-item{cursor:default}.list-item>div{display:grid;text-align:left;gap:.2rem}.list-item span{font-size:.81rem}.list-item.is-active{border-color:#0c5269;background:linear-gradient(135deg,#1f7a8c2e,#2ca58d3d);box-shadow:0 0 0 3px #1f7a8c2e,0 10px 24px #135b673d;position:relative}.list-item.is-active:before{content:"OPEN";position:absolute;left:.7rem;top:-.45rem;background:#0c5269;color:#fff;border-radius:10px;font-size:.62rem;font-weight:800;letter-spacing:.08em;padding:.18rem .4rem}.status{border-radius:99px;font-size:.7rem;padding:.22rem .54rem;font-weight:700;color:#fff}.status-open{background:#2ca58d}.status-closing{background:#f4a259}.status-closed{background:#5f7b94}.status-void{background:#b9375e}.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:.55rem}.service-search-label{margin-bottom:.8rem}.service-tile{position:relative;padding:.7rem;border-radius:14px;border:1px solid rgba(19,58,86,.2);background:linear-gradient(180deg,#ffffffeb,#e9f6f7b8)}.service-edit-btn{position:absolute;top:.42rem;right:.42rem;width:28px;height:28px;border:1px solid rgba(22,67,102,.25);border-radius:8px;background:#ffffffdb;color:#1c4a69;font-size:.95rem;font-weight:800;line-height:1;display:grid;place-items:center;cursor:pointer}.service-edit-btn:hover{background:#6f4e371f}.service-edit-btn svg{width:.95rem;height:.95rem}.service-tile h3{font-size:.88rem;margin:0 0 .2rem}.service-tile p{margin:0 0 .18rem;color:#3a5a75;font-size:.76rem}.service-tile strong{color:#0f4259;font-size:.85rem}.studio-grid{display:grid;grid-template-columns:1.25fr .95fr;gap:1rem}.studio-actions{margin-bottom:.85rem;display:flex;justify-content:flex-end}.studio-actions.under-items{margin-top:1.25rem;margin-bottom:0;justify-content:flex-start;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.ticket-context{margin-bottom:.75rem;padding:.7rem .85rem;border:1px solid #d8e1e8;background:#f8fbfe}.ticket-context p{margin:.2rem 0;font-size:.9rem;color:#27435b}.ticket-request-editor{display:flex;align-items:flex-end;gap:.45rem;flex-wrap:wrap}.ticket-request-editor label{display:grid;gap:.3rem;min-width:320px}.ticket-request-editor input{min-height:40px}.form-inline{display:grid;grid-template-columns:450px 110px auto;gap:.55rem;margin-bottom:.8rem;align-items:start}.ticket-item-form{grid-template-columns:430px 72px 96px;gap:.14rem;width:fit-content;max-width:100%}.ticket-item-form>button{width:96px}.service-combobox{position:relative;width:100%}.powered-by{text-align:center;margin-top:.25rem;color:#3d5268;font-size:.82rem}.powered-by a{color:#1d5f86;font-weight:700;text-decoration:none}.powered-by a:hover{text-decoration:underline}.service-combobox input{width:100%;font-size:.95rem;padding:.72rem .78rem;min-height:44px}.service-combobox input::placeholder{font-size:.9rem;color:#5c6f82;opacity:1}.service-combobox-menu{position:absolute;top:calc(100% + 6px);left:0;right:auto;min-width:100%;width:max-content;max-width:min(760px,92vw);z-index:30;background:#fff;border:1px solid rgba(64,45,33,.28);border-radius:12px;box-shadow:0 12px 30px #281c142e;max-height:240px;overflow-y:auto;padding:.2rem}.service-combobox-option{width:100%;border:none;border-radius:9px;padding:.52rem .6rem;background:transparent;color:#2f3f52;display:block;text-align:left;cursor:pointer}.service-combobox-option:hover{background:#6f4e371f}.service-combobox-option span{display:block;min-width:max-content;font-weight:600;text-align:left;white-space:nowrap;overflow:visible}.service-combobox-empty{margin:0;padding:.55rem;color:#5b6674;font-size:.85rem}.customer-combobox{position:relative;width:100%}.customer-combobox input{width:100%}.customer-combobox-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;background:#fff;border:1px solid rgba(64,45,33,.28);border-radius:12px;box-shadow:0 12px 30px #281c142e;max-height:240px;overflow-y:auto;padding:.2rem}.customer-combobox-option{width:100%;border:none;border-radius:9px;padding:.52rem .6rem;background:transparent;color:#2f3f52;display:block;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.customer-combobox-option:hover{background:#6f4e371f}.customer-combobox-empty{margin:0;padding:.55rem;color:#5b6674;font-size:.85rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.52rem .44rem;border-bottom:1px solid rgba(21,64,95,.18)}.report-clickable-row{cursor:pointer;transition:background-color .12s ease}.report-clickable-row:hover{background:#6f4e371a}.report-row-unpaid td{background:#ffe8b773;border-bottom-color:#a770254d}.report-row-unpaid:hover td{background:#ffdf9694}.report-status-cell{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.report-unpaid-chip{display:inline-block;border:1px solid rgba(140,83,19,.45);background:#fffae0f2;color:#8c5313;border-radius:999px;padding:.12rem .45rem;font-size:.66rem;font-weight:800;letter-spacing:.06em}.report-close-btn{min-width:30px;padding:.2rem .45rem;border-color:#af3b5b73;color:#8a2646}.report-close-btn:hover{background:#b9375e24}.report-close-btn svg{width:.92rem;height:.92rem}.report-detail-row td{background:#6f4e371a}.report-detail-box{border:1px solid rgba(111,78,55,.35);border-radius:12px;padding:.65rem .75rem;background:#fcf7f2eb}.report-detail-box strong{display:block;margin-bottom:.45rem;color:#553826}.detail-table{width:100%;border-collapse:collapse;margin-top:.25rem}.detail-table th,.detail-table td{padding:.4rem .35rem;border-bottom:1px solid rgba(21,64,95,.14)}.split-allocation-box{margin:.35rem 0 .65rem;padding:.55rem .6rem;border:1px dashed rgba(111,78,55,.35);border-radius:10px;background:#ffffffb3}.split-allocation-box h4{margin:0 0 .35rem;font-size:.86rem;color:#553826}.split-inline-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.split-inline-row span{display:block;border:1px solid rgba(111,78,55,.2);border-radius:8px;padding:.28rem .36rem;background:#ffffffd9;font-size:.77rem;font-weight:700;color:#27435b}.split-total-line{margin:.45rem 0 0;font-size:.84rem;color:#23445e}th{color:#0e2b45;font-size:.77rem;text-transform:uppercase;letter-spacing:.06em}.is-removed{opacity:.55}.check{display:flex;align-items:center;gap:.5rem;font-size:.84rem}.check input{width:16px;height:16px}.field-hint{margin:-.25rem 0 .1rem;font-size:.8rem}.field-hint.field-error{color:#8a2646;font-weight:700}.field-hint.field-lock{color:#5b4a1f;font-weight:700}.split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.totals{margin-top:.75rem}.totals h4{margin-bottom:.55rem}.totals>div{display:flex;justify-content:space-between;align-items:center;padding:.24rem 0;color:#14364f}.totals>div:first-of-type span,.totals>div:first-of-type strong{font-size:1.05rem;font-weight:800}.totals>div.subtotal-strong span,.totals>div.subtotal-strong strong{font-size:1.05rem;font-weight:800}.totals .balance{margin-top:.35rem;border-top:1px dashed rgba(20,54,79,.25);padding-top:.5rem;color:#0d5f57;font-weight:700}.login-card{max-width:430px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.dashboard-grid .card:last-child{grid-column:1 / -1}.metric p{margin:0;color:#3c5671;font-weight:700}.metric strong{display:block;margin-top:.3rem;font-size:1.8rem;color:#0d3550}.reports-grid{display:grid;gap:1rem}.report-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;align-items:end}.modal-overlay{position:fixed;inset:0;z-index:110;background:#0c19247a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:1rem}.modal-card{width:min(560px,100%);max-height:min(90vh,760px);overflow:auto;background:#fff;border:1px solid rgba(17,56,87,.24);border-radius:16px;padding:1rem;box-shadow:0 16px 42px #081e334d}.service-report-panel{margin-top:1rem;border:1px solid rgba(17,56,87,.2);background:linear-gradient(180deg,#fffffff5,#f2f8fae6)}.service-report-filters{margin-bottom:.8rem}.service-report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-bottom:.75rem}.service-report-metric{border:1px solid rgba(18,58,88,.2);border-radius:12px;padding:.62rem .7rem;background:#ffffffd1}.service-report-metric span{display:block;color:#43617c;font-size:.8rem}.service-report-metric strong{display:block;margin-top:.18rem;font-size:1.1rem}.service-report-metric.total strong{color:#1d4868}.service-report-metric.paid strong{color:#1e7a63}.service-report-metric.unpaid strong{color:#9b6322}.service-report-metric.void strong{color:#8a2e53}.service-report-row-unpaid td{background:#ffebc173}.service-report-row-void td{background:#f5d6e56b}.report-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.report-metrics>div{border:1px solid rgba(18,58,88,.2);border-radius:14px;padding:.8rem;background:#ffffffbf}.report-metrics span{color:#3d5872;font-size:.82rem}.report-metrics strong{display:block;margin-top:.2rem;font-size:1.25rem;color:#0e2f4a}.drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.drawer-stats p{margin:0 0 .42rem;color:#23445f}.drawer-form{max-width:380px}.method-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem}.cashup-main-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:.8rem}.cashup-main-tile{border:1px solid rgba(16,87,79,.24);border-radius:14px;padding:.85rem .9rem;background:#2ca58d1f}.cashup-main-tile.unpaid{border-color:#b15d2247;background:#f4a25924}.cashup-main-tile span{font-size:.8rem;color:#234561;font-weight:700}.cashup-main-tile strong{display:block;margin-top:.2rem;font-size:1.35rem;color:#0e2f4a}.method-tile{border:1px solid rgba(17,58,89,.2);border-radius:12px;padding:.68rem;background:#ffffffc7;display:grid;gap:.25rem}.method-tile span{font-size:.73rem;color:#31516c;font-weight:700}.method-tile strong{color:#0e2f4a}.method-grid.method-grid-sub{gap:.5rem}.method-grid.method-grid-sub .method-tile{padding:.52rem;border-radius:10px}.method-grid.method-grid-sub .method-tile span{font-size:.68rem}.method-grid.method-grid-sub .method-tile strong{font-size:.92rem}.method-tile.total-tile{border-color:#10574f59;background:#2ca58d24}.report-note{margin:.7rem 0 0;font-size:.82rem;color:#3f5e77;font-weight:600}.section-head-actions{display:flex;align-items:center;gap:.65rem}.inline-select{display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;color:#35526b}.inline-select select{padding:.35rem .45rem;border-radius:10px}.tickets-mode-switch{display:grid;gap:.2rem;font-size:.78rem;font-weight:700;color:#28435a}.tickets-mode-bar{display:flex;justify-content:flex-start;margin:-.25rem 0 .55rem}.tickets-mode-switch .switch-wrap{display:flex;align-items:center;gap:.45rem}.tickets-mode-switch .switch-label{font-size:.72rem;color:#6f879d;font-weight:600;padding:.16rem .4rem;border-radius:999px;border:1px solid rgba(86,113,138,.14);background:#56718a14;opacity:.58}.tickets-mode-switch .switch-label.active{color:#143f5a;background:#2ca58d38;border-color:#16705f7a;font-weight:800;opacity:1;box-shadow:0 0 0 2px #2ca58d26}.tickets-mode-switch .switch-input{appearance:none;-webkit-appearance:none;width:42px;height:22px;border-radius:999px;background:#1f7a8c40;border:1px solid rgba(17,56,87,.25);position:relative;cursor:pointer;transition:background-color .12s ease}.tickets-mode-switch .switch-input:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .14s ease}.tickets-mode-switch .switch-input:checked{background:#2ca58d80;border-color:#16705f80}.tickets-mode-switch .switch-input:checked:after{transform:translate(20px)}.pagination-row{margin-top:.75rem;display:flex;align-items:center;justify-content:flex-end;gap:.55rem}.btn-pagination-brown{background:linear-gradient(135deg,#7a5236,#a5724f);border:1px solid #5e3d29;color:#fff}@media(max-width:980px){.grid-two,.studio-grid,.dashboard-grid,.report-filters,.report-metrics,.method-grid,.cashup-main-grid,.drawer-grid{grid-template-columns:1fr}.form-inline{grid-template-columns:minmax(0,1fr) 110px auto}.ticket-item-form{grid-template-columns:minmax(0,1fr) 62px 96px;gap:.28rem;width:100%}.topbar{flex-direction:column;align-items:flex-start}.system-brand-logo{display:none}.login-shell{grid-template-columns:1fr;min-height:auto;align-items:start}.login-card{margin-left:0;max-width:100%}.dashboard-grid .card:last-child{grid-column:auto}}@media(max-width:640px){.shell{width:min(1180px,94vw);margin:1.2rem auto 2rem}.form-inline{grid-template-columns:1fr}.topbar-actions{width:100%;display:flex;flex-direction:column;align-items:stretch}.topnav{width:100%;display:grid;grid-template-columns:1fr 1fr}.nav-btn{width:100%}}