html,body{margin:0;background:#fafafa}.ag{display:flex;min-height:100vh;background:#fafafa}.ag-side{width:250px;flex:none;background:#fff;border-right:1px solid #ece4e6;display:flex;flex-direction:column;padding:22px 14px 18px;position:sticky;top:0;height:100vh}.ag-logo{display:block;padding:0 10px 20px;border-bottom:1px solid #f0eaec;margin-bottom:16px}.ag-logo img{height:52px;width:auto;display:block}.ag-logo-text{font-weight:800;letter-spacing:.14em;color:#7a1b2b;font-size:15px}.ag-nav{display:flex;flex-direction:column;gap:4px}.ag-nav a{display:flex;align-items:center;gap:12px;color:#3d3739;text-decoration:none;padding:10px 12px;border-radius:10px;font-weight:500;font-size:15px;position:relative}.ag-nav a svg{width:20px;height:20px;color:#8a7f82;flex:none}.ag-nav a:hover{background:#faf5f6}.ag-nav a.active{background:#f8eef0;color:#7a1b2b;font-weight:600}.ag-nav a.active svg{color:#7a1b2b}.ag-nav a.active:before{content:"";position:absolute;left:-14px;top:6px;bottom:6px;width:4px;border-radius:0 4px 4px 0;background:#7a1b2b}.ag-badge{margin-left:auto;background:#7a1b2b;color:#fff;border-radius:999px;font-size:11px;font-weight:700;padding:1px 8px}.ag-foot{margin-top:auto;border-top:1px solid #f0eaec;padding:16px 10px 0;font-size:13px}.ag-live{display:flex;align-items:center;gap:7px;color:#12805c;font-size:12.5px;margin-bottom:14px}.ag-live i{width:8px;height:8px;border-radius:50%;background:#22a06b;box-shadow:0 0 0 3px #dff3e8}.ag-user b{display:block;color:#1d1a1b}.ag-user span{color:#6f6669}.ag-signout{margin-top:14px;display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;color:#3d3739;font:inherit;font-size:14px;cursor:pointer}.ag-signout svg{width:18px;height:18px}.ag-main{flex:1;min-width:0;padding:28px 34px 56px}.ag-inner{max-width:1280px;margin:0 auto}.ag-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.ag-title h1{margin:0;font-size:24px;color:#1d1a1b;letter-spacing:-.01em}.ag-title p{margin:4px 0 0;color:#6f6669;font-size:13.5px}.ag-back{font-size:13px;text-decoration:none;color:#6f6669!important}.ag-subtabs{display:flex;gap:22px;border-bottom:1px solid #ece4e6;margin-bottom:20px;overflow-x:auto}.ag-subtabs a{padding:10px 0;text-decoration:none;color:#6f6669!important;font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.ag-subtabs a.active{color:#7a1b2b!important;border-color:#7a1b2b}.ag-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fafafa;padding:16px}.ag-login-card{background:#fff;border:1px solid #ece4e6;border-radius:18px;padding:34px 30px;width:100%;max-width:400px;box-shadow:0 10px 40px #1d1a1b14}.ag-login-card img{height:58px;display:block;margin-bottom:18px}.ag-login-card h1{margin:0 0 4px;font-size:21px;color:#1d1a1b}.ag-login-card input{width:100%}@media(max-width:900px){.ag{flex-direction:column}.ag-side{width:auto;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;border-right:0;border-bottom:1px solid #ece4e6}.ag-logo{border:0;margin:0;padding:0 8px 0 0}.ag-logo img{height:36px}.ag-nav{flex-direction:row;flex-wrap:wrap}.ag-nav a{padding:7px 10px;font-size:14px}.ag-nav a.active:before{display:none}.ag-foot{display:none}.ag-main{padding:18px 14px 40px}}