*{box-sizing:border-box}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#171717;background:#f4f4f5;font-synthesis:none;text-rendering:optimizeLegibility}body{margin:0;min-width:320px;min-height:100vh;background:#f4f4f5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.shell{min-height:100vh;padding:max(18px,env(safe-area-inset-top)) 14px max(24px,env(safe-area-inset-bottom))}.app{width:min(100%,760px);margin:0 auto}.card{width:min(100%,560px);margin:8vh auto 0;padding:24px;border:1px solid #e9e9eb;border-radius:24px;background:#fff;box-shadow:0 12px 40px #0000000f}.card.compact{max-width:520px}.eyebrow{margin-bottom:8px;color:#737373;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(25px,7vw,34px);line-height:1.05;letter-spacing:-.035em}h2{margin-bottom:5px;font-size:20px;letter-spacing:-.02em}.muted,.section-heading p,.user-main span{color:#737373}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:6px 2px 18px}.profile-chip{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;max-width:44%;padding-top:2px}.profile-chip span{max-width:100%;overflow:hidden;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.profile-chip small{margin-top:3px;color:#8b8b8b;font-size:11px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:12px;padding:4px;border:1px solid #e5e5e7;border-radius:14px;background:#fff}.tab{position:relative;min-height:42px;border:0;border-radius:10px;background:transparent;color:#666;font-weight:700}.tab.active{background:#18181b;color:#fff}.counter{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:7px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px}.alert{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;padding:12px 14px;border:1px solid #fecaca;border-radius:14px;background:#fef2f2;color:#991b1b;font-size:13px;line-height:1.4}.alert button{border:0;background:transparent;color:inherit;font-size:20px;line-height:1}.section{padding:18px;border:1px solid #e5e5e7;border-radius:20px;background:#fff}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading p{margin-bottom:0;font-size:13px;line-height:1.4}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:30px;padding:0 10px;border-radius:999px;background:#f0f0f2;color:#555;font-size:12px;font-weight:800}.product-form{display:grid;grid-template-columns:1fr .7fr auto;gap:8px;margin-bottom:14px;padding-bottom:16px;border-bottom:1px solid #ededee}label{min-width:0}label span{display:block;margin:0 0 6px 2px;color:#6b6b6b;font-size:11px;font-weight:700}input{width:100%;height:42px;padding:0 12px;border:1px solid #d9d9dc;border-radius:11px;outline:none;background:#fff;color:#171717}input:focus{border-color:#8b8b8f;box-shadow:0 0 0 3px #18181b0f}.primary,.secondary,.danger{min-height:42px;padding:0 14px;border-radius:11px;font-weight:750;text-decoration:none}.primary{align-self:end;border:1px solid #18181b;background:#18181b;color:#fff}.secondary{border:1px solid #d4d4d8;background:#fff;color:#27272a}.danger{border:1px solid #fecaca;background:#fff5f5;color:#b91c1c}.small{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;font-size:12px}button:disabled{cursor:default;opacity:.55}.list{display:flex;flex-direction:column}.product-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:13px 2px;border-bottom:1px solid #eeeeef}.product-row:last-child{border-bottom:0}.product-main{min-width:0}.product-main strong{display:block;overflow:hidden;margin-bottom:4px;text-overflow:ellipsis;white-space:nowrap}.product-main span{color:#828282;font-size:12px}.row-actions{display:flex;flex:0 0 auto;gap:6px}.empty{padding:28px 12px;color:#888;text-align:center;font-size:13px}.filters{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{flex:0 0 auto;min-height:34px;padding:0 12px;border:1px solid #dedee0;border-radius:999px;background:#fff;color:#656565;font-size:12px;font-weight:700}.filter.active{border-color:#18181b;background:#18181b;color:#fff}.user-card{padding:15px 2px;border-bottom:1px solid #ebebed}.user-card:last-child{border-bottom:0}.user-top{display:flex;align-items:center;gap:11px}.avatar{display:flex;flex:0 0 40px;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#efeff1;font-size:15px;font-weight:850}.user-main{min-width:0;flex:1}.user-name{display:flex;align-items:center;gap:6px;min-width:0}.user-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-main span{display:block;overflow:hidden;margin-top:3px;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.you{flex:0 0 auto;padding:2px 6px;border-radius:999px;background:#f0f0f2;color:#777!important;font-size:9px!important;font-weight:800;text-transform:uppercase}.status{flex:0 0 auto;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800}.status.active{background:#ecfdf3;color:#15803d}.status.pending{background:#fff7ed;color:#c2410c}.status.disabled{background:#f4f4f5;color:#71717a}.user-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 0 51px;color:#777;font-size:11px}.link-button{padding:0;border:0;background:transparent;color:#27272a;font-size:11px;font-weight:750}.user-products{display:grid;gap:6px;margin:12px 0 0 51px;padding:10px;border-radius:12px;background:#f7f7f8}.mini-product{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;font-size:11px}.mini-product strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-product span{flex:0 0 auto;color:#888}.user-actions{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0 51px}@media(max-width:620px){.shell{padding-left:10px;padding-right:10px}.section{padding:16px 14px;border-radius:18px}.app-header{margin-left:4px;margin-right:4px}.profile-chip{max-width:40%}.product-form{grid-template-columns:1fr}.product-form .primary{width:100%}.product-row{align-items:flex-start}.row-actions{padding-top:1px}}