:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{color:#1a1a1a;background:#f4f5f7;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.login-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{box-sizing:border-box;background:#fff;border-radius:12px;flex-direction:column;gap:1rem;width:320px;max-width:92vw;padding:2.5rem;display:flex;box-shadow:0 4px 24px #00000014}.login-card h1{text-align:center;margin:0 0 .5rem;font-size:1.4rem}label{color:#444;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;display:flex}input,textarea{border:1px solid #d7d9dd;border-radius:6px;padding:.6rem .7rem;font-family:inherit;font-size:.95rem}input:focus,textarea:focus{outline-offset:-1px;outline:2px solid #ff6a1a}button{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:6px;padding:.6rem 1rem;font-size:.9rem;font-weight:600}button:disabled{opacity:.6;cursor:default}button.secondary{color:#1a1a1a;background:#e6e7ea}button.link{color:#ff6a1a;background:0 0;padding:.2rem .4rem;font-size:.85rem;font-weight:500}button.link.danger{color:#c0392b}.error{color:#c0392b;margin:0;font-size:.85rem}.dashboard{min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #e3e4e8;flex-direction:column;gap:.75rem;padding:.85rem 1.25rem 0;display:flex}.topbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.topbar h1{white-space:nowrap;margin:0;font-size:1.15rem}.topbar-right{color:#555;align-items:center;gap:.75rem;min-width:0;font-size:.85rem;display:flex}.topbar-email{text-overflow:ellipsis;white-space:nowrap;max-width:40vw;overflow:hidden}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:.35rem;margin:0 -.1rem;padding-bottom:.6rem;display:flex;overflow-x:auto}.tabs .tab{color:#555;white-space:nowrap;background:0 0;border-radius:6px 6px 0 0;flex-shrink:0;padding:.5rem .9rem;font-weight:600}.tabs .tab.active{color:#fff;background:#1a1a1a}.hamburger-btn{background:0 0;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;padding:.5rem;display:none}.hamburger-btn:hover{background:#f0f0f2}.hamburger-btn span{background:#1a1a1a;border-radius:1px;width:20px;height:2px;display:block}.mobile-menu-backdrop{z-index:15;background:#0000004d;position:fixed;inset:0}.mobile-menu{z-index:16;background:#fff;border-bottom:1px solid #e3e4e8;flex-direction:column;padding:.5rem;display:flex;position:relative}.mobile-menu-item{color:#333;text-align:left;background:0 0;border-radius:6px;padding:.75rem;font-weight:600}.mobile-menu-item.active{color:#fff;background:#1a1a1a}@media (width<=700px){.tabs-desktop{display:none}.hamburger-btn{display:flex}.topbar{padding-bottom:.5rem}}.content-single{grid-template-columns:1fr}.hint{color:#888;margin:-.5rem 0 1rem;font-size:.8rem}select{background:#fff;border:1px solid #d7d9dd;border-radius:6px;padding:.5rem .6rem;font-family:inherit;font-size:.9rem}.scope-picker{border-bottom:1px solid #eee;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.scope-picker label{flex:180px;min-width:160px}.scope-picker select{width:100%}.banner-error{color:#c0392b;cursor:pointer;background:#fdecea;padding:.75rem 2rem;font-size:.85rem}.content{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;padding:2rem;display:grid}.panel{background:#fff;border-radius:10px;padding:1.25rem;overflow-x:auto;box-shadow:0 1px 3px #0000000f}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.panel-header h2{margin:0;font-size:1rem}.panel-header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.empty{color:#888;font-size:.9rem}table{border-collapse:collapse;width:100%;min-width:480px;font-size:.9rem}th{text-align:left;color:#666;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #e3e4e8;padding:.5rem;font-size:.8rem}td{white-space:nowrap;border-bottom:1px solid #f0f0f2;padding:.6rem .5rem}tbody tr{cursor:pointer}tbody tr:hover{background:#fafafa}tbody tr.selected{background:#fff3ec}.row-actions{white-space:nowrap;text-align:right}.badge{border-radius:12px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.badge.active{color:#1e7e42;background:#e6f7ec}.badge.blocked{color:#c0392b;background:#fdecea}.badge.neutral{color:#444;background:#eef0f3}.modal-wide{width:min(460px,92vw);max-height:80vh;overflow-y:auto}.user-picker{border:1px solid #e3e4e8;border-radius:6px;flex-direction:column;gap:.55rem;min-height:160px;max-height:360px;padding:.6rem;display:flex;overflow-y:auto}.user-picker-row{align-items:center;color:#333!important;flex-direction:row!important;gap:.5rem!important;font-size:.9rem!important;font-weight:400!important}.user-picker-row input{width:auto}.details-table td{vertical-align:top;padding:.45rem .5rem;font-size:.9rem}.details-label{color:#666;white-space:nowrap;width:40%;font-weight:600}.modal-backdrop{z-index:10;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{box-sizing:border-box;background:#fff;border-radius:10px;flex-direction:column;gap:1rem;width:min(380px,92vw);max-height:90vh;padding:1.5rem;display:flex;overflow-y:auto}.modal h2{margin:0;font-size:1.1rem}.modal-actions{justify-content:flex-end;gap:.5rem;display:flex}.modal-backdrop{padding:1rem}@media (width<=800px){.content{grid-template-columns:1fr}}@media (width<=640px){.content,.content-single{gap:1rem;padding:1rem}.topbar{padding:.75rem 1rem 0}.topbar-email{max-width:55vw}.panel{padding:1rem}}