.toast-center-center{top:50%;left:50%;transform:translate(-50%,-50%)}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}.toast-title{font-weight:700}.toast-message{word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 0 #ffffff}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0}.toast-container{pointer-events:none;position:fixed;z-index:999999}.toast-container *{box-sizing:border-box}.toast-container .ngx-toastr{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;background-size:24px;box-shadow:0 0 12px #999;color:#fff}.toast-container .ngx-toastr:hover{box-shadow:0 0 12px #000;opacity:1;cursor:pointer}.toast-info{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+)}.toast-error{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+)}.toast-success{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==)}.toast-warning{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==)}.toast-container.toast-top-center .ngx-toastr,.toast-container.toast-bottom-center .ngx-toastr{width:300px;margin-left:auto;margin-right:auto}.toast-container.toast-top-full-width .ngx-toastr,.toast-container.toast-bottom-full-width .ngx-toastr{width:96%;margin-left:auto;margin-right:auto}.ngx-toastr{background-color:#030303;pointer-events:auto}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4}@media all and (max-width:240px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:11em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px)and (max-width:480px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:18em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px)and (max-width:768px){.toast-container .ngx-toastr.div{padding:15px 15px 15px 50px;width:25em}}:root{--color-brand: #1544c7;--color-brand-hover: #081a4d;--color-brand-soft: #e8eeff;--color-ink: #081a4d;--color-muted: #667085;--color-surface: #ffffff;--color-page-bg: #f7f9ff;--color-border: #e6eaf5;--color-success: #20b26b;--color-warning: #f5a524;--color-danger: #e5484d;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-soft: 0 16px 40px rgba(8, 26, 77, .08);--shadow-card: 0 8px 24px rgba(8, 26, 77, .06);--container-max: 1200px}.upro-container{width:min(100% - 32px,var(--container-max));margin-inline:auto}.upro-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.upro-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius-md);background:var(--color-brand);color:#fff;font:inherit;font-weight:700;line-height:1;padding:0 20px;cursor:pointer;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}.upro-button:hover{background:var(--color-brand-hover)}.upro-button:disabled{cursor:not-allowed;opacity:.6}.upro-button-secondary{background:var(--color-brand-soft);color:var(--color-brand)}.upro-button-secondary:hover{background:#dbe5ff}.upro-pill{display:inline-flex;min-height:32px;align-items:center;gap:6px;border-radius:999px;background:var(--color-brand-soft);color:var(--color-brand);font-size:.875rem;font-weight:700;padding:0 12px}.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}:root{--primary: #1544c7;--primary-hover: #081a4d;--bg-light: #e8eeff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--color-page-bg);color:var(--color-ink);overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}input:disabled{background:var(--color-surface);color:var(--color-muted);cursor:not-allowed}button,a{-webkit-tap-highlight-color:transparent}img,picture,svg,canvas{display:block;max-width:100%}.lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.lift:hover{transform:translateY(-6px);box-shadow:0 20px 40px #6d28d91f}.chip{display:inline-block;padding:8px 18px;margin:5px;border-radius:99px;background:#e8eeff;color:#1544c7;font-weight:600;font-size:.9rem;border:1px solid rgb(206.5,219.152173913,255);cursor:pointer;transition:.2s}.chip:hover{background:#d9e3ff;border-color:#b5c8ff}.chip:disabled{cursor:not-allowed;opacity:.45}@media(max-width:550px){.chip{font-size:.7rem}}@media(max-width:400px){.chip{padding:.5rem .75rem}}.confirm-dialog{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#07153a61;padding:16px}.confirm-dialog__panel{width:min(420px,100%);display:grid;gap:16px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff;box-shadow:0 24px 72px #0f172a38;padding:22px}.confirm-dialog__mark{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#e5484d1a;color:#ef4444;font-weight:950}.confirm-dialog__panel--success .confirm-dialog__mark{background:#20b26b1f;color:#20b26b}.confirm-dialog__panel--primary .confirm-dialog__mark{background:#eef3ff;color:#1f4fd8}.confirm-dialog__content{display:grid;gap:8px}.confirm-dialog__content h2{color:#07153a;font-size:1.2rem;line-height:1.25;margin:0}.confirm-dialog__content p{color:#5f6b85;line-height:1.55;margin:0}.confirm-dialog__actions{display:flex;justify-content:flex-end;gap:10px}.confirm-dialog__button{min-height:44px;border:0;border-radius:12px;cursor:pointer;font-weight:900;padding:0 16px}.confirm-dialog__button--ghost{background:#f3f6ff;color:#24406f}.confirm-dialog__button--confirm{background:#ef4444;color:#fff}.close-btn{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--color-border);border-radius:50%;background:#fff;color:var(--color-ink);font-size:1.45rem;cursor:pointer;padding:0}.confirm-dialog__panel--success .confirm-dialog__button--confirm{background:#20b26b}.confirm-dialog__panel--primary .confirm-dialog__button--confirm{background:#1f4fd8}.category-search{position:relative}.category-search input{padding-right:44px}.category-search input::-webkit-search-cancel-button,.category-search input::-webkit-search-decoration{appearance:none;-webkit-appearance:none}.category-search button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:50%;background:var(--color-brand-soft);color:var(--color-brand);cursor:pointer;font-size:1.05rem;font-weight:900;line-height:1}.category-empty{border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);font-weight:750;padding:16px;text-align:center}.category-empty.error{border-color:#e5484d47;background:#e5484d0f;color:var(--color-danger)}.checkbox-option{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-brand-soft);color:var(--color-ink);cursor:pointer;padding:14px}.checkbox-option input{width:18px;height:18px;margin-top:2px;accent-color:var(--color-brand)}.checkbox-option span{display:grid;gap:3px}.checkbox-option strong{font-weight:900}.checkbox-option small{color:var(--color-muted);font-weight:700;line-height:1.45}.selected-categories{display:grid;gap:10px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:14px}.selected-categories-header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--color-muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.selected-categories-header strong{color:var(--color-brand)}.selected-category-list{display:flex;flex-wrap:wrap;gap:8px}.selected-category-list button{display:inline-flex;align-items:center;gap:7px;min-height:32px;border:1px solid rgba(30,74,214,.18);border-radius:999px;background:#fff;color:var(--color-ink);cursor:pointer;font-size:.88rem;font-weight:700;line-height:1.25;padding:5px 8px 5px 12px;text-align:left}.selected-category-list span{font-weight:700}.selected-category-list small{color:var(--color-muted);font-size:.68rem;font-weight:650;line-height:1.2}.selected-category-list b{display:grid;flex:0 0 auto;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--color-brand-soft);color:var(--color-brand);font-size:.92rem;line-height:1}.customer-page .service-modal,.service-modal.create-job-modal,.service-modal.detail-modal{font-weight:400}.customer-page .service-modal :where(h4,label,button,strong,b,.selected-categories-header,.cat-title,.category-empty,.error-text,.selected-category-list b),.service-modal.create-job-modal :where(h4,label,button,strong,b,.selected-categories-header,.cat-title,.category-empty,.error-text,.selected-category-list b),.service-modal.detail-modal :where(h4,label,button,strong,b,.selected-categories-header,.cat-title,.category-empty,.error-text,.selected-category-list b){font-weight:600}.customer-page .service-modal :where(small,p,input,textarea),.service-modal.create-job-modal :where(small,p,input,textarea),.service-modal.detail-modal :where(small,p,input,textarea){font-weight:400}.customer-page .service-modal :where(.checkbox-option small,.selected-category-list small,.selected-category-list button,.selected-category-list span,.chip),.service-modal.create-job-modal :where(.checkbox-option small,.selected-category-list small,.selected-category-list button,.selected-category-list span,.chip),.service-modal.detail-modal :where(.checkbox-option small,.selected-category-list small,.selected-category-list button,.selected-category-list span,.chip){font-weight:500}.create-job-modal .cat-block+.cat-block{margin-top:24px}.create-job-modal .chip{margin:0}.customer-page .avatar-preview-button{display:block;border:0;border-radius:50%;background:transparent;cursor:zoom-in;padding:0}.customer-page .avatar-preview-button:focus-visible{outline:3px solid rgba(30,74,214,.28);outline-offset:4px}.image-preview-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;background:#06102cc7;padding:20px}.image-preview-panel{position:relative;display:grid;justify-items:center;gap:12px;max-width:min(92vw,760px);color:#fff}.image-preview-panel .close-btn{position:absolute;top:-12px;right:-12px;box-shadow:0 18px 42px #0000003d}.image-preview-panel img{max-height:min(76vh,720px);width:auto;border-radius:18px;object-fit:contain;box-shadow:0 28px 90px #0000006b}.image-preview-caption{max-width:100%;overflow-wrap:anywhere;color:#ffffffdb;font-weight:500;text-align:center}@media(max-width:620px){.customer-page{padding-top:14px}.customer-page .profile-hero{gap:18px;padding:20px}.customer-page .identity{align-items:center;gap:14px;justify-content:center}.customer-page .avatar-wrapper{width:fit-content;margin-inline:auto}.customer-page .avatar-wrapper img{width:92px;height:92px}.customer-page .profile-meta span{max-width:100%;overflow-wrap:anywhere}.customer-page .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}.customer-page .stats-grid article{padding:14px}.customer-page .order-card{padding:16px}.form-overlay:has(.create-job-modal),.form-overlay:has(.detail-modal){align-items:flex-end;padding:10px}.service-modal.create-job-modal,.service-modal.detail-modal{width:100%;max-height:92svh;padding:20px}.create-job-modal .modal-actions,.detail-modal .modal-actions{position:sticky;bottom:-20px;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px -20px -20px;border-top:1px solid var(--color-border);background:#fffffff5;padding:12px 20px 14px}.create-job-modal .modal-actions>button,.detail-modal .modal-actions>button{width:100%}.customer-page .app-actions{display:grid;grid-template-columns:1fr 1fr}.image-preview-overlay{padding:14px}.image-preview-panel{max-width:100%}.image-preview-panel .close-btn{top:8px;right:8px}.image-preview-panel img{max-height:78vh;border-radius:16px}}@media(max-width:380px){.customer-page .stats-grid,.create-job-modal .modal-actions,.detail-modal .modal-actions,.customer-page .app-actions{grid-template-columns:1fr}}
