@font-face{font-family:"Source Serif 4 Cody";src:url("/fonts/source-serif-4-600-italic.ttf") format("truetype");font-style:italic;font-weight:600;font-display:swap}
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#151515;background:#f7f7f4;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#f7f7f4}button,input{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.brand{color:#111;text-decoration:none;font-weight:700;font-size:20px;letter-spacing:-.06em}.brand span{color:#aaa;font-weight:500}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(440px,100%);background:#fff;border:1px solid #e5e5df;border-radius:24px;padding:30px;box-shadow:0 20px 60px #1111}.auth-card h1{font-size:36px;line-height:1;letter-spacing:-.055em;margin:36px 0 28px}.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:11px;color:#999;margin:0 0 8px}.auth-card label{display:grid;gap:7px;font-size:13px;margin:15px 0}.auth-card input{border:1px solid #d9d9d2;border-radius:12px;padding:13px 14px;background:#fafaf8;outline:0}.auth-card input:focus{border-color:#111}.auth-card button,.primary{width:100%;border:0;border-radius:12px;padding:14px;background:#151515;color:#fff;margin-top:8px}.error{color:#c7332d;font-size:13px;min-height:18px}.auth-card img{display:block;width:230px;height:230px;margin:18px auto;border-radius:12px}.auth-card details{font-size:13px;color:#777}.auth-card code{display:block;word-break:break-all;padding:12px;background:#f3f3ef;border-radius:8px;margin-top:8px;color:#222}
.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;padding:30px 24px;border-right:1px solid #e2e2dc;background:#fbfbf8;display:flex;flex-direction:column;z-index:4}.sidebar nav{display:grid;gap:5px;margin-top:55px}.sidebar nav button,.logout{border:0;background:transparent;text-align:left;padding:11px 13px;border-radius:10px;color:#777}.sidebar nav button:hover,.sidebar nav button.active{background:#ecece7;color:#111}.logout{margin-top:auto}.content{margin-left:230px;padding:38px 46px 70px;max-width:1600px}.topline{display:flex;justify-content:space-between;align-items:start;margin-bottom:34px}.topline h1{font-family:"Source Serif 4 Cody",Georgia,serif;font-style:italic;font-weight:600;font-size:50px;line-height:.95;letter-spacing:-.05em;margin:0}.topline>p{font-size:13px;color:#777}.mobile-header{display:none}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric,.panel{background:#fff;border:1px solid #e5e5df;border-radius:17px}.metric{padding:20px;min-height:138px}.metric span{font-size:12px;color:#888}.metric strong{display:block;font-size:34px;letter-spacing:-.05em;margin-top:18px}.metric small{display:block;color:#999;font-size:11px;margin-top:8px}.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px}.panel{padding:20px;overflow:hidden}.panel h2{font-size:18px;letter-spacing:-.035em;margin:0 0 18px}.panel-heading{display:flex;justify-content:space-between;align-items:start}.panel-heading h2{margin-bottom:5px}.panel-heading p{margin:0;color:#999;font-size:12px}.activity-panel{margin-top:14px;padding:22px 24px}.live-state{font-size:11px;padding:7px 10px;border-radius:99px;background:#efefea;color:#777}.live-state.live{background:#dff5e3;color:#22733a}.live-state.warm{background:#f7efcf;color:#806514}.activity-chart{height:180px;display:grid;grid-template-columns:repeat(14,minmax(10px,1fr));gap:8px;align-items:end;margin-top:24px;padding-top:10px;border-top:1px solid #efefeb}.activity-day{height:145px;display:flex;flex-direction:column;justify-content:end;align-items:stretch;gap:8px}.activity-day span{display:block;min-height:3px;background:#181818;border-radius:7px 7px 2px 2px;transition:.2s}.activity-day small{height:16px;text-align:center;color:#aaa;font-size:9px;white-space:nowrap}.toolbar{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.search,.toolbar select{border:1px solid #ddd;border-radius:11px;padding:11px 13px;background:#fff;color:#333}.search{width:min(380px,100%)}.toolbar select{min-width:160px}.table-wrap{overflow:auto;background:#fff;border:1px solid #e5e5df;border-radius:17px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#888;font-weight:500;padding:13px 16px;border-bottom:1px solid #e9e9e4;white-space:nowrap}td{padding:14px 16px;border-bottom:1px solid #efefeb;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafaf7}.name{font-weight:600}.sub{display:block;color:#999;font-size:12px;margin-top:3px}.badge{display:inline-flex;padding:5px 8px;border-radius:99px;background:#efefea;font-size:11px}.badge.pro{background:#161616;color:#fff}.badge.active{background:#daf5df;color:#247636}.badge.expired,.badge.inactive{background:#f3e2df;color:#9b3d35}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions button,.link-button{border:1px solid #ddd;background:#fff;padding:7px 9px;border-radius:8px;font-size:12px}.actions button:hover,.link-button:hover{border-color:#111}.list{display:grid;gap:0}.list-item{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid #eee}.list-item:last-child{border:0}.muted{color:#999}.loader,.empty{padding:50px;text-align:center;color:#999}.money{font-variant-numeric:tabular-nums}.project-url{color:#2460e8;text-decoration:none}.project-url:hover{text-decoration:underline}
.dialogs-layout{height:calc(100vh - 155px);min-height:540px;display:grid;grid-template-columns:340px minmax(0,1fr);overflow:hidden;border:1px solid #deded8;border-radius:18px;background:#fff}.dialogs-sidebar{display:flex;flex-direction:column;min-width:0;border-right:1px solid #e5e5df;background:#fafaf7}.dialog-search{padding:12px;border-bottom:1px solid #e5e5df}.dialog-search .search{width:100%;background:#fff}.dialog-list{overflow:auto}.dialog-item{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px;border:0;border-bottom:1px solid #ecece7;background:transparent;text-align:left}.dialog-item:hover{background:#f0f0eb}.dialog-item.active{background:#181818;color:#fff}.dialog-avatar{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:50%;background:#e3e3dd;color:#555;font-weight:650;font-size:12px}.dialog-item.active .dialog-avatar{background:#fff;color:#111}.dialog-copy{min-width:0}.dialog-copy strong,.dialog-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-copy strong{font-size:13px}.dialog-copy small{font-size:12px;color:#999;margin-top:4px}.dialog-item.active small,.dialog-item.active time{color:#aaa}.dialog-item time{font-size:10px;color:#aaa;align-self:start}.dialog-pane{min-width:0;display:flex;flex-direction:column;background:#f3f3ef}.dialog-header{height:72px;flex:none;display:flex;align-items:center;gap:12px;padding:12px 18px;background:#fff;border-bottom:1px solid #e2e2dc}.dialog-header h2{font-size:15px;letter-spacing:-.02em;margin:0}.dialog-header p{font-size:12px;color:#888;margin:4px 0 0}.dialog-placeholder{margin:auto;color:#999}.transcript{display:grid;gap:8px;align-content:start;overflow:auto;padding:24px;flex:1}.message{max-width:min(76%,720px);padding:11px 14px;border-radius:16px;white-space:pre-wrap;line-height:1.42;font-size:14px;box-shadow:0 1px 0 #0001}.message.user{justify-self:end;background:#171717;color:white;border-bottom-right-radius:5px}.message.assistant{justify-self:start;background:#fff;border-bottom-left-radius:5px}.toast{position:fixed;right:24px;bottom:24px;padding:13px 16px;background:#151515;color:#fff;border-radius:11px;z-index:10}
.user-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:15px}.user-stat{min-height:96px;padding:15px 17px;border:1px solid #e2e2dc;border-radius:14px;background:#fff;text-align:left;color:#777}.user-stat:hover{border-color:#aaa}.user-stat.active{background:#171717;border-color:#171717;color:#fff}.user-stat span,.user-stat small{display:block;font-size:11px}.user-stat strong{display:block;margin-top:12px;color:#171717;font-size:25px;letter-spacing:-.04em}.user-stat.active strong{color:#fff}.user-stat small{margin-top:4px;color:#999}.users-table{min-width:1200px}.users-table th.sortable{padding:0}.sort-header{width:100%;display:flex;align-items:center;gap:7px;padding:13px 16px;border:0;background:transparent;color:inherit;text-align:left;white-space:nowrap}.sort-header:hover{color:#111;background:#fafaf7}.sort-icons{display:grid;gap:2px;width:7px}.sort-icons i{width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;opacity:.2}.sort-icons .sort-up{border-bottom:5px solid #222}.sort-icons .sort-down{border-top:5px solid #222}.sort-header.sort-asc .sort-up,.sort-header.sort-desc .sort-down{opacity:1}.sort-header.sort-asc .sort-down,.sort-header.sort-desc .sort-up{opacity:.12}.user-link{border:0;background:transparent;padding:0;text-align:left;color:inherit}.user-link:hover .name{text-decoration:underline;text-underline-offset:3px}.status-ok{color:#27763c}.status-muted{color:#999}
.content.dialogs-mode{height:100vh;max-width:none;padding:0;overflow:hidden}.content.dialogs-mode #page{height:100%}.dialogs-mode .dialogs-layout{height:100%;min-height:0;border:0;border-radius:0}.dialogs-sidebar,.dialog-pane,.dialog-list,.transcript{min-height:0}.dialog-user-filter{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid #e5e5df;background:#efefe9;font-size:12px}.dialog-user-filter span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-user-filter button{width:24px;height:24px;flex:none;border:0;border-radius:50%;background:#fff;color:#777;font-size:18px;line-height:1}.dialog-pane{overflow:hidden}.dialog-mobile-back{display:none;border:0;background:transparent;font-size:22px;padding:5px;color:#222}
@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.mobile-header{display:flex;position:sticky;top:0;z-index:3;justify-content:space-between;align-items:center;padding:16px 20px;background:#f7f7f4dd;backdrop-filter:blur(12px);border-bottom:1px solid #e7e7e2}.mobile-header button{border:0;background:#111;color:#fff;border-radius:9px;padding:8px 11px}.content{margin-left:0;padding:26px 18px 60px}.topline h1{font-size:42px}.topline>p{display:none}.dialogs-layout{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:640px){.dialogs-layout{grid-template-columns:1fr;height:auto;min-height:0}.dialogs-sidebar{border-right:0}.dialog-list{max-height:300px}.dialog-pane{min-height:520px}.user-filters>*{width:100%!important}.activity-chart{gap:4px}.activity-day small{font-size:8px}}
@media(max-width:520px){.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:15px;min-height:125px}.metric strong{font-size:27px}.auth-card{padding:24px 20px;border-radius:18px}.table-wrap{margin-inline:-18px;border-radius:0;border-inline:0}.content{overflow:hidden}}
@media(max-width:900px){.user-stats{grid-template-columns:1fr 1fr}.content.dialogs-mode{height:calc(100vh - 66px);padding:0}}
@media(max-width:640px){.dialogs-mode .dialogs-layout{position:relative;display:block;height:100%}.dialogs-layout .dialogs-sidebar,.dialogs-layout .dialog-pane{position:absolute;inset:0}.dialogs-layout .dialog-pane{display:none}.dialogs-layout.chat-open .dialogs-sidebar{display:none}.dialogs-layout.chat-open .dialog-pane{display:flex;min-height:0}.dialog-mobile-back{display:block}.dialog-list{max-height:none;flex:1}.dialog-pane{min-height:0}.user-stats{grid-template-columns:1fr 1fr}}