.group-toggle{display:none}
.group-toggle.active{color:#67e8f9;background:#10242a!important;border-color:#245663!important}
.script-button.copied{color:#86efac!important;border-color:#28643c!important;background:#102418!important}
.note-group-row{cursor:pointer;background:#111114;border-top:1px solid #242429}
.note-group-row:hover{background:#16161a}
.note-group-row .account-name b{color:#f4f4f5}
.note-chevron{font-size:20px;color:#a1a1aa;text-align:center;transition:color .15s}
.note-group-row:hover .note-chevron{color:#fff}
.note-detail-row{background:#0b0b0e;box-shadow:inset 3px 0 #27272a}
.note-detail-row .account-name{padding-left:10px}
@media(max-width:900px){.group-toggle{min-width:36px}}
.item-image{padding-top:13px}
.item-image img{width:82px!important;height:82px!important;max-width:82px!important;max-height:82px!important;object-fit:contain}
.owner-icon{width:96px!important;height:96px!important;flex:0 0 96px;overflow:hidden;font-size:42px!important}
.owner-icon img{display:block;width:96px;height:96px;object-fit:contain}
.owner-icon-upload{cursor:pointer;position:relative;transition:border-color .15s,filter .15s}
.owner-icon-upload:hover{border-color:#55dce8!important;filter:brightness(1.12)}
.owner-icon-upload:after{content:'Upload';position:absolute;inset:auto 5px 5px;padding:3px;border-radius:5px;background:rgba(0,0,0,.78);color:#67e8f9;font-size:8px;font-weight:800;opacity:0;transition:.15s}
.owner-icon-upload:hover:after,.owner-icon-upload.uploading:after{opacity:1}
.owner-icon-upload.uploading:after{content:'Uploading...'}
.table-meta{display:flex;align-items:center;justify-content:space-between;min-height:42px;margin-bottom:9px}
.table-selection{color:#a1a1aa;font-size:11px}.table-selection b{color:#67e8f9}
.pagination{display:flex;align-items:center;gap:7px;color:#a1a1aa;font-size:10px}
.pagination button{width:32px;height:32px;border:1px solid #303036;border-radius:8px;background:#18181b;color:#d4d4d8;font-weight:900}
.pagination button:disabled{opacity:.32;cursor:not-allowed}
.page-size-select{appearance:none;min-width:64px;padding:8px 25px 8px 10px;border:1px solid #303036;border-radius:8px;background:#27272a;color:#fff;font-size:10px;font-weight:800}
.row-check-wrap{display:grid;place-items:center;cursor:pointer}.row-check{position:absolute;opacity:0}.row-check-wrap i{width:15px;height:15px;border:1px solid #45454d;border-radius:5px;background:#151517}.row-check:checked+i{border-color:#67e8f9;background:#67e8f9;box-shadow:inset 0 0 0 3px #102126}
.account-row{grid-template-columns:34px 30px minmax(210px,1.7fr) repeat(7,minmax(90px,1fr)) 135px repeat(3,minmax(80px,.8fr))!important}
.account-row>*{min-width:0;justify-self:center}.account-row>.account-name{width:100%;justify-self:stretch;text-align:left}.account-head .sort-button{width:100%;text-align:center}.breakout-pair{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.breakout-pair b{min-width:34px;padding:6px 7px;border-radius:9px;background:rgba(22,163,110,.13);color:#8cf0bd}.breakout-pair b:last-child{min-width:24px;background:rgba(219,39,119,.12);color:#f0a5cf}.breakout-pair i{color:#64646d;font-style:normal}
.dashboard-toolbar{border-color:#27272a!important;border-radius:13px!important;background:#0e0e10!important}
.dashboard-toolbar .status-tabs{height:40px;padding:3px;background:#09090b;border-color:#29292e;border-radius:10px}
.dashboard-toolbar .status-tabs button{height:32px;padding:0 13px}
.dashboard-toolbar .script-button{height:40px;padding:0 14px;border:1px solid #303036;border-radius:9px;background:#27272a;color:#fff;font-size:10px;font-weight:800}
.dashboard-toolbar .views{height:42px;padding:4px;border:1px solid #27272a;border-radius:10px;background:#09090b}
.dashboard-toolbar .views button{width:34px;height:32px;border:0;background:transparent}
.dashboard-toolbar .views button.active{background:#f4f4f5;color:#111113}
.summary.grid-summary{display:flex!important;margin:14px 0 0;min-height:54px;justify-content:center;gap:7px;border:0;background:#0c0c0e}
.summary.grid-summary span{min-width:150px;padding:10px 25px;text-align:center;background:#19191d;border-color:#222227;border-radius:10px}
.summary.grid-summary small{display:none}
.owner-panel{width:min(540px,100%)!important;padding:0!important;background:linear-gradient(180deg,#0c0c0e,#101010)!important}
.owner-header{min-height:126px;padding:20px!important;background:radial-gradient(circle at 20% 20%,rgba(85,220,232,.04),transparent 35%)}
.owner-title-wrap{align-items:center!important}.owner-header h2{font-size:22px!important;letter-spacing:-.5px}.owner-header p{font-size:10px!important}
.owner-icon{width:80px!important;height:80px!important;flex-basis:80px!important}.owner-icon img{width:80px!important;height:80px!important}
.owner-badges{display:flex;gap:7px;margin-top:8px}.owner-badges span{padding:4px 8px;border:1px solid #303036;border-radius:6px;background:#1a1a1d;color:#a1a1aa;font-size:9px}.owner-badges b{color:#fff}
.owner-close{align-self:flex-start;margin-top:2px;background:transparent!important;color:#d4d4d8!important}
.owner-summary{grid-template-columns:repeat(4,1fr)!important;padding:28px 20px!important;background:#0e0e10}.owner-summary span{position:relative;padding:0 12px!important;gap:7px!important;font-size:10px!important}.owner-summary span i{position:absolute;left:12px;top:0;color:#d4d4d8;font-style:normal}.owner-summary span{padding-top:20px!important}.owner-summary b{font-size:17px!important}
.owner-tools{margin:0!important;padding:27px 20px 13px;border-bottom:1px solid #242428}.owner-tools h3{font-size:17px}.owner-tools small{font-size:10px}.owner-tools small b{color:#a1a1aa}
.owner-search{margin:14px 20px 0;height:45px!important}.owner-list-head{margin:0 20px;padding-top:14px!important}.owner-list{padding:0 20px 30px!important}.drawer-owner-row{min-height:43px;margin-top:8px!important;background:#121214!important}.drawer-owner-user{font-size:12px!important}
@media(max-width:600px){.summary.grid-summary span{min-width:0;flex:1;padding:9px 8px}.owner-summary{padding-left:8px!important;padding-right:8px!important}.owner-header{padding:16px!important}}
.owner-actions button{display:grid;place-items:center;border:0!important;background:transparent!important;font-size:17px;transition:color .15s,background .15s,transform .15s}
.owner-actions button:hover{transform:translateY(-1px);background:#19191c!important}
.owner-actions .select-action{color:#a1a1aa}.owner-actions .select-action.active{color:#67e8f9;background:rgba(85,220,232,.08)!important}
.owner-actions .copy-action{color:#67e8f9}.owner-actions .delete-action{color:#ef4444!important}
.owner-actions button:disabled{opacity:.3;pointer-events:none}.owner-actions button.working{opacity:.55;animation:owner-action-pulse .8s infinite alternate}
#ownerSelectedText{color:#fb7185;font-weight:700}
@keyframes owner-action-pulse{to{transform:scale(.88)}}
.item-image img.no-icon-image{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;filter:none;opacity:.8}
.owner-icon img.no-icon-image{width:38px!important;height:38px!important;object-fit:contain;opacity:.8}
.missing-preview img{width:24px;height:24px;object-fit:contain;opacity:.8}
.grid-section.pets .grid-section-title span{color:#86efac;background:rgba(34,197,94,.08)}
.grid-section.pets .grid-section-title i{background:rgba(34,197,94,.15)}
.owner-name-line{display:flex;align-items:center;gap:8px;min-width:0}.owner-name-line h2{min-width:0;margin:0!important}
.owner-copy-name{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border:1px solid #303036;border-radius:7px;background:#171719;color:#8b8b94}
.owner-copy-name:hover{color:#67e8f9;border-color:rgba(85,220,232,.5);background:rgba(85,220,232,.07)}
.owner-copy-name svg,.owner-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.owner-actions button{width:34px!important;height:34px!important;border-radius:8px!important}
.owner-actions .select-action{color:#a1a1aa}.owner-actions .select-action.active{color:#67e8f9!important}
.owner-actions .copy-action{color:#22d3ee!important}.owner-actions .delete-action{color:#ef4444!important}
.dashboard-toolbar{grid-template-columns:minmax(260px,1fr) auto auto auto auto!important}
.hide-common-toggle{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 12px;border:1px solid #303036;border-radius:9px;background:#151517;color:#8b8b94;font-size:10px;font-weight:800;white-space:nowrap}
.hide-common-toggle span{display:grid;place-items:center;width:17px;height:17px;border:1px solid #414149;border-radius:5px;color:#71717a;font-size:10px}
.hide-common-toggle.active{color:#86efac;border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.07)}
.hide-common-toggle.active span{border-color:#22c55e;background:#22c55e;color:#07130a}
@media(max-width:1050px){.dashboard-toolbar{display:flex!important;flex-wrap:wrap}.dashboard-toolbar .search{width:100%;order:-1}.hide-common-toggle{margin-left:auto}}
#groupToggle{display:none;place-items:center;padding:0;overflow:hidden;line-height:1}
#groupToggle svg{display:block;width:18px;height:18px;fill:currentColor;transform-origin:center}
#groupToggle:hover svg{animation:group-toggle-spin .65s ease-in-out}
#groupToggle.active svg{color:#67e8f9}
@keyframes group-toggle-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.admin-user-head,.user-row{grid-template-columns:minmax(150px,1fr) 110px 90px minmax(300px,auto)!important}
.admin-user-head{display:grid;gap:15px;align-items:center;padding:9px 4px;border-bottom:1px solid #303036;color:#62626b;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.account-track-count{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:max-content;min-width:70px;padding:6px 9px;border:1px solid #303036;border-radius:8px;background:#111113;font-size:11px;font-weight:900}
.account-track-count b{color:#4ade80}.account-track-count i{color:#52525b;font-style:normal}.account-track-count em{color:#d4d4d8;font-style:normal}
.user-actions .reset-pass{color:#67e8f9;border-color:rgba(85,220,232,.3)}
@media(max-width:760px){.admin-user-head{display:none}.user-row{grid-template-columns:1fr auto auto!important}.user-actions{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}}
.online-total-stat{overflow:visible!important}.delete-all-data{position:absolute;right:12px;bottom:12px;z-index:3;display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(239,68,68,.3);border-radius:8px;background:rgba(127,29,29,.12);color:#ef4444;opacity:0;transform:translateY(3px);transition:.16s}
.online-total-stat:hover .delete-all-data,.delete-all-data:focus-visible{opacity:1;transform:none}.delete-all-data:hover{background:#b91c1c;color:#fff;border-color:#ef4444}.delete-all-data:disabled{opacity:.35;pointer-events:none}
.delete-all-data svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.table-bulk{display:flex;align-items:center;gap:7px}.table-bulk span{margin-right:3px;color:#a1a1aa}.table-bulk button{height:32px;padding:0 11px;border:1px solid #303036;border-radius:8px;background:#18181b;color:#67e8f9;font-size:10px;font-weight:800}.table-bulk button:hover{background:#252529}.table-bulk button.danger{color:#fb7185;border-color:rgba(239,68,68,.35)}
@media(hover:none){.delete-all-data{opacity:1;transform:none}}
.account-row{min-width:1340px!important;grid-template-columns:34px 30px minmax(160px,1.25fr) repeat(7,minmax(78px,1fr)) 118px repeat(3,minmax(68px,.78fr))!important;column-gap:6px!important;padding-left:11px!important;padding-right:11px!important}
.account-table{margin-inline:auto}.account-head{min-height:42px!important}.account-row:not(.account-head){min-height:64px!important}
.note-chevron{display:grid!important;place-items:center!important;width:28px;height:28px;padding:0;align-self:center;justify-self:center;line-height:0!important;color:#a1a1aa!important}
.note-chevron svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:transform .18s ease,color .18s ease}
.note-chevron.open svg{transform:rotate(0)}.note-group-row:hover .note-chevron svg{color:#67e8f9}
.note-group-row>.account-name{padding-left:2px}.note-detail-row>.account-name{padding-left:5px!important}
