.sep-app,.sep-app *{box-sizing:border-box}.sep-app{--capsha:#2F2E81;--capsha-deep:#1F1D5B;--capsha-dark:#171541;--violet:#6256C9;--lavender:#A69CFF;--lavender-soft:#F1EFFF;--lavender-mist:#F8F7FD;--ink:#26243B;--muted:#716D83;--line:#E5E1F2;--white:#FFFFFF;--on:#17B890;--away:#8B7CF6;--off:#AAA6B5;color:var(--ink);font-family:Inter,Aptos,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.sep-app button,.sep-app input,.sep-app select{font:inherit}.sep-shell{max-width:1280px;margin:auto;padding:clamp(14px,3vw,40px)}
.sep-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(30px,5vw,58px);border:1px solid rgba(255,255,255,.14);border-radius:30px;background:linear-gradient(135deg,var(--capsha-dark) 0%,var(--capsha) 52%,#574CB8 100%);color:var(--white);box-shadow:0 24px 58px rgba(47,46,129,.24)}.sep-hero:before,.sep-hero:after{content:"";position:absolute;z-index:-1;pointer-events:none}.sep-hero:before{inset:-38% -8% -52% 48%;opacity:.55;background:radial-gradient(ellipse at 50% 50%,transparent 0 37%,rgba(255,255,255,.11) 38% 41%,transparent 42% 49%,rgba(255,255,255,.08) 50% 54%,transparent 55% 62%,rgba(255,255,255,.06) 63% 67%,transparent 68%);transform:rotate(-12deg)}.sep-hero:after{width:370px;height:370px;right:-95px;top:-185px;border-radius:50%;background:radial-gradient(circle,rgba(166,156,255,.34),rgba(166,156,255,0) 67%)}.sep-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid rgba(255,255,255,.20);border-radius:999px;background:rgba(255,255,255,.08);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--white)}.sep-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lavender);box-shadow:0 0 0 4px rgba(166,156,255,.15)}.sep-hero h2{max-width:800px;margin:14px 0 0;font-size:clamp(2.15rem,5vw,4.35rem);line-height:1;letter-spacing:-.045em;color:var(--white)!important}.sep-hero p{max-width:760px;margin:17px 0 0;color:rgba(255,255,255,.88)!important;font-size:clamp(.98rem,1.5vw,1.08rem)}
.sep-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(155px,auto) minmax(140px,auto);gap:12px;margin:25px 0 13px}.sep-control{height:52px;border:1px solid var(--line);border-radius:15px;background:var(--white);color:var(--ink);outline:0;padding:0 15px;box-shadow:0 6px 18px rgba(47,46,129,.045);transition:border-color .18s,box-shadow .18s,transform .18s}.sep-control:hover{border-color:#D2CCE8}.sep-control:focus{border-color:var(--violet);box-shadow:0 0 0 4px rgba(98,86,201,.13),0 7px 22px rgba(47,46,129,.07)}.sep-search{position:relative}.sep-search-input{width:100%;padding-left:45px;padding-right:44px}.sep-search-icon{position:absolute;left:16px;top:11px;font-size:23px;color:var(--capsha);opacity:.78}.sep-clear{display:none;position:absolute;right:8px;top:9px;width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}.sep-clear:hover{background:var(--lavender-soft);color:var(--capsha)}.sep-meta{display:flex;justify-content:space-between;align-items:center;min-height:32px;margin:0 3px 17px;color:var(--muted);font-size:.91rem}.sep-count{font-weight:700}.sep-live-key,.sep-last-seen{display:flex;align-items:center;gap:7px}.sep-dot{width:9px;height:9px;display:inline-block;flex:0 0 9px;border-radius:50%;background:var(--off)}.sep-dot.online{background:var(--on);box-shadow:0 0 0 4px rgba(23,184,144,.12)}.sep-dot.away{background:var(--away)}
.sep-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.sep-card{position:relative;display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--white);box-shadow:0 8px 28px rgba(35,31,91,.075);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.sep-card:hover{transform:translateY(-4px);border-color:#D3CDEE;box-shadow:0 18px 42px rgba(35,31,91,.12)}.sep-card-top{position:relative;height:78px;background:linear-gradient(135deg,#EEEAFE 0%,#D9D3FC 58%,#BDB3FA 100%)}.sep-card-top:after{content:"";position:absolute;inset:0;opacity:.56;background:repeating-linear-gradient(116deg,transparent 0 17px,rgba(47,46,129,.09) 18px 22px,transparent 23px 39px);mask-image:linear-gradient(to right,#000,transparent 88%)}.sep-avatar-wrap{position:relative;width:84px;height:84px;margin:-43px 0 0 20px}.sep-avatar{display:grid;place-items:center;width:84px;height:84px;object-fit:cover;border:5px solid var(--white);border-radius:24px;background:#E9E5FA;box-shadow:0 8px 18px rgba(35,31,91,.12)}.sep-avatar-fallback{background:linear-gradient(145deg,var(--capsha),#655AD0);color:#fff;font-size:1.34rem;font-weight:850;letter-spacing:.02em}.sep-avatar-status{position:absolute;right:0;bottom:2px;width:18px;height:18px;border:4px solid var(--white)}.sep-card-body{display:flex;min-width:0;flex:1;flex-direction:column;padding:13px 20px 20px}.sep-card h3{margin:0;color:var(--ink);font-size:1.12rem;line-height:1.25;overflow-wrap:anywhere}.sep-position{margin:6px 0 0;color:var(--capsha);font-size:.93rem;font-weight:780}.sep-organization{margin:5px 0 17px;color:var(--muted);font-size:.87rem;font-weight:650;line-height:1.42}.sep-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.sep-last-seen{min-width:0;color:var(--muted);font-size:.77rem}.sep-view{flex:0 0 auto;border:1px solid var(--capsha);border-radius:12px;padding:9px 13px;background:var(--capsha);color:var(--white);font-weight:800;font-size:.79rem;cursor:pointer;box-shadow:0 5px 13px rgba(47,46,129,.14);transition:background .18s,border-color .18s,transform .18s}.sep-view:hover{background:var(--capsha-deep);border-color:var(--capsha-deep);transform:translateY(-1px)}.sep-view:focus-visible,.sep-page:focus-visible,.sep-close:focus-visible{outline:3px solid rgba(166,156,255,.65);outline-offset:2px}
.sep-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:29px 0 3px}.sep-page{min-width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--capsha)!important;cursor:pointer;font-weight:850;box-shadow:0 4px 11px rgba(47,46,129,.07)}.sep-page.active{background:var(--capsha);border-color:var(--capsha);color:var(--white)!important}.sep-page:hover:not(:disabled){background:var(--lavender-soft);border-color:#CFC8F2;color:var(--capsha)!important}.sep-page:disabled{background:#F7F5FB;border-color:var(--line);color:#A7A3B3!important;opacity:1;cursor:not-allowed}.sep-ellipsis{display:inline-grid;place-items:center;min-width:30px;height:40px;color:var(--muted);font-weight:850;letter-spacing:.08em}.sep-empty{grid-column:1/-1;padding:52px 20px;border:1px dashed #CFC8EA;border-radius:22px;background:var(--lavender-mist);text-align:center;color:var(--muted)}.sep-empty strong{display:block;margin-bottom:4px;color:var(--ink)}.sep-skeleton{min-height:330px;border-radius:22px;background:linear-gradient(90deg,#EFEDF7 25%,#FAF9FD 37%,#EFEDF7 63%);background-size:400% 100%;animation:sep-shimmer 1.25s infinite}@keyframes sep-shimmer{to{background-position:-100% 0}}
.sep-modal{position:fixed;inset:0;z-index:999999;display:none;place-items:center;padding:18px;background:rgba(17,15,54,.70);backdrop-filter:blur(9px)}.sep-modal.open{display:grid}.sep-dialog{position:relative;width:min(760px,100%);max-height:88vh;overflow:auto;border:1px solid rgba(255,255,255,.16);border-radius:27px;background:var(--white);box-shadow:0 32px 95px rgba(8,6,40,.38)}.sep-close{position:absolute;z-index:3;right:17px;top:17px;width:40px;height:40px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:rgba(255,255,255,.12);color:var(--white);font-size:24px;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}.sep-close:hover{background:rgba(255,255,255,.22)}.sep-dialog-head{position:relative;overflow:hidden;padding:31px;background:linear-gradient(135deg,var(--capsha-dark),var(--capsha) 58%,#5A4FC1);color:var(--white)}.sep-dialog-head:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;background:repeating-linear-gradient(117deg,transparent 0 18px,rgba(255,255,255,.07) 19px 23px,transparent 24px 43px);mask-image:linear-gradient(to left,#000,transparent 72%)}.sep-profile-row{position:relative;z-index:1;display:flex;align-items:center;gap:18px;padding-right:45px}.sep-modal-avatar{display:grid;place-items:center;flex:0 0 96px;width:96px;height:96px;object-fit:cover;border:4px solid rgba(255,255,255,.94);border-radius:27px;background:#E9E5FA;box-shadow:0 8px 22px rgba(13,11,52,.22)}.sep-modal-avatar.sep-avatar-fallback{background:linear-gradient(145deg,#5F54C8,#8A80EA);font-size:1.55rem}.sep-dialog h3{margin:0;color:var(--white)!important;font-size:clamp(1.35rem,4vw,2rem);line-height:1.18}.sep-dialog-sub{margin:7px 0;color:rgba(255,255,255,.88)!important;font-weight:700}.sep-modal-status{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.86)!important;font-size:.88rem}.sep-dialog-body{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:25px 28px 29px;background:linear-gradient(#fff,#FCFBFE)}.sep-detail{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--white)}.sep-detail.wide{grid-column:1/-1}.sep-label{display:block;margin-bottom:6px;color:var(--capsha);font-size:.71rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.sep-value{margin:0;color:var(--ink);overflow-wrap:anywhere;white-space:pre-line}
@media(max-width:900px){.sep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sep-toolbar{grid-template-columns:minmax(0,1fr) 1fr}.sep-search{grid-column:1/-1}}@media(max-width:680px){.sep-shell{padding:10px}.sep-hero{padding:27px 22px;border-radius:23px}.sep-hero h2{font-size:clamp(2rem,12vw,3rem)}.sep-toolbar{grid-template-columns:1fr;gap:10px}.sep-search{grid-column:auto}.sep-grid{grid-template-columns:1fr;gap:14px}.sep-card{border-radius:19px}.sep-card-top{height:72px}.sep-live-key{display:none}.sep-card-foot{align-items:flex-end}.sep-dialog-body{grid-template-columns:1fr;padding:19px}.sep-detail.wide{grid-column:auto}.sep-dialog-head{padding:25px 20px}.sep-profile-row{align-items:flex-start;gap:14px;padding-right:38px}.sep-modal-avatar{flex-basis:76px;width:76px;height:76px;border-radius:22px}.sep-close{right:12px;top:12px}}@media(max-width:420px){.sep-card-body{padding-left:17px;padding-right:17px}.sep-card-foot{align-items:stretch;flex-direction:column}.sep-view{width:100%}.sep-last-seen{min-height:24px}.sep-profile-row{flex-direction:column}.sep-dialog h3{padding-right:24px}}
@media(prefers-reduced-motion:reduce){.sep-card,.sep-control,.sep-view{transition:none}.sep-skeleton{animation:none}}
/* CAPSHA 2.0 compact typography and live refresh */
.sep-app{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}
.sep-meta{gap:12px}
.sep-refresh{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-left:auto;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--capsha);font:700 .82rem Arial,sans-serif;padding:6px 12px;cursor:pointer}
.sep-refresh:hover:not(:disabled),.sep-refresh:focus-visible{border-color:var(--violet);background:var(--lavender-soft)}
.sep-refresh:disabled{opacity:.65;cursor:wait}.sep-refresh.is-loading{opacity:.65}
.sep-card .sep-card-body>.sep-card-foot:first-child{margin-top:16px}
.sep-dialog-body:empty{display:none}
@media(max-width:420px){.sep-refresh{padding:6px 9px}.sep-refresh span{display:none}}