html{scroll-behavior:smooth}body{margin:0}button,input,select{font-family:inherit}*{box-sizing:border-box}.pos-customer{max-width:650px;margin:0 auto;padding:25px;border:1px solid #cbd9ef;border-radius:18px;background:#f7faff;color:#0d2e5b;display:grid;gap:13px}.pos-customer input{padding:13px;border:1px solid #9bb9d9;border-radius:9px;width:100%;box-sizing:border-box}.pos-client-bar,.draft-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px;padding:10px;border-radius:10px;background:#e8f2ff;color:#0c2e5c}.draft-row span{flex:1}.layout .cards article strong{overflow-wrap:anywhere;font-size:clamp(16px,2vw,27px)}.client-modal-backdrop{position:fixed;inset:0;background:#04122cb8;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.client-modal{width:min(100%,600px);max-height:calc(100vh - 32px);overflow-y:auto;border-radius:22px;background:#fff;box-shadow:0 25px 80px #020f2b80;color:#12345e;border:2px solid #d5e5ff}.client-modal-header{display:flex;align-items:center;gap:16px;padding:24px;background:linear-gradient(130deg,#052a60,#1262b7 62%,#278ce1);color:#fff}.client-modal-header h2{margin:0;font-size:clamp(20px,3vw,28px);color:#fff}.client-modal-header p{margin:5px 0 0;color:#d8eaff}.client-modal-symbol{width:55px;height:55px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#ffed91,#ffb720);color:#073469;font-size:34px;box-shadow:inset 0 2px 3px #fff8,0 6px 12px #0004}.client-modal-close{margin-left:auto;background:#ffffff26!important;color:#fff!important;border:1px solid #ffffff6b!important;border-radius:12px!important;font-size:26px!important;min-width:43px}.client-modal-ribbon{background:linear-gradient(90deg,#ffcf35,#ffe993,#ffcf35);color:#624600;padding:10px 24px;font-size:12px;font-weight:900;letter-spacing:1px}.client-modal-body{padding:25px;display:grid;gap:17px}.client-modal-body label{display:grid;gap:8px;font-weight:750}.client-modal-body input{width:100%;border:1px solid #a7c2e7;border-radius:11px;padding:13px;font-size:16px;background:#f8fbff}.client-modal-body input:focus{outline:3px solid #7bb6ff80;border-color:#1974d2}.client-modal-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.client-modal-note{background:#e9f5ff;border-left:5px solid #2987df;padding:14px;border-radius:9px;font-size:14px}.client-modal-error{background:#fff0f0;color:#9d1c1c;padding:12px;border-radius:9px}.client-modal-actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #dce6f4;padding-top:18px}.client-modal-actions button{padding:12px 20px;border-radius:10px}.pos-customer.pos-customer-color{padding:0;overflow:hidden;max-width:800px;background:linear-gradient(150deg,#f5faff,#e9f4ff);border:1px solid #9ac8ff;box-shadow:0 12px 30px #113f781a;gap:15px}.pos-customer-color>.pos-hero{display:flex;gap:17px;align-items:center;padding:22px 26px;background:linear-gradient(120deg,#062e67,#146fc4);color:#fff}.pos-hero h3{color:#fff;margin:0;font-size:27px}.pos-hero p{margin:4px 0 0;color:#d4ebff;font-size:12px;letter-spacing:1.5px;font-weight:800}.pos-hero-icon{display:grid;place-items:center;width:62px;height:62px;background:linear-gradient(145deg,#ffed89,#ffbf25);color:#0c4586;border-radius:18px;box-shadow:inset 0 2px 3px #fff9,0 5px 12px #001d4a70;font-size:32px}.pos-ribbon{background:linear-gradient(90deg,#ffce36,#fff2ac,#ffcf36);padding:11px 26px;font-weight:800;color:#6c4900}.pos-customer-color>.pos-intro,.pos-customer-color>input,.pos-customer-color>.actions,.pos-customer-color>.scroll,.pos-customer-color>.draft-row,.pos-customer-color>.pos-wait-heading,.pos-customer-color>p[role=alert]{margin-left:24px;margin-right:24px}.pos-customer-color>.actions{display:flex;flex-wrap:wrap;gap:12px}.pos-customer-color>.actions button{border-radius:12px;padding:12px 18px}.pos-customer-color>.pos-wait-heading{color:#0d4d89;background:#fff2c9;border-left:5px solid #f4af22;padding:12px;border-radius:9px}.pos-customer-color{padding-bottom:24px!important}@media(max-width:560px){.client-modal-columns{grid-template-columns:1fr}.client-modal-header{padding:16px}.client-modal-body{padding:18px}.pos-customer-color>.pos-hero{padding:17px}.pos-hero h3{font-size:21px}}.client-modal{background:linear-gradient(160deg,#0b3978,#124c94 55%,#0a3471);border:2px solid #4c91e8;color:#fff;box-shadow:0 30px 90px #020d28a6}.client-modal-header{background:linear-gradient(125deg,#061b3d,#092b61 65%,#104587);border-bottom:1px solid #2b6ab6}.client-modal-header h2,.client-modal-header p{color:#fff!important;text-shadow:0 1px 2px #00142c}.client-modal-ribbon{background:linear-gradient(90deg,#ffc229,#ffdf63 50%,#ffbe20);color:#483000}.client-modal-body{color:#fff}.client-modal-body label{color:#fff!important;text-shadow:0 1px 1px #082448}.client-modal-body input{background:#edf5ff!important;color:#092c5b!important;border:2px solid #95c3ff!important;box-shadow:inset 0 2px 5px #1c427021}.client-modal-body input::placeholder{color:#526f92!important}.client-modal-body input:focus{outline:3px solid #ffe17b;border-color:#fff!important}.client-modal-note{background:#1556a1;color:#fff;border-left:5px solid #ffd43b;line-height:1.5}.client-modal-error{background:#fff0f0;color:#891919;text-shadow:none}.client-modal-actions{border-top:1px solid #5d92d0}.client-modal-actions button[type=button]{background:#092d63!important;color:#fff!important;border:1px solid #86b8ef!important}.client-modal-actions button[type=submit]{background:linear-gradient(180deg,#29d883,#07904c)!important;color:#fff!important;border:1px solid #4aeba0!important;box-shadow:0 4px #065d36,0 7px 12px #001c3655}.client-modal-close{color:#fff!important}.pos-customer.pos-customer-color{background:linear-gradient(145deg,#0b3978,#155ba4);border-color:#3d8be3;color:#fff}.pos-customer-color>.pos-hero{background:linear-gradient(125deg,#061b3d,#0b3876);border-bottom:1px solid #387cc2}.pos-customer-color>.pos-hero h3,.pos-customer-color>.pos-hero p{color:#fff!important;text-shadow:0 1px 2px #00142c}.pos-customer-color>.pos-intro{color:#e8f3ff!important}.pos-customer-color>input{background:#f0f7ff;color:#092c5b;border:2px solid #8dc0fc}.pos-customer-color>.scroll{background:#f4f9ff;color:#092c5b;border-radius:12px;overflow:auto}.pos-customer-color>.scroll table{color:#092c5b}.pos-customer-color>p[role=alert]{background:#fff0f0;color:#8a2020;padding:12px;border-radius:10px}.pos-customer-color>.pos-wait-heading{color:#6c4400}@media(max-width:560px){.client-modal{max-height:calc(100dvh - 16px)}.client-modal-backdrop{padding:8px}.client-modal-actions button{flex:1;padding:12px 10px}}.client-success{padding:34px 22px 38px;text-align:center;background:linear-gradient(145deg,#0b3c83,#062754);color:#fff;display:flex;align-items:center;flex-direction:column;gap:12px;min-height:290px}.client-success-mark{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;font-size:50px;font-weight:800;background:linear-gradient(145deg,#36d578,#087d3c);box-shadow:0 6px 15px #001b3d88;border:3px solid #b7ffd2}.client-success h3{color:#fff;font-size:25px;margin:5px 0}.client-success p{color:#e5f1ff;margin:0}.client-success strong{font-size:20px;color:#ffe26b}.client-success-timer{margin-top:12px;background:#165ba7;padding:8px 22px;border-radius:24px;color:#fff;font-weight:700}.client-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 16px}.client-summary>div{background:linear-gradient(145deg,#07336c,#1464b6);color:#fff;border:2px solid #79b9f6;border-radius:13px;box-shadow:0 4px 10px #082d5840;padding:14px;display:flex;flex-direction:column;gap:5px}.client-summary strong{font-size:clamp(23px,3vw,32px);line-height:1.1}.client-summary span{font-size:13px;color:#e5f4ff}.client-privacy-note{background:#e4f1ff;border-left:5px solid #1470d0;border-radius:8px;padding:12px;color:#08376d}@media(max-width:650px){.client-summary{grid-template-columns:1fr}.client-summary>div{padding:10px}}.global-client-search{margin-top:14px;padding:13px;border:1px solid #8eb6e8;border-radius:12px;background:#e7f0ff;color:#082b5c}.global-client-search>button{background:#ffe07c;color:#082b5c;font-weight:800}.global-client-result{background:#fff;border:1px solid #82b5e9;border-radius:10px;margin-top:12px;padding:12px}.global-client-result p{margin:8px 0}.global-client-result button{background:#168348;color:#fff}
