/* Client 360 v55 — hierarchy, compact groups, progressive disclosure. */
.c55-page{--c55-muted:var(--text-secondary,#9da2b1);--c55-line:var(--border,rgba(255,255,255,.08));--c55-inset:rgba(150,146,183,.045);gap:16px}
.c55-page .c54-body{display:grid;gap:16px}.c55-page .c54-grid{gap:16px;align-items:start}.c55-page .c54-breadcrumb{margin-bottom:-4px}.c55-page .c54-identity{padding:20px 24px;gap:16px}.c55-page .c54-avatar{width:52px;height:55px;border-radius:17px;font-size:24px}.c55-page .c54-name h1{font-size:28px}.c55-page .c54-identity p{margin:5px 0 8px}.c55-page .c54-summary>.c54-field{padding:15px 20px}.c55-page .c54-summary .c54-field dd{font-size:14px}.c55-page .c54-hero{border-radius:20px}.c55-page .c54-tabs{padding:4px}.c55-page .c54-tabs button{padding:11px 15px}.c55-page .c54-panel{padding:20px;border-radius:18px}.c55-page .c54-panel>header{margin-bottom:18px}.c55-page .c54-panel h2{font-size:16px}.c55-page .c54-panel header p{font-size:12px}.c55-page .c54-empty{padding:16px 0;max-width:none}.c55-page .c54-empty strong{font-size:14px}.c55-page .c54-empty p{font-size:12px;max-width:500px;margin:6px 0 0}.c55-page .c54-source{padding:10px 17px;margin-top:0}.c55-page .c54-source summary{font-size:12px}.c55-page .c54-fields{gap:0;border:1px solid var(--c55-line);border-radius:12px;overflow:hidden}.c55-page .c54-fields>.c54-field{padding:12px 14px;border-bottom:1px solid var(--c55-line)}.c55-page .c54-fields>.c54-field:nth-child(odd){border-right:1px solid var(--c55-line)}.c55-page .c54-field dt{font-size:12px}.c55-page .c54-field dd{font-size:13px}.c55-page .c54-field small{font-size:11px}.c55-page .c54-note{font-size:12px;line-height:1.65;padding:11px 13px;margin:12px 0 0;background:var(--c55-inset);border:0;border-radius:9px}
.c55-details{border:1px solid var(--c55-line);border-radius:12px;background:var(--c55-inset);min-width:0}.c55-details>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;list-style:none;cursor:pointer;font-size:12px;color:var(--c55-muted);font-weight:550;line-height:1.4}.c55-details>summary::-webkit-details-marker{display:none}.c55-details>summary>span{color:#a594e8;font-size:18px;line-height:1;flex-shrink:0}.c55-details[open]>summary>span{transform:rotate(45deg)}.c55-details[open]>summary{border-bottom:1px solid var(--c55-line)}.c55-details-body{padding:14px}.c55-details .c54-fields{background:var(--surface,#101116)}.c55-panel>.c55-details,.c54-panel>.c55-details{margin-top:15px}.c55-eyebrow{font-size:10px;font-weight:650;letter-spacing:1.2px;color:var(--c55-muted)}.c55-tag{display:inline-flex;align-items:center;width:fit-content;min-height:25px;padding:4px 8px;border:1px solid var(--c55-line);border-radius:7px;background:var(--c55-inset);font-size:11px;font-weight:550;color:var(--text,#e8e9ef);line-height:1.2;white-space:normal}.c55-tag.good{color:#4edbad;background:#27d69c10;border-color:#27d69c30}.c55-tag.bad{color:#ff8c9c;background:#e96d7c10;border-color:#e96d7c30}.c55-tag.warn{color:#e5be69;background:#e4ba5210;border-color:#e4ba5230}.c55-tag.cyan{color:#73cde7;background:#69cdea10;border-color:#69cdea30}.c55-muted,.c55-unknown{color:var(--c55-muted)}.c55-tags{display:flex;gap:5px;flex-wrap:wrap}.c55-section-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.c55-section-head>div{display:flex;align-items:center;gap:10px}.c55-section-head h2{font-size:18px;letter-spacing:-.3px;margin:0}.c55-section-head>span{font-size:12px;color:var(--c55-muted)}
.c55-device-stack{display:grid;gap:12px}.c55-device{border:1px solid var(--c55-line);border-radius:18px;background:var(--surface,#101116);overflow:hidden}.c55-device-main{display:grid;grid-template-columns:minmax(200px,1fr) minmax(150px,.7fr) minmax(275px,1.25fr);gap:25px;padding:24px;align-items:center}.c55-device-identity{display:flex;gap:17px;align-items:center;min-width:0}.c55-phone{width:70px;height:84px;border:1px solid #9a85ef2b;border-radius:18px;display:grid;place-items:center;flex-shrink:0;color:#a999f1;background:radial-gradient(at top left,#9981ef22,transparent 85%)}.c55-device-identity h3{font-size:23px;line-height:1.2;letter-spacing:-.6px;margin:6px 0 11px;overflow-wrap:anywhere}.c55-model-code{display:block;color:var(--c55-muted);font-family:var(--font-mono,monospace);font-size:11px;margin-top:9px}.c55-device-app{display:flex;gap:12px;align-items:center;padding:17px 15px;border:1px solid var(--c55-line);border-radius:13px;background:var(--c55-inset)}.c55-app-mark{display:grid;place-items:center;width:39px;height:42px;border-radius:11px;flex-shrink:0;background:linear-gradient(145deg,#7765c9,#5284a7);color:#fff;font-weight:750;font-size:20px}.c55-device-app>div{display:flex;flex-direction:column;gap:5px}.c55-device-app strong{font-size:18px;overflow-wrap:anywhere}.c55-device-app small{font-size:11px;color:var(--c55-muted)}.c55-device-app .c55-eyebrow{font-size:9px;letter-spacing:.6px}.c55-device-activity h4{font-size:12px;font-weight:600;margin:0 0 4px;color:var(--c55-muted)}.c55-event{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--c55-line)}.c55-event:last-child{border-bottom:0}.c55-event-icon{display:grid;place-items:center;width:31px;height:33px;flex-shrink:0;border-radius:9px;background:#9789d610;color:#a9a0cc}.c55-event-label{flex:1;display:grid;gap:4px}.c55-event-label strong{font-size:12px;font-weight:550;line-height:1.4}.c55-event-label small{font-size:11px;color:var(--c55-muted);line-height:1.4}.c55-event-time{display:grid;gap:4px;text-align:right;flex-shrink:0;max-width:52%;font-variant-numeric:tabular-nums}.c55-event-time strong{font-size:12px;font-weight:600;line-height:1.4}.c55-event-time small{font-size:11px;color:var(--c55-muted)}.c55-device footer{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 24px;border-top:1px solid var(--c55-line);background:var(--c55-inset)}.c55-device footer>span{display:flex;align-items:center;gap:7px;flex:1;color:var(--c55-muted);font-size:11px}.c55-device footer>.c55-details{border:0;background:none;max-width:100%}.c55-device footer>.c55-details>summary{padding:7px 0;gap:10px;color:#b8a9ef}.c55-device footer>.c55-details[open]{flex-basis:100%}.c55-device footer>.c55-details[open]>summary{border:0}.c55-device footer>.c55-details[open]>.c55-details-body{padding:8px 0 10px}.c55-import-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--c55-line)}.c55-import-row:last-child{border:0}.c55-import-row>div:first-child{display:flex;align-items:center;gap:10px}.c55-import-row strong{font-size:13px}.c55-import-row svg{color:#a293d1;flex-shrink:0}
.c55-club-main{display:flex;align-items:center;gap:22px;padding:1px 0 5px}.c55-ring{display:grid;place-items:center;flex-shrink:0;width:110px;height:110px;border-radius:50%;background:conic-gradient(#a38ded var(--progress),rgba(149,145,179,.13) 0);padding:5px}.c55-ring>div{width:100%;height:100%;border-radius:50%;background:var(--surface,#101116);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px}.c55-ring strong{font-size:29px;font-weight:700;letter-spacing:-1px;font-variant-numeric:tabular-nums}.c55-ring small{font-size:10px;color:var(--c55-muted)}.c55-club-copy{display:grid;justify-items:start;gap:10px}.c55-club-copy>.c54-club{font-size:13px;padding:6px 10px}.c55-club-copy>strong{font-size:14px;font-weight:550}.c55-club-copy p{font-size:12px;color:var(--c55-muted);margin:0;line-height:1.5}.c55-perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:9px;margin-top:22px}.c55-club-unlock{display:flex;gap:9px;align-items:center;color:var(--c55-muted);font-size:12px;padding:16px 0 0;margin-top:16px;border-top:1px solid var(--c55-line)}.c55-grace{display:flex;gap:10px;align-items:center;margin-top:16px;font-size:12px}.c55-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.c55-stat{display:flex;gap:12px;align-items:flex-start;padding:17px;border:1px solid var(--c55-line);border-radius:14px;background:var(--surface,#101116)}.c55-stat-icon{width:33px;height:34px;display:grid;place-items:center;border-radius:9px;flex-shrink:0;background:#9987e51a;color:#b4a4ed}.c55-stat.cyan .c55-stat-icon{color:#84d7ea;background:#84d7ea17}.c55-stat>div{display:flex;flex-direction:column;gap:9px}.c55-stat>div>span{font-size:11px;color:var(--c55-muted);line-height:1.4}.c55-stat strong{font-size:23px;font-weight:650;letter-spacing:-.7px;line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.c55-stat small{font-size:11px;color:var(--c55-muted);line-height:1.4}.c55-perks .c55-stat{padding:13px;gap:9px;background:var(--c55-inset);flex-direction:column}.c55-perks .c55-stat strong{font-size:24px}.c55-mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.c55-mini-metrics .c55-stat{background:var(--c55-inset);padding:13px}.c55-mini-metrics .c55-stat strong{font-size:20px}.c55-device-mini{display:flex;gap:13px;align-items:center;padding:12px 0;border-bottom:1px solid var(--c55-line)}.c55-device-mini:last-child{border:0}.c55-device-mini>span{display:grid;place-items:center;width:35px;height:42px;background:#9581dc13;border-radius:10px;color:#b7a9e4;flex-shrink:0}.c55-device-mini>div{display:grid;gap:5px}.c55-device-mini strong{font-size:14px}.c55-device-mini small{font-size:12px;color:var(--c55-muted)}.c55-access-hero{display:flex;gap:20px;align-items:center;margin-bottom:19px;padding-bottom:18px;border-bottom:1px solid var(--c55-line)}.c55-access-symbol{display:grid;place-items:center;width:59px;height:65px;border:1px solid #a490dd20;border-radius:17px;background:#a490dd12;color:#b6a7e7}.c55-access-hero>div{display:grid;gap:5px}.c55-access-hero span:not(.c55-access-symbol){font-size:10px;letter-spacing:1px;color:var(--c55-muted)}.c55-access-hero strong{font-size:32px;letter-spacing:-.7px}.c55-access-hero small{font-size:12px;color:var(--c55-muted)}.c55-purchase{display:flex;align-items:center;justify-content:space-between;padding:14px;border:1px solid var(--c55-line);border-radius:12px;background:var(--c55-inset);gap:16px}.c55-purchase>div{display:grid;gap:6px}.c55-purchase span{font-size:11px;color:var(--c55-muted)}.c55-purchase strong{font-size:17px}.c55-purchase b{font-size:23px;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.c55-warning{display:flex;align-items:center;gap:8px;color:#e8bd75;background:#e8bd750c;padding:12px;border-radius:10px;font-size:12px;margin-top:10px}
.c55-page .c54-chart-head{margin-bottom:20px}.c55-page .c54-chart-head strong{font-size:27px}.c55-page .c54-chart-head span{font-size:12px}.c55-page .c54-months{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.c55-page .c54-month{padding:13px;border:1px solid var(--c55-line);border-radius:11px;background:var(--c55-inset)}.c55-page .c54-month-values{margin-bottom:11px}.c55-page .c54-month-values strong{font-size:12px;color:var(--c55-muted);font-weight:500}.c55-page .c54-month-values b{font-size:15px}.c55-page .c54-month-values small{font-size:11px;line-height:1.45}.c55-page .c54-month-rail{height:4px}.c55-payment-row{border-bottom:1px solid var(--c55-line)}.c55-payment-row:last-child{border:0}.c55-payment-row>summary{display:grid;grid-template-columns:38px minmax(100px,1fr) minmax(150px,1fr) 112px 18px;gap:16px;align-items:center;list-style:none;cursor:pointer;padding:14px 0}.c55-payment-row>summary::-webkit-details-marker{display:none}.c55-payment-symbol{display:grid;place-items:center;width:34px;height:35px;border-radius:11px;background:var(--c55-inset);color:var(--c55-muted)}.c55-payment-symbol.good{background:#36d3a113;color:#48d9ad}.c55-payment-symbol.bad{background:#ed6c8113;color:#ee7e91}.c55-payment-symbol.warn{background:#cfa65a13;color:#d1b170}.c55-payment-amount,.c55-payment-date{display:grid;gap:6px}.c55-payment-amount strong{font-size:16px;font-variant-numeric:tabular-nums}.c55-payment-date strong{font-size:12px;font-weight:550}.c55-payment-amount small,.c55-payment-date small{font-size:11px;color:var(--c55-muted)}.c55-payment-toggle{color:var(--c55-muted);font-size:18px;text-align:right}.c55-payment-row[open] .c55-payment-toggle{transform:rotate(45deg)}.c55-payment-meta{padding:0 0 14px 53px}.c55-payment-row>summary:hover{background:var(--c55-inset)}
.c55-switch{display:flex;gap:4px;padding:4px;width:fit-content;border:1px solid var(--c55-line);border-radius:10px;background:var(--c55-inset);margin-bottom:16px}.c55-switch button{border:0;border-radius:7px;background:none;font:inherit;font-size:12px;padding:8px 12px;color:var(--c55-muted);cursor:pointer}.c55-switch button.active{color:var(--text,#ede9f8);background:#9683dd24}.c55-traffic-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:16px;align-items:start}.c55-traffic-chart .c54-months{grid-template-columns:repeat(2,minmax(0,1fr))}.c55-daily{display:flex;align-items:flex-end;gap:4px;padding:35px 0 25px;height:220px}.c55-day{flex:1;min-width:0;height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;position:relative;cursor:default}.c55-day i{display:block;width:72%;min-width:3px;border-radius:3px 3px 0 0;background:linear-gradient(#af9bf8,#615691)}.c55-day small{position:absolute;bottom:-22px;font-size:9px;color:var(--c55-muted)}.c55-day-tip{display:none;position:absolute;bottom:105%;left:50%;transform:translateX(-50%);font-size:11px;white-space:nowrap;background:var(--surface,#171820);color:var(--text,#eee);border:1px solid var(--c55-line);padding:7px 9px;border-radius:7px;z-index:5}.c55-day:hover .c55-day-tip,.c55-day:focus .c55-day-tip{display:block}.c55-day:focus i{background:#b9aaff}.c55-node-bars{display:grid;gap:19px}.c55-node-bar>div:first-child{display:flex;justify-content:space-between;gap:9px}.c55-node-bar strong{font-size:12px;overflow-wrap:anywhere}.c55-node-bar b{font-size:13px;font-weight:550;white-space:nowrap}.c55-node-track{height:5px;border-radius:9px;overflow:hidden;background:#9588b515;margin:10px 0 6px}.c55-node-track i{display:block;height:100%;background:linear-gradient(90deg,#9080ce,#6398b0);border-radius:9px}.c55-node-bar small{font-size:11px;color:var(--c55-muted)}.c55-page button:focus-visible,.c55-page summary:focus-visible,.c55-day:focus-visible{outline:2px solid #ae98f7;outline-offset:3px}
@media(max-width:1200px){.c55-device-main{grid-template-columns:minmax(160px,.9fr) minmax(140px,.7fr) minmax(245px,1.2fr);gap:18px;padding:20px}.c55-device-identity{gap:13px}.c55-phone{width:50px;height:68px;border-radius:14px}.c55-device-identity h3{font-size:21px}.c55-device-app{padding:13px;gap:9px}.c55-app-mark{width:31px;height:36px;font-size:17px}.c55-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.c55-page .c54-months{grid-template-columns:repeat(3,minmax(0,1fr))}.c55-traffic-chart .c54-months{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.c55-device-main{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.c55-device-activity{grid-column:1/-1;border-top:1px solid var(--c55-line);padding-top:14px}.c55-device-activity .c55-event{display:inline-flex;width:calc(50% - 12px);vertical-align:top;border-bottom:0}.c55-device-activity .c55-event:last-child{margin-left:19px}.c55-traffic-layout{grid-template-columns:1fr}.c55-page .c54-grid{grid-template-columns:1fr 1fr}.c55-ring{width:88px;height:88px;padding:4px}.c55-ring strong{font-size:24px}.c55-club-main{gap:15px}.c55-events .c55-event-time{max-width:45%}.c55-event-icon{display:none}.c55-mini-metrics .c55-stat{flex-direction:column}.c55-club-copy>strong{font-size:13px}}
@media(max-width:700px){.c55-page .c54-grid{grid-template-columns:1fr}.c55-page .c54-identity{padding:18px;gap:12px}.c55-page .c54-name h1{font-size:24px}.c55-page .c54-summary>.c54-field{padding:13px 16px}.c55-page .c54-summary .c54-field dt{font-size:11px}.c55-page .c54-identity>.button{margin-left:64px}.c55-page .c54-panel{padding:18px 16px}.c55-page .c54-panel>header{margin-bottom:16px}.c55-page .c54-months{grid-template-columns:repeat(2,minmax(0,1fr))}.c55-page .c54-month{padding:12px}.c55-page .c54-month-values{grid-template-columns:1fr}.c55-page .c54-month-values b{font-size:17px}.c55-section-head>span{display:none}.c55-device-main{padding:20px 17px;gap:17px;grid-template-columns:1fr}.c55-device-identity{gap:15px}.c55-device-identity h3{font-size:24px;margin:5px 0 9px}.c55-phone{width:56px;height:73px}.c55-device-app{padding:13px 15px;gap:12px}.c55-device-app>div{display:grid;grid-template-columns:1fr auto;align-items:center;flex:1;column-gap:10px}.c55-device-app .c55-eyebrow{grid-column:1/-1;font-size:10px}.c55-device-app strong{font-size:17px}.c55-device-app small{font-size:12px}.c55-app-mark{width:35px;height:39px}.c55-device-activity{padding-top:0;border:0}.c55-device-activity .c55-event{display:flex;width:100%;border-bottom:1px solid var(--c55-line);margin:0!important;padding:12px 0}.c55-device-activity .c55-event:last-child{border:0;padding-bottom:0}.c55-event-icon{display:grid}.c55-event-label strong{font-size:12px}.c55-event-time strong{font-size:12px}.c55-device footer{padding:8px 17px;gap:5px;align-items:flex-start}.c55-device footer>span{flex-basis:100%;font-size:10px;padding:5px 0}.c55-device footer>.c55-details{width:100%}.c55-device footer>.c55-details>summary{font-size:12px}.c55-page .c54-fields{grid-template-columns:1fr}.c55-page .c54-fields>.c54-field{border-right:0!important}.c55-details-body{padding:10px}.c55-details>summary{font-size:12px;padding:12px}.c55-ring{width:95px;height:95px}.c55-club-main{gap:21px}.c55-club-copy>strong{font-size:14px}.c55-perks{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.c55-perks .c55-stat:last-child:nth-child(3){grid-column:1/-1;flex-direction:row;align-items:center}.c55-metrics{gap:9px}.c55-stat{padding:13px;gap:11px;flex-direction:column}.c55-stat>div{gap:7px}.c55-stat strong{font-size:22px}.c55-mini-metrics .c55-stat{flex-direction:row}.c55-stat-icon{width:29px;height:30px}.c55-payment-row>summary{grid-template-columns:28px 1fr 1.2fr 12px;gap:7px 10px;padding:14px 0}.c55-payment-symbol{grid-column:1;grid-row:1;width:27px;height:29px;border-radius:9px}.c55-payment-amount{grid-column:2;grid-row:1}.c55-payment-date{grid-column:3;grid-row:1;text-align:right}.c55-payment-row>summary>.c55-tag{grid-column:2/4;grid-row:2;font-size:10px;margin-top:3px}.c55-payment-toggle{grid-column:4;grid-row:1}.c55-payment-meta{padding-left:0}.c55-payment-amount strong{font-size:15px}.c55-payment-date strong{font-size:11px}.c55-page .c54-chart-head{flex-wrap:wrap}.c55-page .c54-chart-head strong{font-size:25px}.c55-page .c54-year-controls{max-width:100%}.c55-page .c54-chart-head span{font-size:11px}.c55-daily{gap:3px;height:205px}.c55-day small{font-size:8px}.c55-day:nth-child(even)>small{visibility:hidden}.c55-import-row>div:first-child{flex-wrap:wrap}.c55-import-row .c55-event-time{max-width:45%}}
html[data-theme="light"] .c55-stat-icon{color:#705aa8}html[data-theme="light"] .c55-tag.good{color:#147858}html[data-theme="light"] .c55-tag.warn{color:#85631c}html[data-theme="light"] .c55-tag.bad{color:#b53150}html[data-theme="light"] .c55-unknown{color:#657080}

.client-card-identity>.client-phone{margin-top:5px;color:var(--text-secondary,#b9bcce);font-size:11px;font-variant-numeric:tabular-nums}.c55-page .c54-identity .c55-client-phone{margin-top:2px;color:var(--text,#e8e9ef);font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}