body,html{height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif;color:#2c3e5a}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.app-shell{height:100vh;display:flex;background:#eef2f9}.sidebar{width:94px;background:linear-gradient(180deg,#1a2a4e,#1e3260,#1a2a4e);color:#b0c4e8;display:flex;flex-direction:column;box-shadow:2px 0 12px rgba(26,42,78,.15)}.brand{display:flex;align-items:center;justify-content:center;padding:16px 14px 10px 14px;border-bottom:none;position:relative}.brand .avatar-wrapper{position:relative;cursor:pointer}.brand .avatar{width:50px;height:50px;border-radius:50%;background:rgba(120,160,230,.12);border:2px solid rgba(180,200,240,.3);display:grid;place-items:center;font-weight:700;transition:all .3s ease;font-size:16px;overflow:hidden;position:relative}.brand .avatar .avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.brand .avatar span{position:relative;z-index:1;color:#b0c4e8}.brand .avatar-wrapper:hover .avatar{transform:scale(1.05);border-color:rgba(180,200,240,.5);box-shadow:0 0 16px rgba(100,140,220,.25)}.brand .status-dot{position:absolute;bottom:-4px;right:-4px;width:14px;height:14px;border-radius:50%;background:#5b9bd5;border:2px solid #1a2a4e;box-shadow:0 0 6px rgba(91,155,213,.5);z-index:10}.brand .avatar-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(26,42,78,.18);min-width:180px;width:-moz-max-content;width:max-content;z-index:1000;overflow:hidden;border:1px solid #d8e2f0}.brand .dropdown-time{padding:12px 16px;font-size:13px;color:#4a6cb8;border-bottom:1px solid #e8eef8;text-align:center;font-weight:500}.brand .dropdown-item{padding:12px 16px;font-size:14px;color:#2c3e5a;cursor:pointer;transition:background .15s ease;text-align:center}.brand .dropdown-item:hover{background:#f0f4fb}.brand .dropdown-item:last-child{border-top:1px solid #e8eef8;color:#f56c6c}.brand .dropdown-item:last-child:hover{background:#fef0f0}.brand .meta .title{font-size:14px;font-weight:700;color:#b0c4e8;line-height:1.1}.brand .meta .sub{font-size:12px;opacity:.8;margin-top:2px}.menu{padding:6px 6px 16px;overflow:auto;flex:1}.menu::-webkit-scrollbar{width:4px}.menu::-webkit-scrollbar-track{background:transparent}.menu::-webkit-scrollbar-thumb{background:rgba(120,160,230,.2);border-radius:2px}.menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 8px;border-radius:0;cursor:pointer;margin:2px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease;height:66px;box-sizing:border-box;color:#8da0c4}.menu-item:hover{background:rgba(120,160,230,.1);color:#b0c4e8}.menu-item.active{background:rgba(91,155,213,.15);color:#e0eaff;border-radius:0;margin-left:-6px;margin-right:-6px;padding-left:14px;padding-right:14px;border-left:3px solid #5b9bd5}.menu-item .icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:transparent;color:#8da0c4;position:relative;overflow:visible}.menu-item.active .icon{background:transparent;color:#e0eaff}.menu-item.active .icon .menu-icon{filter:drop-shadow(0 0 3px rgba(91,155,213,.5))}.menu-item:hover .icon .menu-icon:after,.menu-item:hover .icon .menu-icon:before{opacity:.4}.menu-item>div:last-child{font-size:12px;text-align:center;line-height:1.2;word-break:break-all}.content{flex:1;display:flex;flex-direction:column;min-width:0;background:#eef2f9}.topbar{height:56px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #dce4f0;box-shadow:0 1px 4px rgba(26,42,78,.05)}.topbar .crumb{font-size:14px;color:#7a8fac}.topbar .crumb strong{color:#2c3e5a}.topbar .actions{display:flex;align-items:center;gap:10px}.page{padding:16px;overflow:auto}.page::-webkit-scrollbar{width:6px}.page::-webkit-scrollbar-track{background:#eef2f9}.page::-webkit-scrollbar-thumb{background:#c8d4e8;border-radius:3px}.page::-webkit-scrollbar-thumb:hover{background:#a0b4d0}.card{background:#fff;border:1px solid #dce4f0;border-radius:10px;padding:16px;box-shadow:0 2px 10px rgba(26,42,78,.06);border-top:3px solid #5b9bd5}.page-title{font-size:18px;font-weight:800;margin:0 0 10px 0;color:#1a2a4e}.muted{color:#7a8fac;font-size:13px}.two-col{display:grid;grid-template-columns:420px 1fr;gap:14px;align-items:start}@media (max-width:1100px){.sidebar{width:84px}.two-col{grid-template-columns:1fr}}