.portal-clients{--status-online:var(--inv-teal-500);--status-offline:var(--inv-rose-500);--status-warning:var(--inv-amber-500);--status-info:var(--inv-sky-500)}.portal-clients .app-body,.portal-clients.app-body{background:var(--color-bg);font-size:14px;line-height:1.5}.tp-page-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.tp-page-head h1{font-size:var(--type-2xl);letter-spacing:-.01em;margin:0 0 2px;font-weight:700;line-height:1.5}.tp-page-head p{color:var(--color-text-muted);margin:0;font-size:13.5px}.tp-page-head__actions{flex-wrap:wrap;flex-shrink:0;gap:10px;display:flex}.tp-back-link{margin-bottom:var(--sp-5);color:var(--color-text-secondary);align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.tp-back-link .icon{font-size:16px}.tp-back-link:hover{color:var(--color-primary)}.portal-clients .app-main .btn{white-space:nowrap}.portal-clients .app-main .tp-btn-ghost{background-color:var(--color-surface);border-color:var(--inv-slate-300);color:var(--color-text)}.portal-clients .app-main .tp-btn-ghost:hover,.portal-clients .app-main .tp-btn-ghost:focus-visible{background-color:var(--inv-slate-50);border-color:var(--inv-slate-400);color:var(--color-text);box-shadow:0 2px 6px #0f172a14}.portal-clients .app-main .btn-outline-danger,.portal-clients .app-main .tp-btn-danger-text{background:var(--color-surface);color:var(--inv-rose-600);border-color:var(--inv-rose-100)}.portal-clients .app-main .btn-outline-danger:hover,.portal-clients .app-main .btn-outline-danger:focus-visible,.portal-clients .app-main .tp-btn-danger-text:hover,.portal-clients .app-main .tp-btn-danger-text:focus-visible{background:var(--inv-rose-100);color:var(--inv-rose-600);border-color:var(--inv-rose-100)}.tp-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--card-radius);padding:var(--sp-5);transition:box-shadow var(--dur-reveal-exit) var(--ease-reveal)}.tp-card:hover{box-shadow:0 4px 16px #0f172a0f}.tp-card+.tp-card{margin-top:var(--sp-5)}.tp-panel-grid>.tp-card+.tp-card{margin-top:0}.tp-panel-grid{gap:var(--sp-5);margin-bottom:var(--sp-5);grid-template-columns:1.6fr 1fr;align-items:start;display:grid}@media (width<=1100px){.tp-panel-grid{grid-template-columns:1fr}}.tp-panel-title{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);display:flex}.tp-panel-title h2{margin:0;font-size:16px;font-weight:700;line-height:1.5}.tp-panel-title a{color:var(--color-primary);font-size:12.5px;font-weight:600;text-decoration:none}.tp-stat-grid{gap:var(--sp-4);margin-bottom:var(--sp-6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=1100px){.tp-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tp-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--card-radius);padding:var(--sp-5);flex-direction:column;gap:8px;display:flex}.tp-stat-card__top{justify-content:space-between;align-items:center;display:flex}.tp-stat-card__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.tp-stat-card__icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.tp-stat-card__icon .icon{font-size:18px}.tp-stat-card__icon--indigo{background:var(--inv-indigo-100);color:var(--inv-indigo-600)}.tp-stat-card__icon--teal{background:var(--inv-teal-50);color:var(--inv-teal-600)}.tp-stat-card__icon--rose{background:var(--inv-rose-100);color:var(--inv-rose-600)}.tp-stat-card__icon--sky{background:var(--inv-sky-100);color:var(--inv-sky-700)}.tp-stat-card__value{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:30px;font-weight:700;line-height:1.5}.tp-stat-card__sub{color:var(--color-text-muted);font-size:12px}.tp-stat-card__sub.is-up{color:var(--inv-teal-600)}.tp-stat-card__sub.is-down{color:var(--inv-rose-600)}.tp-stats-row{gap:var(--sp-3);margin-bottom:var(--sp-5);grid-template-columns:repeat(3,1fr);display:grid}.tp-mini-stat{background:var(--inv-slate-50);padding:var(--sp-4);text-align:center;border-radius:10px}.tp-mini-stat .tp-mini-stat__num{font-size:22px;font-weight:700}.tp-mini-stat .tp-mini-stat__lbl{color:var(--color-text-muted);margin-top:2px;font-size:11.5px}.tp-action-card{border:1px solid var(--color-border);padding:var(--sp-4);justify-content:space-between;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-3);border-radius:12px;display:flex}.tp-action-card .tp-action-card__title{margin:0 0 3px;font-size:14px;font-weight:700}.tp-action-card .tp-action-card__desc{color:var(--color-text-muted);max-width:420px;margin:0;font-size:12.5px}.tp-action-card.is-caution{border-color:var(--inv-amber-100);background:#fffbf0}.tp-action-card.is-destructive{border-color:var(--inv-rose-100);background:#fff8f8}.tp-chip{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 8px;font-size:12px;font-weight:600;display:inline-flex}.tp-chip .tp-chip__dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.tp-chip.is-online{background:var(--inv-teal-50);color:var(--inv-teal-700)}.tp-chip.is-online .tp-chip__dot{background:var(--status-online)}.tp-chip.is-offline{background:var(--inv-rose-100);color:var(--inv-rose-700)}.tp-chip.is-offline .tp-chip__dot{background:var(--status-offline)}.tp-chip.is-stale{background:var(--inv-amber-100);color:var(--inv-amber-700)}.tp-chip.is-stale .tp-chip__dot{background:var(--status-warning)}.tp-chip.is-neutral{background:var(--inv-slate-100);color:var(--color-text-secondary)}.tp-chip.is-neutral .tp-chip__dot{background:var(--inv-slate-400)}.tp-toolbar{margin-bottom:var(--sp-4);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tp-search-input{height:var(--inv-input-height);background:var(--color-surface);border:1px solid var(--color-border);min-width:230px;max-width:320px;padding:0 var(--sp-3);border-radius:10px;flex:1;align-items:center;gap:8px;display:flex}.tp-search-input .icon{color:var(--color-text-muted);font-size:16px}.tp-search-input input{font:inherit;background:0 0;border:0;outline:0;width:100%;min-height:0;font-size:13.5px}.tp-search-input:focus-within{background:var(--inv-indigo-50);border-color:var(--inv-indigo-400);box-shadow:0 0 0 3px #682caa26}.tp-select-pill{height:var(--inv-input-height);min-height:var(--inv-input-height);padding:0 var(--sp-3);border:1px solid var(--color-border);background-color:var(--color-surface);font:inherit;color:var(--color-text);cursor:pointer;border-radius:10px;font-size:13.5px}.tp-toolbar__count{color:var(--color-text-muted);margin-left:auto;font-size:12.5px}.tp-seg{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tp-seg__btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;border-radius:8px;padding:7px 16px;font-size:12.5px;font-weight:700}.tp-seg__btn.active,.tp-seg__btn[aria-pressed=true]{background:var(--inv-sky-100);border-color:var(--inv-sky-100);color:var(--inv-sky-700)}.tp-tabs{border-bottom:1px solid var(--color-border);margin-bottom:var(--sp-5);gap:4px;display:flex}.tp-tabs .tp-tab,.tp-tabs .nav-link{color:var(--color-text-muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:11px 16px;font-size:13.5px;font-weight:600}.tp-tabs .tp-tab:hover,.tp-tabs .nav-link:hover{color:var(--color-text)}.tp-tabs .tp-tab.active,.tp-tabs .nav-link.active{color:var(--color-primary);border-color:var(--color-primary)}.tp-form-grid{gap:var(--sp-4) var(--sp-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=1100px){.tp-form-grid{grid-template-columns:1fr}}.tp-field{flex-direction:column;gap:6px;display:flex}.tp-field.is-full{grid-column:1/-1}.tp-field>label,.tp-field .tp-field__label{color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:11px;font-weight:700}.tp-field .tp-field__value{color:var(--color-text);overflow-wrap:anywhere;font-size:14.5px;font-weight:500}.tp-form-actions{margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--color-border-soft);flex-wrap:wrap;gap:10px;display:flex}.portal-clients .app-main input[type=checkbox].form-check-input,.portal-clients .app-main .tp-table input[type=checkbox]{width:17px;height:17px;accent-color:var(--color-primary)}.tp-table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--card-radius);overflow:hidden}.tp-table-wrap.is-scroll-x{overflow-x:auto}.tp-table-wrap.is-scroll-x table{width:max-content;min-width:100%}.portal-clients .app-main .tp-table,.portal-clients .app-main table.dataTable{border-collapse:collapse;width:100%;margin:0;font-size:13.5px}.portal-clients .app-main .tp-table>thead,.portal-clients .app-main table.dataTable>thead{background:var(--inv-slate-100)}.portal-clients .app-main .tp-table>thead>tr>th,.portal-clients .app-main table.dataTable>thead>tr>th{padding:11px var(--sp-4);text-align:left;font-size:var(--inv-th-font-size);text-transform:uppercase;color:var(--color-text-muted);letter-spacing:var(--inv-th-letter-spacing);white-space:nowrap;background:var(--inv-slate-100);box-shadow:inset 0 -2px 0 var(--color-border);border:0;font-weight:600}.portal-clients .app-main .tp-table>tbody>tr>td,.portal-clients .app-main table.dataTable>tbody>tr>td{padding:12px var(--sp-4);border-top:0;border-bottom:1px solid var(--color-border-soft);vertical-align:middle;color:var(--color-text);box-shadow:none;background:0 0;font-size:13.5px}.portal-clients .app-main .tp-table>tbody>tr,.portal-clients .app-main table.dataTable>tbody>tr{transition:background var(--dur-reveal-exit) var(--ease-reveal)}.portal-clients .app-main .tp-table>tbody>tr:hover>td,.portal-clients .app-main table.dataTable>tbody>tr:hover>td{background:var(--inv-slate-50)}.portal-clients .app-main .tp-table>tbody>tr:last-child>td,.portal-clients .app-main table.dataTable>tbody>tr:last-child>td{border-bottom:0}.portal-clients .app-main .tp-col-check{width:40px}.portal-clients .app-main .tp-cell-primary{color:var(--color-text);font-weight:600}.portal-clients .app-main .tp-cell-sub{color:var(--color-text-muted);margin-top:2px;font-size:12px}.portal-clients .app-main .tp-cell-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.portal-clients .app-main div.dt-container .dt-length,.portal-clients .app-main div.dt-container .dt-search,.portal-clients .app-main div.dt-container .dt-info{color:var(--color-text-secondary);font-size:13px}.portal-clients .app-main div.dt-container .dt-search input,.portal-clients .app-main div.dt-container .dt-length select{min-height:var(--inv-input-height);border:1px solid var(--color-border);border-radius:10px;font-size:13.5px}.portal-clients .app-main div.dt-container .dt-info{color:var(--color-text-muted);font-size:12.5px}.portal-clients .app-main div.dt-container .dt-paging .pagination{gap:4px}.portal-clients .app-main div.dt-container .dt-paging .page-link{border:1px solid var(--color-border);background:var(--color-surface);min-width:32px;height:32px;color:var(--color-text-secondary);justify-content:center;align-items:center;padding:0 8px;font-size:12.5px;font-weight:600;display:inline-flex;border-radius:8px!important}.portal-clients .app-main div.dt-container .dt-paging .active>.page-link{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.tp-pagination{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4);color:var(--color-text-muted);font-size:12.5px;display:flex}.tp-avatar{object-fit:cover;background:var(--inv-slate-100);border-radius:9px;width:40px;height:40px;display:block}.tp-avatar--initials{color:#fff;background:var(--inv-indigo-500);justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.tp-person-photo{aspect-ratio:1;object-fit:cover;background:var(--inv-slate-100);border-radius:12px;width:100%;max-width:300px;display:block}.tp-empty{padding:var(--sp-8) var(--sp-5);text-align:center;color:var(--color-text-muted)}.tp-empty .icon{margin:0 auto var(--sp-3);opacity:.5;font-size:32px;display:block}.tp-empty p{margin:0;font-size:13.5px}.tp-empty .tp-empty__title{margin-bottom:var(--sp-1);color:var(--color-text);font-weight:600}@media (width<=860px){td.dt-empty>.tp-empty{max-width:calc(100vw - 100px);padding-left:var(--sp-2);padding-right:var(--sp-2);position:sticky;left:0}.tp-stat-grid{grid-template-columns:1fr 1fr}.tp-stats-row{grid-template-columns:1fr}}.app-guest{background:var(--inv-slate-50)}.app-guest .app-guest__main{min-height:100vh;padding:3rem 0}.app-guest--card .app-guest__main{align-items:center;display:flex}.guest-card{max-width:420px;margin:0 auto}.guest-card .card-header{background:var(--inv-white,#fff);border-bottom:1px solid var(--inv-line);border-top-left-radius:var(--inv-radius-card);border-top-right-radius:var(--inv-radius-card);padding-block:1.75rem}.guest-card .guest-card__logo{width:140px;max-width:100%;height:auto;margin:0 auto;display:block}.card-header .card-actions{flex-wrap:wrap;gap:.5rem;display:flex}td.td-actions,th.td-actions{text-align:right;white-space:nowrap}.fileinput .thumbnail img{width:150px}table.dataTable p.title,.table p.title{margin:0;font-weight:600}table.dataTable p.category,.table p.category{color:var(--inv-slate-400);margin:0;font-size:12px}table.dataTable .photo img,.table .photo img{object-fit:cover;border-radius:50%;width:48px;height:48px}table.dataTable th.dt-type-numeric,table.dataTable th.dt-type-date,table.dataTable td.dt-type-numeric,table.dataTable td.dt-type-date{text-align:left}table.dataTable th.dt-type-numeric div.dt-column-header,table.dataTable th.dt-type-date div.dt-column-header{flex-direction:row}