*{box-sizing:border-box}body{margin:0;background:#f7f8fc;color:#243047;font-family:system-ui,-apple-system,sans-serif;font-size:14px}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}a{color:#4f46e5}h1,h2,p{margin-top:0}h1{font-size:32px;letter-spacing:-1px;margin-bottom:12px}h2{font-size:19px}.layout{display:flex;min-height:100vh}aside{width:235px;background:white;border-right:1px solid #edf0f6;padding:30px;display:flex;flex-direction:column;gap:25px}.logo{font-size:22px;font-weight:800;letter-spacing:-1px;color:#4f46e5}.nav{padding:13px;border-radius:12px;background:#eef2ff;color:#4f46e5}.profile{margin-top:auto;font-size:12px;overflow-wrap:anywhere}main{width:100%;max-width:1200px;padding:45px;margin:auto}.top,.heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.top{margin-bottom:45px}.eyebrow{font-size:10px;letter-spacing:2px;color:#4f46e5;font-weight:700}.muted{color:#7a879c;line-height:1.6}.small{font-size:12px}.primary{background:#4f46e5;color:white;padding:13px 20px;border-radius:12px;font-weight:650;display:inline-block;text-decoration:none}.primary:hover{background:#4338ca}.quiet{background:#eef2ff;color:#4f46e5;padding:9px 12px;border-radius:9px;text-decoration:none;display:inline-block}.danger{color:#b91c1c;background:#fef2f2}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.card,.panel{background:white;border:1px solid #edf0f6;border-radius:18px}.card{padding:25px}.value{font-size:32px;font-weight:750;letter-spacing:-1px;margin:18px 0 8px}.green{color:#059669}.orange{color:#ea580c}.purple{color:#4f46e5}.panel{overflow:hidden;margin-top:24px}.panel-head{padding:24px}.panel-head h2{margin-bottom:6px}.toolbar{display:flex;justify-content:space-between;gap:15px;padding:0 24px;flex-wrap:wrap;border-bottom:1px solid #edf0f6}.tabs{display:flex;gap:18px;overflow:auto}.tab{white-space:nowrap;background:none;color:#8490a4;padding:15px 0;border-bottom:2px solid transparent;font-size:12px}.tab.active{color:#4f46e5;border-color:#4f46e5}.search{border:0!important;width:180px!important;margin:0!important;background:none}.row{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid #f1f5f9}.row:last-child{border:0}.rowhead{background:#fafbfe;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#94a3b8;padding-top:12px;padding-bottom:12px}.person{display:flex;align-items:center;gap:12px;min-width:0}.avatar{background:#eef2ff;color:#4f46e5;border-radius:50%;padding:13px;font-size:12px;font-weight:700;flex-shrink:0}.description{font-weight:600;overflow-wrap:anywhere}.sub{color:#94a3b8;font-size:12px;margin-top:5px}.actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.badge{border-radius:20px;background:#f1f5f9;color:#64748b;padding:6px 10px;font-size:11px}.pending{background:#fffbeb;color:#a16207}.empty{text-align:center;color:#94a3b8;padding:40px}.people{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.contact{border:1px solid #e2e8f0;border-radius:20px;padding:8px 12px}.connection{display:flex;gap:10px;flex-wrap:wrap}.connection input{flex:1;min-width:180px;margin:0}.footer{text-align:center;font-size:12px;color:#94a3b8;margin-top:28px}input,select{width:100%;border:1px solid #e2e8f0;border-radius:10px;padding:12px;margin:8px 0 15px;background:white;color:#243047}label{font-size:12px;font-weight:600;display:block}dialog{border:0;border-radius:24px;padding:28px;width:440px;max-width:94vw;color:#243047}dialog::backdrop{background:#0f172a80;backdrop-filter:blur(4px)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{width:100%}#message{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#1e293b;color:white;border-radius:12px;padding:14px 22px;display:none;max-width:90vw;z-index:99}.login{max-width:470px;margin:15vh auto;background:white;border:1px solid #edf0f6;border-radius:24px;padding:40px;text-align:center}.login .logo{margin-bottom:30px}.login h1{font-size:30px}.loading{text-align:center;padding:50px}.offline{background:#fffbeb;color:#92400e;padding:12px;text-align:center}.code{font-family:monospace;overflow-wrap:anywhere}.wrap{flex-wrap:wrap}@media(max-width:800px){aside{display:none}main{padding:22px}.top{margin-bottom:30px}h1{font-size:27px}.cards{gap:10px}.card{padding:16px}.value{font-size:24px}.row{grid-template-columns:2fr 1fr}.rowhead{display:none}.row>.muted{display:none}.actions{grid-column:1/-1}.toolbar{padding:0 16px}.panel-head{padding:20px}.heading{flex-wrap:wrap}}@media(max-width:450px){.cards{grid-template-columns:1fr}.card{display:flex;justify-content:space-between;align-items:center}.card .small{display:none}.value{margin:0}.login{margin:30px 15px;padding:30px}}