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:#1f2328}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.app-shell{height:100vh;display:flex;background:#faf6ed}.sidebar{width:94px;background:linear-gradient(180deg,#3d2e00,#4a3600,#3d2e00);color:#e8d5a3;display:flex;flex-direction:column}.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(212,160,23,.15);border:2px solid rgba(212,160,23,.3);display:grid;place-items:center;font-weight:700;transition:transform .2s 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:#e6c34d}.brand .avatar-wrapper:hover .avatar{transform:scale(1.05)}.brand .status-dot{position:absolute;bottom:-4px;right:-4px;width:14px;height:14px;border-radius:50%;background:#d4a017;border:2px solid #3d2e00;box-shadow:0 0 6px rgba(212,160,23,.5);z-index:10}.brand .avatar-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(139,105,20,.15);min-width:180px;width:-moz-max-content;width:max-content;z-index:1000;overflow:hidden;border:1px solid #e8d5a3}.brand .dropdown-time{padding:12px 16px;font-size:13px;color:#b8860b;border-bottom:1px solid #f0ead6;text-align:center;font-weight:500}.brand .dropdown-item{padding:12px 16px;font-size:14px;color:#3d2e00;cursor:pointer;transition:background .15s ease;text-align:center}.brand .dropdown-item:hover{background:#fff8e1}.brand .dropdown-item:last-child{border-top:1px solid #f0ead6;color:#f56c6c}.brand .dropdown-item:last-child:hover{background:#fef0f0}.brand .meta .title{font-size:14px;font-weight:700;color:#e6c34d;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-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:background .15s ease;height:66px;box-sizing:border-box}.menu-item:hover{background:rgba(212,160,23,.1)}.menu-item.active{background:rgba(212,160,23,.18);color:#e6c34d;border-radius:0;margin-left:-6px;margin-right:-6px;padding-left:14px;padding-right:14px;border-left:3px solid #d4a017}.menu-item .icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:transparent;color:#c8941e;position:relative;overflow:visible}.menu-item.active .icon{background:transparent;color:#e6c34d}.menu-item.active .icon .menu-icon{filter:drop-shadow(0 0 3px rgba(212,160,23,.6))}.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}.topbar{height:56px;background:#fffdf5;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e8d5a3}.topbar .crumb{font-size:14px;color:#8b7340}.topbar .actions{display:flex;align-items:center;gap:10px}.page{overflow:auto}.card,.page{padding:16px}.card{background:#fff;border:1px solid #e8d5a3;border-radius:14px;box-shadow:0 6px 18px rgba(139,105,20,.06);border-top:3px solid #d4a017}.page-title{font-size:18px;font-weight:800;margin:0 0 10px 0;color:#3d2e00}.muted{color:#8b7340;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}}