.welcome-panel{position:relative;min-height:240px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:clamp(28px,5vw,62px);overflow:hidden;border:1px solid var(--border-strong);background:radial-gradient(circle at 82% 30%,rgba(181,150,72,.18),transparent 30%),linear-gradient(120deg,#131b14,#0a0f0b)}.welcome-panel:before{content:"CLIENTS";position:absolute;right:-.04em;bottom:-.2em;color:rgba(181,150,72,.055);font:700 clamp(80px,15vw,220px)/.8 var(--font-mono);letter-spacing:-.1em}.welcome-panel>div{position:relative;z-index:2}.welcome-panel h2{max-width:780px;margin:8px 0 12px;font-size:clamp(34px,5vw,72px);line-height:.9;letter-spacing:-.065em}.welcome-panel p:not(.kicker){max-width:680px;margin:0;color:var(--text-secondary);line-height:1.7}.camera-readout{display:grid;grid-template-columns:repeat(2,auto);gap:9px;padding:14px;border:1px solid var(--border-color);color:var(--text-muted);font:500 7px var(--font-mono);letter-spacing:.1em}.camera-readout b{color:var(--green)}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.metric-card{min-height:154px;padding:20px;border:1px solid var(--border-color);background:var(--background-panel);color:var(--text-primary);text-align:left;cursor:pointer;transition:.2s}.metric-card:hover{border-color:var(--gold);transform:translateY(-2px)}.metric-card span,.metric-card small{display:block;color:var(--text-muted);font:500 8px var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.metric-card strong{display:block;margin:16px 0 12px;font:600 42px/1 var(--font-mono);color:var(--sage)}
.workspace{margin-top:18px;padding:clamp(20px,3vw,34px);border:1px solid var(--border-color);background:rgba(13,18,14,.88)}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--border-color)}.workspace-head h2{margin:5px 0 0;font-size:clamp(25px,3vw,38px)}.workspace-actions{display:flex;gap:8px}.filters{display:grid;grid-template-columns:minmax(280px,.8fr) 1.4fr;gap:14px;padding:18px 0}.search-field{position:relative}.search-field span{position:absolute;left:14px;top:14px;color:var(--gold)}.search-field input{padding-left:40px}.filter-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:2px}.filter-tabs button{min-height:46px;padding:9px 12px;border:1px solid var(--border-color);background:transparent;color:var(--text-muted);font:600 7px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer}.filter-tabs button.active,.filter-tabs button:hover{border-color:var(--gold);color:var(--gold)}
.client-list{display:grid;gap:8px}.client-card{position:relative;display:grid;grid-template-columns:1.1fr .8fr .65fr .65fr auto;align-items:center;gap:18px;min-height:102px;padding:16px 18px;border:1px solid var(--border-color);background:#101611;cursor:pointer;transition:.18s}.client-card:hover{border-color:var(--gold);background:#141d15;transform:translateX(3px)}.client-card.unread:before{content:"";position:absolute;left:-1px;top:15px;bottom:15px;width:2px;background:var(--gold);box-shadow:0 0 12px rgba(181,150,72,.7)}.client-primary h3{margin:0 0 7px;font-size:16px}.client-primary p,.client-meta p{margin:0;color:var(--text-muted);font-size:10px}.client-primary p+ p{margin-top:4px}.client-meta span{display:block;margin-bottom:5px;color:var(--text-muted);font:500 7px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.client-meta b{font-size:11px;font-weight:500}.client-open{color:var(--gold);font:600 17px var(--font-mono)}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}.pagination span{color:var(--text-muted);font:500 8px var(--font-mono)}
