body{background:#f5f5f9}.app-navbar{height:56px;background:#fff;border-bottom:1px solid #e7e7ef;display:flex;align-items:center;padding:0 1.25rem;position:sticky;top:0;z-index:1030}.app-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none}.app-brand img{height:24px;width:auto}.app-brand .product{font-weight:700;color:#384551;letter-spacing:-.3px;font-size:1.05rem}.app-brand .divider{width:1px;height:22px;background:#e0e0ea}.app-navbar .spacer{flex:1}.app-user{position:relative}.app-user-btn{display:flex;align-items:center;gap:.55rem;background:none;border:none;cursor:pointer;color:#566}.app-user-avatar{width:34px;height:34px;border-radius:50%;background:#f9a40e;color:#fff;display:grid;place-items:center;font-weight:600;font-size:.9rem}.app-user-name{font-weight:500;color:#384551}.app-menu-pop{position:absolute;right:0;top:48px;background:#fff;border:1px solid #e7e7ef;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:220px;padding:.4rem;z-index:1031}.app-menu-pop .head{padding:.5rem .75rem;border-bottom:1px solid #f0f0f5;margin-bottom:.3rem}.app-menu-pop .head .nm{font-weight:600;color:#384551}.app-menu-pop .head .em{font-size:.8rem;color:#8a8a9a}.app-menu-pop a,.app-menu-pop button{display:flex;align-items:center;gap:.55rem;width:100%;text-align:left;padding:.5rem .75rem;border-radius:8px;border:none;background:none;color:#566;text-decoration:none;font-size:.92rem}.app-menu-pop a:hover,.app-menu-pop button:hover{background:#f5f5fa}.app-menubar{background:#fff;border-bottom:1px solid #e7e7ef;box-shadow:0 1px 2px #0000000a;position:sticky;top:56px;z-index:1020}.app-menu-inner{display:flex;flex-wrap:wrap;gap:.2rem;list-style:none;margin:0 auto;padding:.45rem 1.25rem;max-width:1320px}.app-menu-item{position:relative;flex:0 0 auto}.app-menu-link{display:flex;align-items:center;gap:.45rem;padding:.55rem .85rem;border-radius:8px;color:#566;text-decoration:none;font-weight:500;font-size:.94rem;white-space:nowrap;cursor:pointer;border:none;background:none}.app-menu-link:hover{background:#fbf3e6;color:#e0930a}.app-menu-link.active{background:#f9a40e1f;color:#e0930a}.app-menu-link i.bx{font-size:1.2rem}.app-menu-link .caret{font-size:1rem;margin-left:.1rem}.app-submenu{position:absolute;top:calc(100% + .25rem);left:0;background:#fff;border:1px solid #e7e7ef;border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:210px;padding:.4rem;list-style:none;margin:0;z-index:1025}.app-submenu a{display:flex;align-items:center;gap:.55rem;padding:.5rem .7rem;border-radius:8px;color:#566;text-decoration:none;font-size:.92rem}.app-submenu a:hover{background:#fbf3e6;color:#e0930a}.app-submenu a.active{color:#e0930a;font-weight:600}.s4g-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1b2d73;display:grid;place-items:center;z-index:2000;padding:1rem}.s4g-modal{background:#fff;border-radius:16px;max-width:420px;width:100%;padding:1.75rem;text-align:center;box-shadow:0 20px 60px #00000040;animation:s4g-pop .12s ease-out}@keyframes s4g-pop{0%{transform:scale(.96);opacity:.4}to{transform:scale(1);opacity:1}}.s4g-modal-icon{font-size:2.75rem;line-height:1;margin-bottom:.5rem}.s4g-modal-title{font-weight:700;color:#384551;margin-bottom:.4rem}.s4g-modal-msg{color:#566;margin-bottom:1.25rem;word-break:break-word}.s4g-modal-actions{display:flex;gap:.5rem;justify-content:center}.s4g-modal-actions .btn{min-width:100px}.app-content{max-width:1320px;margin:0 auto;padding:1.5rem 1.25rem}.page-title{font-weight:700;color:#384551;margin-bottom:1.25rem}