:root{--xpc-bg:#f4f7fb;--xpc-card:#fff;--xpc-text:#172033;--xpc-muted:#697386;--xpc-line:#e4e9f1;--xpc-primary:#2458e6;--xpc-primary2:#173aa8;--xpc-danger:#d92d20;--xpc-warning:#b42318;--xpc-success:#067647;--xpc-radius:18px;--xpc-shadow:0 10px 35px rgba(23,32,51,.08)}
.xpc-app{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--xpc-text);background:var(--xpc-bg);padding:24px;border-radius:24px;box-sizing:border-box;max-width:1500px;margin:0 auto;line-height:1.45}.xpc-app *{box-sizing:border-box}.xpc-topbar{background:linear-gradient(130deg,#111a32,#2458e6);color:#fff;padding:28px 30px;border-radius:22px;display:flex;justify-content:space-between;gap:24px;align-items:center;box-shadow:var(--xpc-shadow)}.xpc-topbar h2{color:#fff;font-size:29px;margin:2px 0 4px}.xpc-topbar p{margin:0;color:#dce6ff}.xpc-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:#9ab4ff}.xpc-top-actions,.xpc-form-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.xpc-btn{appearance:none;border:0;border-radius:11px;padding:11px 15px;font-weight:700;cursor:pointer;transition:.2s;font-size:14px}.xpc-btn:hover{transform:translateY(-1px)}.xpc-btn:disabled{opacity:.55;cursor:wait;transform:none}.xpc-btn-primary{background:var(--xpc-primary);color:#fff}.xpc-topbar .xpc-btn-primary{background:#fff;color:#173aa8}.xpc-btn-ghost{background:#eef2f8;color:#26344f}.xpc-topbar .xpc-btn-ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25)}.xpc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.xpc-stat{background:var(--xpc-card);padding:18px 20px;border-radius:var(--xpc-radius);border:1px solid var(--xpc-line);box-shadow:0 5px 18px rgba(23,32,51,.04)}.xpc-stat span{display:block;color:var(--xpc-muted);font-size:12px;font-weight:700}.xpc-stat strong{display:block;font-size:24px;margin-top:5px}.xpc-stat.warning strong,.xpc-stat.danger strong{color:var(--xpc-danger)}.xpc-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto auto auto;gap:10px;margin:16px 0}.xpc-toolbar input,.xpc-toolbar select,.xpc-field input,.xpc-field select,.xpc-field textarea{width:100%;border:1px solid #d7deea;background:#fff;color:var(--xpc-text);border-radius:11px;padding:11px 12px;outline:none;font:inherit}.xpc-toolbar input:focus,.xpc-toolbar select:focus,.xpc-field input:focus,.xpc-field select:focus,.xpc-field textarea:focus{border-color:#6c8ff0;box-shadow:0 0 0 3px rgba(36,88,230,.12)}.xpc-contracts{display:grid;gap:12px}.xpc-card{background:#fff;border:1px solid var(--xpc-line);border-radius:var(--xpc-radius);box-shadow:0 5px 18px rgba(23,32,51,.04);padding:19px}.xpc-card-main{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.xpc-client{display:flex;gap:12px;align-items:center}.xpc-avatar{width:44px;height:44px;border-radius:14px;background:#e8eeff;color:var(--xpc-primary);display:grid;place-items:center;font-weight:900;font-size:18px}.xpc-client h3{font-size:17px;margin:0 0 2px}.xpc-client p{font-size:13px;color:var(--xpc-muted);margin:0}.xpc-status{padding:7px 11px;border-radius:999px;font-weight:800;font-size:12px;white-space:nowrap}.xpc-status.active{background:#e8f7ef;color:var(--xpc-success)}.xpc-status.warning{background:#fee4e2;color:var(--xpc-warning);animation:xpcPulse 2s infinite}.xpc-status.ended{background:#eef1f5;color:#596273}.xpc-status.renewed{background:#eee9ff;color:#6938b8}@keyframes xpcPulse{50%{box-shadow:0 0 0 5px rgba(217,45,32,.08)}}.xpc-card-data{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:12px;margin:17px 0;padding:14px;background:#f8f9fc;border-radius:13px}.xpc-card-data span{display:block;color:var(--xpc-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.xpc-card-data strong{display:block;font-size:13px;margin-top:4px}.xpc-card-data small{display:inline-block;margin-top:4px;font-weight:700;font-size:11px}.xpc-commission.receivable{color:var(--xpc-danger)}.xpc-commission.received{color:var(--xpc-success)}.xpc-card-actions{display:flex;gap:7px;flex-wrap:wrap}.xpc-card-actions button,.xpc-card-actions a{border:1px solid #dae1ec;background:#fff;color:#344054;border-radius:9px;padding:8px 10px;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}.xpc-card-actions button:hover,.xpc-card-actions a:hover{border-color:#8ca5eb;color:var(--xpc-primary)}.xpc-card-actions .danger{color:var(--xpc-danger);margin-left:auto}.xpc-empty{text-align:center;padding:45px 20px;color:var(--xpc-muted);background:#fff;border:1px dashed #ccd5e3;border-radius:var(--xpc-radius)}.xpc-empty strong,.xpc-empty span{display:block}.xpc-alert{position:fixed;right:22px;bottom:22px;z-index:100003;padding:14px 18px;border-radius:12px;background:#067647;color:white;box-shadow:var(--xpc-shadow);max-width:380px;font-weight:700}.xpc-alert.error{background:var(--xpc-danger)}.xpc-modal{display:none;position:fixed;inset:0;z-index:100000;background:rgba(11,18,33,.66);padding:22px;overflow-y:auto;backdrop-filter:blur(3px)}.xpc-modal.is-open{display:flex;align-items:flex-start;justify-content:center}.xpc-modal-dialog{width:min(650px,100%);background:#fff;border-radius:20px;padding:22px;margin:auto;box-shadow:0 25px 70px rgba(0,0,0,.25)}.xpc-modal-lg{width:min(880px,100%)}.xpc-map-dialog{width:min(1080px,100%)}.xpc-modal-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--xpc-line);padding-bottom:14px;margin-bottom:18px}.xpc-modal-head h3{margin:2px 0 0;font-size:22px}.xpc-close{border:0;background:#eef1f6;width:38px;height:38px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer}.xpc-grid{display:grid;gap:14px}.xpc-grid-2{grid-template-columns:1fr 1fr}.xpc-span-2{grid-column:1/-1}.xpc-field>span{display:block;font-weight:750;font-size:13px;margin-bottom:6px}.xpc-field textarea{resize:vertical}.xpc-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.xpc-weekdays label{border:1px solid #d7deea;border-radius:10px;padding:9px 5px;text-align:center;font-weight:700;font-size:12px;background:#fff;cursor:pointer}.xpc-weekdays label:has(input:checked){border-color:var(--xpc-primary);background:#edf2ff;color:var(--xpc-primary)}.xpc-weekdays input{accent-color:var(--xpc-primary)}.xpc-date-preview{border-radius:13px;padding:14px 16px;background:#edf2ff;border:1px solid #cad7ff}.xpc-date-preview span,.xpc-date-preview small{display:block;color:#536587;font-size:12px}.xpc-date-preview strong{display:block;color:#173aa8;font-size:18px;margin:2px 0}.xpc-form-actions{border-top:1px solid var(--xpc-line);padding-top:17px;margin-top:20px}.xpc-check{display:flex;align-items:center;gap:9px;font-weight:700;font-size:13px;padding-top:24px}.xpc-check input{width:18px;height:18px}.xpc-login-required{padding:25px;background:#fff0ef;color:#b42318;border:1px solid #f3bbb5;border-radius:12px}.xpc-map-sheet{color:#172033;background:#fff}.xpc-map-header{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;border-bottom:4px solid #2458e6;padding:8px 0 18px}.xpc-map-logo{max-width:110px;max-height:75px;object-fit:contain}.xpc-map-header h1{font-size:22px;margin:0 0 4px}.xpc-map-header p{margin:1px 0;color:#596273;font-size:11px}.xpc-map-title{text-align:right}.xpc-map-title strong{display:block;color:#2458e6;font-size:19px}.xpc-map-title span{font-size:12px}.xpc-map-client h2{font-size:15px;margin:18px 0 9px}.xpc-map-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 18px;background:#f5f7fb;padding:13px;border-radius:10px}.xpc-map-grid p{margin:0}.xpc-map-grid span,.xpc-map-notes span{display:block;text-transform:uppercase;color:#697386;font-size:9px;font-weight:800}.xpc-map-grid strong{font-size:12px}.xpc-map-notes{font-size:12px;border-left:3px solid #2458e6;padding-left:10px}.xpc-map-table{width:100%;border-collapse:collapse;margin-top:16px;font-size:11px}.xpc-map-table th{background:#172033;color:#fff;text-align:left;padding:8px}.xpc-map-table td{border-bottom:1px solid #dfe5ee;padding:7px 8px}.xpc-map-table tbody tr:nth-child(even){background:#f8f9fb}.xpc-map-sheet footer{text-align:center;color:#697386;border-top:1px solid #dfe5ee;margin-top:15px;padding-top:10px;font-size:10px}.xpc-map-sheet footer p{margin:0 0 3px}.xpc-modal-open{overflow:hidden}
@media(max-width:900px){.xpc-stats{grid-template-columns:1fr 1fr}.xpc-toolbar{grid-template-columns:1fr 1fr}.xpc-toolbar input{grid-column:1/-1}.xpc-card-data{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.xpc-app{padding:12px;border-radius:14px}.xpc-topbar{padding:20px;align-items:flex-start;flex-direction:column}.xpc-top-actions{width:100%}.xpc-top-actions .xpc-btn{flex:1}.xpc-stats{grid-template-columns:1fr 1fr;gap:8px}.xpc-stat{padding:14px}.xpc-stat strong{font-size:18px}.xpc-toolbar{grid-template-columns:1fr}.xpc-toolbar input{grid-column:auto}.xpc-card-main{flex-direction:column}.xpc-card-data{grid-template-columns:1fr}.xpc-card-actions .danger{margin-left:0}.xpc-modal{padding:8px}.xpc-modal-dialog{padding:16px;border-radius:15px}.xpc-grid-2{grid-template-columns:1fr}.xpc-span-2{grid-column:auto}.xpc-weekdays{grid-template-columns:repeat(4,1fr)}.xpc-map-header{grid-template-columns:1fr;text-align:center}.xpc-map-logo{margin:auto}.xpc-map-title{text-align:center}.xpc-map-grid{grid-template-columns:1fr}}
@media print{body *{visibility:hidden!important}.xpc-map-sheet,.xpc-map-sheet *{visibility:visible!important}.xpc-map-sheet{position:absolute;left:0;top:0;width:100%;padding:0}.xpc-no-print{display:none!important}.xpc-modal{position:static!important;display:block!important;background:#fff!important;padding:0!important}.xpc-map-dialog{width:100%!important;padding:0!important;box-shadow:none!important}.xpc-map-table{page-break-inside:auto}.xpc-map-table tr{page-break-inside:avoid}.xpc-print-list #xpc-app,.xpc-print-list #xpc-app *{visibility:visible!important}.xpc-print-list #xpc-app{position:absolute;left:0;top:0;width:100%;background:#fff;padding:0}.xpc-print-list .xpc-top-actions,.xpc-print-list .xpc-toolbar,.xpc-print-list .xpc-card-actions,.xpc-print-list .xpc-modal{display:none!important}.xpc-print-list .xpc-card{page-break-inside:avoid;box-shadow:none}.xpc-print-list .xpc-topbar{background:#172033!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4;margin:12mm}}
