#app{background:#f5f8fe;color:#182b4d;min-height:100vh;font-family:Arial,sans-serif}#app *{box-sizing:border-box}#app button,#app input,#app select,#app textarea{font:inherit}#app button{cursor:pointer}#app button:focus-visible,#app a:focus-visible,#app input:focus-visible,#app textarea:focus-visible,#app select:focus-visible{outline:3px solid #92b8ff;outline-offset:3px}.member-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.member-side{position:sticky;top:0;height:100vh;background:white;border-right:1px solid #e2eafa;padding:28px 18px;display:flex;flex-direction:column;gap:22px}.member-logo{width:200px;height:70px;object-fit:contain}.member-nav{display:grid;gap:7px}.member-nav button{border:0;background:none;color:#60708b;text-align:left;padding:14px 18px;border-radius:12px;font-weight:600}.member-nav button.active{background:#eaf1ff;color:#173b8f}.member-nav button span{margin-right:12px}.member-side small{color:#7a88a0;line-height:1.6;margin-top:auto}.member-main{min-width:0}.member-top{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:white;border-bottom:1px solid #e2eafa}.member-top small{color:#72819a}.member-user{display:flex;align-items:center;gap:12px;background:none;border:0;color:#173b8f}.member-content{max-width:1160px;margin:auto;padding:38px 42px 80px}.member-content h1{font-size:30px;letter-spacing:-1px;margin:0 0 10px}.member-content h2{font-size:19px;margin:0 0 18px}.member-content h3{font-size:18px;margin:0 0 7px}.member-content p{line-height:1.65}.muted{color:#718099;font-size:14px}.member-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.member-heading p{margin:0}.m-btn{background:#2563eb;color:white;border:1px solid #2563eb;border-radius:10px;padding:12px 18px;font-weight:600}.m-btn.secondary{background:white;color:#173b8f;border-color:#d7e3f7}.m-btn.quiet{background:none;border:0;color:#667792;padding:9px}.m-btn.danger{color:#b03c4c;border-color:#eed6dc;background:white}.m-panel{background:white;border:1px solid #e0e8f5;border-radius:16px;padding:25px}.m-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.m-two{display:grid;grid-template-columns:1.65fr 1fr;gap:24px}.m-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px}.m-stat{background:white;border:1px solid #e0e8f5;border-radius:14px;padding:21px;text-align:left;color:#173b8f}.m-stat strong{display:block;font-size:30px;margin-bottom:8px}.m-stat span{font-size:13px;color:#718099}.m-avatar{width:46px;height:46px;flex-shrink:0;border-radius:50%;background:#e7efff;color:#173b8f;display:grid;place-items:center;font-weight:bold}.m-avatar.large{width:64px;height:64px;font-size:23px;margin-bottom:18px}.m-tags{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.m-tags span,.m-chip{font-size:12px;background:#edf3ff;color:#385b96;border-radius:30px;padding:7px 10px}.m-card p{font-size:14px;color:#61728c;min-height:68px}.m-card .m-btn{width:100%}.m-row{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid #edf1f8}.m-row:last-child{border:0}.m-row .grow{flex:1;min-width:0}.m-row p{font-size:13px;margin:5px 0;color:#77849b}.m-row button{flex-shrink:0}.m-tabs{display:flex;gap:5px;border-bottom:1px solid #dde6f6;margin-bottom:25px;overflow:auto}.m-tabs button{background:none;border:0;padding:14px 17px;color:#73809a;white-space:nowrap}.m-tabs button.active{color:#173b8f;border-bottom:3px solid #2563eb;font-weight:bold}.m-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.m-field{display:grid;gap:9px;margin-bottom:20px;font-size:14px;color:#354c70}.m-field input,.m-field select,.m-field textarea,.m-filters input,.m-filters select{width:100%;padding:13px;border:1px solid #dbe4f3;border-radius:9px;background:white;color:#243858}.m-filters input{flex:1;min-width:180px}.m-filters select{width:auto}.m-field textarea{min-height:240px;resize:vertical;line-height:1.9}.m-notice{padding:15px 18px;border-radius:10px;background:#edf4ff;color:#48658e;font-size:13px;line-height:1.6;margin:18px 0}.m-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.m-empty{text-align:center;padding:45px 20px;color:#78859b}.m-empty strong{display:block;color:#294671;margin:12px;font-size:18px}.m-hero{background:#eaf2ff;border:1px solid #dce8fc;border-radius:16px;padding:25px;display:flex;gap:25px;align-items:center;margin-bottom:24px}.m-hero img{width:85px;height:85px;object-fit:contain}.m-hero p{margin:8px 0;color:#6680a6;font-size:14px}.m-reading{font-family:Georgia,serif;font-size:18px;line-height:2;white-space:pre-wrap;padding:20px 0;color:#354767}.m-dialog{border:0;border-radius:18px;padding:30px;max-width:500px;width:calc(100% - 32px);color:#203a60;box-shadow:0 25px 100px #173b8f33}.m-dialog::backdrop{background:#10244d66}.m-dialog h2{margin-top:0}.m-mobile-brand{display:none}.m-check{display:flex;gap:12px;align-items:center;padding:12px 0;font-size:14px}.m-progress{height:6px;background:#e3ebf8;border-radius:8px;overflow:hidden;margin:14px 0}.m-progress div{height:100%;background:#2563eb}.m-label{font-size:11px;color:#6883af;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}.member-bottom{display:none}@media(max-width:1050px){.m-grid{grid-template-columns:repeat(2,1fr)}.member-content{padding:28px}.member-top{padding:0 28px}.m-two{grid-template-columns:1fr}}@media(max-width:760px){.member-shell{display:block}.member-side{display:none}.member-top{height:72px;padding:0 18px}.member-top>div:first-child{display:none}.m-mobile-brand{display:block;width:145px;height:50px;object-fit:contain}.member-content{padding:24px 18px 110px}.member-heading{align-items:flex-start}.member-heading h1{font-size:25px}.member-heading>.m-btn{font-size:12px;padding:11px}.m-grid{grid-template-columns:1fr}.m-stats{gap:8px}.m-stat{padding:15px 10px}.m-stat strong{font-size:25px}.m-stat span{font-size:11px}.m-panel{padding:20px}.member-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:white;border-top:1px solid #dce5f5;padding:8px 4px calc(8px + env(safe-area-inset-bottom));justify-content:space-around}.member-bottom button{background:none;border:0;color:#7a88a0;font-size:10px;padding:6px}.member-bottom button span{display:block;font-size:20px;margin-bottom:4px}.member-bottom button.active{color:#2563eb}.m-row{flex-wrap:wrap}.m-hero{padding:18px;gap:15px}.m-hero img{width:65px;height:65px}}
#app .member-nav{height:auto;align-items:stretch;justify-content:start}#app .member-bottom{height:auto}#app .member-nav button{width:100%}